Полезное

О роли иконок в приложениях

Автор Freelance.Today

фриланс

Почему иконки важны для хорошего пользовательского опыта в приложениях?

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

Мы не будем говорить об иконке запуска приложения. Вместо этого мы сосредоточимся исключительно на иконках внутри него.

 

Значок стоит нескольких слов

Мы все слышали выражение «картинка стоит тысячу слов». Это правда; но иконка нужна, чтобы передать всего несколько слов. Передавать бурю эмоций или целую историю не нужно.

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

 

Только необходимая информация

Придерживаясь аналогии c указателями, дорожные знаки предназначены для сообщения важной информации в короткий промежуток времени (так как водители движутся с высокой скоростью). Для того, чтобы добиться этого, они были намеренно упрощены. При этом доносят важное сообщение, не добавляя лишних деталей и подробностей.

Это ничем не отличается от дизайна иконок. Французский авиатор и писатель Антуан де Сент-Экзюпери прокомментировал свой инженерный опыт:

"Дизайнер знает, что он достиг совершенства не тогда, когда нечего добавить, а когда нечего отнять".

Только необходимая информация. Будьте осторожны, чтобы ваши иконки не становились иллюстрациями.

 

Иконки должны немедленно сообщать пользователю, где находятся взаимодействия в интерфейсе.

 

Один стиль

Иконки внутри приложения должны выглядеть так, словно выполнены в одном стиле. Это помогает обозначить бренд.

На практике это означает, что вам нужно определить некоторые ключевые характеристики на ранних стадиях разработки. Делать иконки скругленными и дружелюбными? Простыми и элегантными? Строгими и крупными?

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

Другое преимущество состоит в том, что это помогает вам в последующей разработке. Если клиент возвращается через полгода с расширенным функционалом, и вам нужно добавить иконки, будет проще подобрать новые, с точки зрения визуального тона.

 

Барьер для творчества?

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

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

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

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

 

Элегантность и неуклюжесть

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

Иногда вы видите примеры иконок, которые пытаются быть элегантным, но у них это плохо получается.

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

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

 

Уверенность и высокомерие

Уверенные иконки смело показывают пользователю, какое действие ему нужно выполнить. В идеале, это было бы большинство иконок, с которыми мы сталкиваемся. Грубо говоря, это они и есть. К сожалению, некоторые значки «высокого мнения о себе», и они начинают казаться высокомерным.

Они думают, что они более важны, чем другие элементы на экране, и поэтому слишком велики по отношению к другим элементам. Вся их форма заполняется цветом, заставляя их выглядеть тяжелыми и серьезными. Они кричат, когда должны просто говорить. В итоге такие иконки отталкивают от себя.

 

В заключение

Детали имеют значение.

Не бойтесь удалить лишние элементы. Старайтесь донести свою мысль – кратко, но так, чтобы ничего больше нельзя было добавить.

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

 

Источник: Focus on Iconography 

  • 2399