Что общего у этих символов? Все они хотят передать одно и то же действие — поделитесь! В наши стало обыденностью делиться информацией через социальные сети или через электронную почту, но дизайнеры всё никак не могут договориться, какой значок использовать для этого действия. Мало того, что все основные платформы использовать разные иконки для этого, но на протяжении многих лет все они претерпели изменения.
Я провел некоторое время, размышляя об этом, пытаясь понять, какой символ лучше передает это действие для пользователей.
Загрузчик — iOS7
Впервые я увидел эту иконку “share”, когда Apple объявила о выходе iOS 7 на WWDC 2013. Я сразу ее переделал, только что бы понять, что людям очень не понравилась новая символика.
Основная проблема заключается в том, что иконка “share” IOS 7 выглядит слишком похожей на символ, обозначающий загрузку. Если вы посмотрите на две эти иконки рядом друг с другом, то поймете, что иконка “share” сбивает с толку. Они отличаются только направлением стрелки, и поэтому, когда вы на нее смотрите, то думаете, что она обозначает нечто противоположное — загрузку информации на сайт.
Значок в трее — до iOS7
Значок “Share” из предыдущих версий iOS работает уже долгое время и до сих пор используется в Mac OS X Mavericks (Yosenite использует иконку из iOS7). В целом, это хорошо разработанный символ. Он стрелкой указывает в направлении от трея, предлагая поделиться. Поскольку этот значок существует еще со времен первых iPhone, люди постепенно к нему привыкли.
Три точки — символ “Share” от Android
Символ “Share” от Android — это просто три точки, соединенные линиями. Этот же символ используется популярным у разработчиков плагином ShareThis, который предоставляет возможность делится информацией во всех соц. сетях. Он похож на график, с его узлами, и соединяющими их линиями. С первого взгляда он не передает никакого смысла, но если бы мне пришлось гадать, то я бы предположил, что дизайнер пытается представить идею, показывающую одного человека (точка слева), распространяющего информацию в разных направлениях (точки справа). В целом это представление не интуитивно, и вызывает у пользователей ассоциацию с кнопкой “share” только потому, что они за долгое время к ней привыкли. Я подозреваю, что те, кто использует только Apple, могут иметь проблемы с распознаванием этого символа.
Символ Y — Старый Android
До Honeycomb (Android 3.0), этот символ использовался на всех устройствах Android. Он представляет собой точку, расходящуюся в двух направлениях. Сейчас этот символ не так широко используется, но он все равно мне очень нравится, потому что стрелки представляют движение наружу, так же, а также потому, что это вертикально симметрично. Я думаю, что это одно из лучших представлений концепции совместного использования исключительно на основе своей формы.
Круг — Windows 8
Символ “share” Windows 8, напоминает логотип Ubuntu и широко используется на всей ОС и на устройствах Windows Phone. Это еще один абстрактный значок, не имеющий очевидного смысла. Без сопровождающей подписи, пользователь, увидевший этот значок впервые, скорее всего не поймет какую функцию он выполняет.
Подарок — Windows Phone 7
Значок “share” в Windows Phone 7, который выглядит как подарок — это странный, но веселый выбор. Значение иконки очевидно — подарок, которым вы хотите поделиться. Но проблема заключается в том, что вы не делитесь подарками — вы их отдаете.
Эта икона была интересной свежей, но слишком незнакома пользователям. Первый раз, когда я ее увидел, я понятия не имел что она делает .Этот символ прожил не долго, примерно полтора года, пока Windows Phone не перенял новый значок из Windows 8.
Руки — Значок Open Share
Shareaholic попытались создать универсальный символ «Share», который могли бы использовать дизайнеры. Значок Open Share был описан таким образом:
Значок Open Share передает значение действия обмена, визуально представляя одну руку, передающую объект в другую, в значении «передавать», или «делиться». Значок также представляет собой «глаз», в значении «посмотри на это».
В целом, это интересная концепция и идея. Но она все равно слишком отличается — большинство пользователей, с первого взгляда не поймут, что это руки. Если руки не сразу различимы, то значок теряет смысл. К сожалению, ее не переделали, и этот значок очень редко используется на сайтах.
Подавленные таким разнообразием версий иконок «Share», многие дизайнеры пытались создать универсальный символ. Вот еще некоторые значки “share”, которые мне встречались:
Распространение
Некоторые дизайнеры используют идею распространения для представления обмена. Она неплохо справляется с представлением идеи сетевых эффектов, но я считаю ее слишком сложной и хаотичной.
Диаграмма
Некоторые иконки «Share» состоят из различного размера окружностей, соединяющихся линиями в сторону центральной точки. Эти иконки слишком напоминают диаграммы. Они могут быть хорошим представлением связи химических элементов, но, безусловно, они не справляются с отображением концепции обмена.
Открытая рука
Много лет назад, символ открытой руки использовался в общих сетевых папках. Определенное старое корпоративное программное обеспечение до сих пор использует этот символ, в качестве обозначения общего использования. Но тем не менее этот значок обозначает использование внутри локальной сети, а не в социальных сетях.
Много людей
Символ «много людей», как правило, используется для обозначения совместного использования с конкретными сотрудниками или членами команды. Я никогда не видел, чтобы он использовался в контексте обмена в социальных платформах.
Молочный коктейль!
Иногда лучший способ решить проблему дизайна — спросить у человека, не имеющему к дизайну никакого отношения. И я спросил своего соседа, не дизайнера: «Что приходит на ум в первую очередь, когда ты думаешь об обмене? Как бы ты представил действие обмена при помощи символа?» Он нарисовал напиток, который, как он объяснил оказался молочным коктейлем с двумя соломинками.
Значок молочного коктейля — действительно забавная идея. Она довольно хорошо отражает действие обмена. Тем не менее, у этого символа есть две потенциальные проблемы. Как-то странно видеть молочный коктейль, на фоне всех тех иконок, что мы постоянно используем. Что еще более важно, этот символ передает очень конкретную концепцию обмена, то есть, разделение одного объекта между двумя людьми. А в контексте обмена, который мы обсуждаем, почти всегда имеется ввиду идея обмена с многими платформами.
Я для забавы нарисовал векторный значок молочного коктейля.
Все иконки «Share»
Какой бы значок использовали вы?
Вряд ли мы увидим универсальный символ «Share». Apple, не будет использовать язык дизайна Android, Google не собирается реализовывать дизайн Microsoft, и Microsoft не собирается использовать иконки других платформ. Поскольку каждая из трех главных компаний имеет огромную долю на рынке устройств, пользователи, скорее всего, будут взаимодействовать с по меньшей мере тремя различными типами символов, которые представляют те же действия.
Лучший значок — это тот, с которым пользователи лучше знакомы.
Лучший значок — это не самый простой, и не тот, что наилучшим образом передает смысл. Лучший значок — это тот, с которым пользователи лучше знакомы. Перевод значения эффективного значка должен требовать от пользователя минимальных усилий.
Вы должны использовать значок «Share», в зависимости от платформы, для которой вы создаете.
Если вы разрабатываете на Apple iOS 7, вы должны использовать значок, который уже используется на этой платформе. Схожим образом, ваше Android-приложение должно использовать «три точки».
Что делать, если я просто хочу использовать один и тот же символ для всех платформ?
Если вы хотите использовать единый универсальный значок «Share» для вашего приложения или сайта, независимо от платформы, то иконка из Mac OS X Mavericks или «три точки» будут лучшим выбором, потому что на сегодняшний день они являются самым узнаваемыми. Но лично я бы рекомендовал иконку из трея Mac OS X, потому что даже для того, кто никогда не взаимодействовали с продуктами Apple, будет понятно, что он значит. 3 точки гораздо более абстрактны.
В течение года, иконки «Share» iOS 7 (которая будет использоваться в iOS 8 и Mac OS X Yosemite) и «Круг» Windows 8, вероятно, станут наиболее узнаваемыми иконками.
Лучшая концепция
Если бы мне пришлось оценивать каждый значок «Share» не по его знакомству пользователям или популярности среди приложений, а чисто на основе дизайна, я бы проголосовал за иконку, в виде символа «Y». Этот значок является наименее абстрактным, и лучше всех представляет действие обмена. Он вполне отличим, а также вертикально симметричен. К сожалению, эта иконка до сих пор не получила широкое распространение.
Перевод статьи Мин Минг Ло.
