Блог

Очевидный дизайн

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

Очевидный дизайн

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

Очевидное выигрывает всегда

Что означает очевидность? Почему любая вещь может казаться очевидной только после нашего понимания ее сути?

Когда другой человек начинает доводить до нас суть той или иной вещи, мы понимаем ее и говорим «это же очевидно».

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

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

Очевидность субъективна

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

Просматривая сайт через браузер на мобильном устройстве, либо используя специальное приложение мы видим примерно одинаковый интерфейс. Естественно присущи некоторые отличия, однако в целом же принцип построения страницы сохраняется. Так, мы можем увидеть традиционное расположение меню вверху, рядом с которым справа находится поиск, а в низу располагается футер. Структура любого дизайна является отображением современных тенденций и предпочтений. Это и позволяет нам отличать старые дизайны от более современных.

А вот еще интересный момент, который многие могут не заметить — подавляющее большинство тенденций и привычек в веб-дизайне зарождаются в Западной Европе и Сверевной Америке, в результате чего использование таких решений может абсолютно не подходить другим регионам. Это объясняет такой непривычный вид, к примеру, китайских сайтов, нам кажется что они «древние», а для китайцев это привычка.

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

Очевидные иконки

Есть неоспоримое правило — мобильные приложения или сайты должны быть сами собой разумеющимися, очевидными, объяснений для них быть не должно.

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

«Что это за кнопка?», «Куда мне нажимать?», «Как с этим работать, с чего начинать?» - таких вопросов у пользователя быть не должно. Если они есть, то ваш дизайн не является очевидным, его нужно обязательно переделать. Пользователь желает получить то зачем он пришел максимально быстро. На изучение и разглядывание вашего дизайна они выделяют не столько много времени, сколько бы нам хотелось. Обычно посетители не читают информацию, а просто просматривают ее выбирая нужное (вы скорее всего сейчас тоже это делаете).

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

Как пример можно рассмотреть иконку уведомлений, которые мы получаем от приложений, обычно это колокольчик. Популярные сервисы, такие как Google, Twitter и Trello пользуются именно колокольчиком. Такая иконка отображается при ретвитах, репостах, «плюсах». Она уже настолько для нас привычна, что если заменить ее на что-то новое, у нас могут возникнуть проблемы с восприятием. Как пример последнего можно взять Facebook, разработчики для этой функции взяли иконку земного шара, что вызвало проблемы у пользователей.

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

А вот есть и такой вариант данной иконки:

 

Вот еще подобное у Spotify:

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

Но, разработчики Instagram пошли правильным путем, они предусмотрели подсказки, которые помогают быстренько понять интерфейс и функционал. А вот в Spotify так не поступили, а зря.

Не нужно слепо копировать

Последнее время довольно популярной стала иконка-гамбургер (три полоски расположенные в колонку). Как правило, данный символ используется для обозначения списка или меню. В мобильных версиях своих приложений эта иконка используется такими компаниями как Google, Facebook, Starbucks и Disney. Однако, есть вопросик — а пользователь действительно правильно понимает значение такой иконки?

То что всеми она применяется, не значит что каждый пользователь ее правильно воспринимает. Вся суть в том, что если такие крупные компании, как Google и Facebook решили пойти по такому пути, это не говорит о его истинной верности и эффективности. Она стала весьма привычной для пользователей (также как и значок дискеты обозначающий сохранение), однако интуитивно-понятной это ее не сделало.

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

Понимают такой символ многие пользователи, однако никто не заявит на 100%, что он известен всем. К примеру, согласно последним исследованиям, данный значок не знаком большинству людей старше 35 лет.

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

Соц. сети