какой интерфейс можно считать дружественным

Дружелюбный интерфейс или казуализация: добро или зло

Некоторое количество лет после изобретения компьютера, когда он был доступен только узкому кругу специалистов, такой проблемы не существовало в принципе. Ученые и обслуживающий персонал достаточно четко представляли, как работает «большой калькулятор», чтобы возникала необходимость в дружелюбном и приятном интерфейсе.
Позже, с появлением первых PC, рассчитанных пусть и не на массовое распространение, но на существование в отдельно взятой комнате, к компьютеру начали получать доступ всё больше людей, далеких от «всей этой электроники» в целом и устройства данного конкретного агрегата в частности.
Появление первых оболочек (сначала текстовых, потом графических) породило целую индустрию направленную на «дружелюбие» программ. Разумеется, это породило новую волну людей, желающих приобщиться к миру машин.
А в последние годы, с массовым распространением дешевых PC, доступных практически любому, проблема встала особенно остро: дети начали приобщать к компьютеру родителей, те на пальцах объясняли всё бабушкам и дедушкам… И вот тут возникла проблема: человеку, с определенного возраста, становится чисто физически тяжело понять что-то новое, с чем раньше он даже не соприкасался.

Рассмотрим, что принес нам подобный наплыв пользователей в виртуальный мир:

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

— Дружелюбный интерфейс медленно, но верно убивает профессию «компьютерщика» — остаются только программисты и «железячники». Необходимость же в администраторах и подобных им классах со временем может отпасть.
— Большое количество пользователей окончательно превратило интернет в большую мусорную кучу — здесь становится всё сложнее найти полезную информацию, уже не ввиду её недостатка, а ввиду перенасыщенности интернета рекламой, мусором и устаревшей информацией.
— Многие профессиональные ресурсы вынуждены закрываться от внешнего интернета, устанавливая свои правила доступа на ресурс или обеспечивая вход только по приглашениям
— Расцвет троллинга: интернет медленно, но верно глупеет, ввиду снижения среднего возраста пользователей. Если раньше средний возраст человека в сети было 20-30 лет, то сейчас это 15-18.
— Благодатная почва для процветания пиратства и копипаста — отследить всю информацию в интернете стало невозможно чисто физически, а факт «кражи» доказать практически невозможно.

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

Источник

Дружественный интерфейс: как сделать дизайн сайта удобным

Андрей Батурин

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

Что такое дружественный интерфейс?

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

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

Цель дружественного интерфейса

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

Основные принципы дружественного интерфейса

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

1. Интуитивная ясность

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

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

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

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

2. Предсказуемость

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

Наглядный пример — иконки и кнопки. Все привыкли, что окно с личными сообщениями или формой для обратной связи открывается с помощью иконки в виде “конверта”. Если вы добавите такой визуальный элемент в дизайн интерфейса, но придадите ему другую функцию (например, открытие страницы с условиями доставки), это запутает человека и вызовет раздражение, так как он ожидает другого результата от нажатия на иконку.

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

Предсказуемость важна и для контента страниц. Прайс-лист должен лежать в разделе “Цена”, а не в “Примерах работ”, а новости компании — в разделе “Новости”, а не на главной.

3. Минимализм

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

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

4. Скорость загрузки

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

Подробнее мы разбирали эту тему в статье “Скорость сайта и методы ее повышения”.

5. Терпимость к ошибкам

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

Представьте ситуацию. Вы зашли в интернет-магазин, выбрали товар и решили его купить. Заполняете длинную форму заказа: свои контакты, адрес доставки, номер банковской карты. Но в поле для телефона пишете свой номер, например, без приставки “+7”. Затем нажимаете кнопку “Заказать” и… все данные удаляются, а вам высвечивается сообщение об ошибке. Сайт требует, чтобы вы заполнили все по-новой, а вы с досады закрываете его и едете в ближайший розничный магазин, пусть там и дороже.

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

Советы, как сделать интерфейс дружественным, а дизайн — удобным

Если принципы, описанные выше, показались вам слишком абстрактными и теоретическими, давайте перейдем к практике.

Не давайте большой свободы выбора

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

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

Докажите, что сайт безопасен

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

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

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

Заполнение полей должно быть простым

Если у вас на сайте есть форма для заполнения — регистрация, оформление покупки, подписка на рассылку и т.д. — сделайте ее простой, иначе человек просто не захочет ее заполнять.

Чтобы форма была удобной, помогите человеку ее заполнить.

Один блок с текстом на странице

Только на информационных порталах и в онлайн-СМИ допустим вариант, когда на одной странице отображается основная статья, а по бокам размещены блоки с новостями или кратким содержанием других материалов. Даже в этой ситуации такое решение кажется спорным, на других же сайтах лучше делать дизайн интерфейса таким, чтобы главная информация на странице не оттенялась дополнительными блоками. Внимание пользователя — ценный ресурс, и нельзя им так непрактично разбрасываться.

