Тултипы или всплывающие подсказки в интерфейсе | by Владимир Белов | Jan, 2022

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

Отображение ошибок в интерфейсе, часть 3 – Выбор контента для описания ошибки Пользователю | by Настя Овсянникова | Nov, 2021

Коды состояния и их смысл Ещё раз вспомним: ответ от Сервера всегда приходит в виде трёхзначного кода состояния и краткого текстового пояснения. Коды, указывающие на ошибку, начинаются на 4 и 5. У каждого есть смысл. Чтобы не наделать лишнего, я бы посоветовала сначала пройтись с разработчиками по всему списку кодов состояния и оставить те, которые…

Отображение ошибок в интерфейсе, часть 2 – Выбор способа отображения ошибки в интерфейсе | by Настя Овсянникова | Nov, 2021

Мне кажется, информация дальше будет восприниматься легче, если одновременно поглядывать на схемы. Сбой Клиента Как все ошибки, он может возникнуть в 4-х контекстах: приём данных от Пользователя; скачивание или подгрузка данных по инициативе Пользователя; перенаправление на другую страницу; перенаправление в модальное окно. Но как мы обсудили в первой части, сбой Клиента означает, что он не…

Отображение ошибок в интерфейсе, часть 1 – Как возникают ошибки | by Настя Овсянникова | Nov, 2021

С точки зрения взаимодействия между субъектами Пользователь – Клиент – Сервер можно выделить такие виды ошибок: сбой Клиента; результат валидации данных на Клиенте и Сервере; результат обработки данных и команд; потеря связи с Сервером. Разберём подробнее, что к чему. Сбой Клиента Какой бы мы ни получили ответ от Сервера, на Клиенте может произойти сбой отображения…

3 шага к хорошему тексту в интерфейсе | by Yura Turivny | Jan, 2021

Или как найти ценность для пользователя Уверен, что над текстом для интерфейса ломают голову не только дизайнеры и UX-копирайтеры. В этой статье я поделюсь методом, который может использовать каждый — как в 3 шага найти правильный смысл текста, который будет интересен пользователям. В конце бонусом поделюсь шаблоном фреймворка в Фигме. Типы текста в интерфейсе Я…

Пять способов очеловечить текст в интерфейсе | by Михаил Греков | Jul, 2020

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

Как разработать эффективный поиск в пользовательском интерфейсе

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

Неоморфизм в пользовательском интерфейсе — DEADSIGN

Пример, который мы примерно за час воплотили в жизнь на глазах аудитории дизайнерского ивента DoGoodS*!t. На прошлой неделе мы говорили о потенциальных трендах в UI-дизайне, и один из них вызвал огромный интерес у пользователей как на Dribbble, так и в Instagram. Jason Kelley назвал этот «Новый скевоморфизм» невоморфизмом (откуда я убрал букву «в», и у меня получилось название Неоморфизм). И спасибо всем за полезные комментарии. Я понимаю, что скевоморфизм всё время «поджидал нас за углом», но одно…

Микровзаимодействия в пользовательском интерфейсе – Дизайн-кабак

Перевод статьи UX-специалиста в Nielsen Norman Group Элиты Джойс Микровзаимодействия отражают состояния системы, способствуют предотвращению ошибок пользователей и связывают интерфейс с брендом. У них обязательно есть триггер, по которому они срабатывает. Как правило, их используют для решения не более одной задачи. При правильном использовании этого инструмента формируется положительный пользовательский опыт. Что такое микровзаимодействия? При использовании…