Непричесанные данные доступны в гугл-табличке. Не разбираюсь в лицензиях, но в общем можете их использовать как угодно в любых целях.

Спасибо все поучаствовавшим в исследовании!

Подобные исследования можно провести для любого набора топонимов на любом языке со свободными ударениями (то есть где нет правил, определяющих ударный слог). Если у вас есть идея, для каких топонимов стоит еще запустить исследование, или даже есть желание помочь в его подготовке — напишите мне → @kefiijrw.

Когда-нибудь я разберусь, как запилить гитхаб-репозиторий, и тогда любой сможет организовывать такие исследования без моего участия.

Лишь довольно ограниченное количество метафор для иконок стали настолько общепризнанными, чтобы их можно было не дублировать текстом. Да, кнопка с нарисованной мусорной корзиной скорее всего отвечает за удаление, а с лупой — за поиск. Но большинство иконок в «мимолетных» интерфейсах (то есть которыми человек не пользуется ежедневно) необходимо сопровождать текстовой подписью, иначе всё это превращается в ребус.

Вот, например, икея показывает этапы заказа через вереницу иконок в кружках, и только текущий статус подписан. Чтобы понять, что там за этапы далее, пришлось пользоваться веб-инспектором.

Ну и контекст применения иконки тоже важен при выборе графической метафоры.

Вот на Яндекс.Картах в карточке объекта есть кнопка с иконкой глобуса, и я из-за контекста сначала предположил, что это яндекс наконец научился сворачивать карту в 3д-глобус при отзуме и эта кнопка отвечает за это, ну или за какую-то другую картографическую штуку типа копировать координат в буффер обмена. А оказалось, что это кнопка «Открыть сайт». А кнопка чуть правее со стрелочкой в квадрате, про которую я как раз думал, что она про открытие сайта объекта, внезапно отвечает за шеринг.

Иконка с сердчеком в соцсетях и иконка с сердечком на сайте поликлиники могут означать разное. Метафора глобуса для обозначения интернета может оказаться неподходящей для картографического сайта.

А вот тут дизайнеры навигации полностью отказались от попыток закодировать сигнал: ни логотипа метро, ни иконки с поездом, ни даже надписи «Metro» — просто тупо фотография поезда у платформы и стрелка.

Отсутствие кодирования и очистки навигационного сигнала, конечно, приводит к его шумности — на фотографии много лишних отвлекающих деталей, это как аэросъемку вместо карт использовать — но каков ход!

Презентация на промо-страницах фрагментов интерфейса — это вызов для дизайнера, так как надо как-то отделить интерактивные элементы интерфейса от интерактивных элементов страницы об этом интерфейсе. Подсказать пользователю, на что имеет смысл тыкать, а на что нет.

Вот промо-страница банка Revolut эту задачу проваливает:

Блок показывает интерфейс выбора цвета карты, но тыкать в выбиралку бессмысленно — это всего лишь жпег (ну ладно, webp), тебя обманули, а-ха-ха, повелся лох.

Рядом то же самое: интерфейс листалки карты. Он не дает возможность листать карту, только намекает, что у тебя будет возможность листать карту когда-нибудь потом уже внутри продукта. Кнопка просмотра-глазика на углу карты и большая кнопка «Add to Apple Wallet» тоже пустышки:

Пользователь изучает страничку:

Посмотрел, как с этой задачей справляются другие (ну то есть эпл).

Во-первых, они стараются обрамлять интерфейс устройством, подсказывая, что это всё происходит не на твоем маке, а вот на этом показываемом маке:

В этом плане они, конечно, читеры: не надо использовать мокапы «условного смартфона» или ноутбука — просто показываем свой интерфейс на своих устройствах, всё логично.

Если же надо крупно показать кусок интерфейса без рамки экрана, используется другой прием — вместо статичного состояния показать анимацию интерфейса, будто кто-то уже за тебя пользуется им, и самому туда лезть не надо:

А вот тут уже тоненько. Переключалка Pay In Full – Pay Later и крестик закрытия попапа (которая рифмуется с кнопкой разворачивания подробностей в нижнем правом углу!) всё же заманивают нажать на себя, хотя частные подробности чека (конкретная стоимость $46.27 на конкретные 2 недели) подсказывают, что это тоже не твой интерфейс, а какого-то другого человека, и лезть туда курсором не надо:

Самый же трушный и при этом затратный способ — по-настоящему вынести кусок интерфейса наружу на промо-страницу, позволить баловаться с ним — подбирать цвет карты, листать превьюшки, и таким образом сделать переход к использованию продукта бесшовным: «О, ты уже настроил карту под себя, давай введи свое имя еще, посмотрим, как будет смотреться на карте. Кстати, для подачи заявки на карту осталось еще два поля заполнить, ммм?».

Если сайт блумберга совместить с не очень догадливым переводчиком, стандартная формулировка прямого эфира «Live Now» превращается в цитату из мотивационных блогов.

Если стандратную интерфейсную стрелочку-выпадайку совместить с толстой обводкой, получится сердечко.