Похожее к похожему

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

Дублируйте call-to-action

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

Используйте контраст

Кнопки должны выделяться на фоне текста и иллюстраций. Это основной элемент, который важен и вам, и пользователю. Сделайте их заметнее, подберите наиболее контрастное сочетание, затемните фон.

Адаптивность

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

Удобный поиск

Если у вас на сайте много информации — статей, товаров, документов, — добавьте на нем функцию поиска и сделайте ее удобной. Желательно, чтобы поисковый алгоритм мог распознавать разные формы слов (падежи, род, число) и выстраивать приоритетность результатов.

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

Источник

Как создавать user-friendly интерфейсы для коммерческих продуктов

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

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

Что такое user-friendly интерфейс

В переводе на русский понятие означает «дружественный для пользователей». То есть интерфейс, который создаётся под конкретную группу людей или без чёткой целевой аудитории, но нацелен на максимальное удобство пользователей.

Главная цель user-friendly интерфейса заключается в обеспечении идеального user experience. Чтобы после установки приложения или использования сайта остались только положительные эмоции. Если удастся добиться такого эффекта, конверсия будет высокой.

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

Есть мнение, что user-friendly интерфейс должен быть только простым. На самом деле, только этой характеристики недостаточно для выполнения коммерческих целей компании. Продукт должен быть полезен аудитории, иначе никто не будет использовать его. Особенно, если на рынке есть другие решения.

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

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

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

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

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

Главные характеристики user-friendly UI

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

Многие дизайнеры знают, что на user experience влияет не только типографика и красивая анимация, но и то, как выстроен «путь клиента». Если в процессе выполнения задачи постоянно возникают отвлекающие факторы, компании не стоит рассчитывать на коммерческий успех продукта.

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

Интуитивность

UX-проектировщики часто спорят о том, каким должен быть digital-продукт, чтобы им было удобно пользоваться. Больше всего разногласий возникает по поводу интуитивного взаимодействия с UI.

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

Добиться интуитивности в интерфейсе не так сложно. Надо просто найти максимально быстрый маршрут и выстроить его для пользователей. Это как с поездкой по незнакомой местности. Путешественники не знают конкретной местности, но могут ориентироваться по знакам на дороге.

Чтобы интерфейс был интуитивно понятным, необходимо использовать знакомые инструменты, которыми люди привыкли пользоваться на постоянной основе. Это касается меню, форм, баннеров и других UI-элементов.

Предсказуемое поведение

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

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

Предсказуемость не сильно зависит от особенностей целевой аудитории. Даже если интерфейс создаётся под узкую группу людей, они используют UI по стандартным правилам. Главное, чтобы у пользователей не возникали проблемы при взаимодействии с инструментами и тогда можно надеяться на то, что вокруг продукта сформируется постоянная аудитория.

Простота

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

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

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

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

Быстродействие

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

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

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

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

Быстрый UI — ключ к сердцу целевой аудитории. Пользователи устали от медленных сайтов и приложений, которыми невозможно пользоваться. Они разрушают user experience и не приносят никакой пользы.

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

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

Защита от ошибок

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

В user-friendly интерфейсе должна быть защитный механизм, который не позволит выйти за определённые рамки. Например, если закрыть окно регистрации после запуска приложения, оно должно повторно запускаться по клику на кнопку. Если этого не будет, многие потенциальные клиенты не смогут создать учётную запись.

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

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

Защита от ошибок показывает пользователям, что о них позаботились. Можно спокойно решать свои задачи и не переживать, даже если что-то пойдёт не так. Такой подход позволяет установить прочную связь с целевой аудиторией и укрепить положительный имидж бренда.

Советы по созданию интерфейса для коммерческих продуктов

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

Сделайте так, чтобы UI общался с пользователями

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

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

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

Общение с аудиторией может проявляться по-разному, но не стоит слишком давить на людей. Предоставьте им полную свободу действий и анализируйте, как они используют UI.

Позаботьтесь о привлекательности

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

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

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

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

Предусмотрите персонализацию

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

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

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

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

Объясняйте действия

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

Сообщения о состоянии системы — стандартный механизм, который используется и на сайтах и в приложениях. После отправки формы должно появиться уведомление об успешной отправке данных или информация с описанием ошибки.

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

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

Собирайте обратную связь

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

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

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

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

Думайте о пользователях

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

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

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

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

Веб-студия IDBI больше 14 лет разрабатывает коммерческие продукты и входит в ТОП-10 разработчиков России. Обращайтесь к нам, если хотите не просто сделать сайт, а решить с помощью него свои задачи.

Источник