Статьи 2 мин на чтение 35 Сделайте так, чтобы пользовательский интерфейс выглядел профессионально Многие элементы дизайна похожи на реальные объекты. Тень — один из них. Тени подсказывают пользователю, что окно или панель — плавающие. Плавающие поверхности отражают временное или кратковременное состояние элемента, которое требует взаимодействия с пользователем. Чтобы люди правильно интерпретировали плавающие поверхности, тени должны…
Статьи 3 мин на чтение 20 Правильный способ применения падающих теней Все пользовательские интерфейсы представляют собой набор поверхностей. Он включает фон, передний план и элементы, плавающие сверху. Чтобы показать пользователям, какие компоненты экрана активны, дизайнеры располагают их на расстоянии от других поверхностей с помощью теней. Некоторые элементы, например, всплывающие уведомления, карточки и меню, следует размещать…
Доступность — не единственное, что следует учитывать при разработке интерфейса. Важно постараться повысить удобство сканирования контента. В чём разница? Когда большинство дизайнеров пытаются сделать интерфейс доступным для пользователей, они концентрируются исключительно на цветовом контрасте. Он помогает сделать текст хорошо читаемым, но необязательно поможет людям быстро его сканировать. Удобство сканирования выходит за рамки доступности и включает…
В этой статье я расскажу про тултипы или всплывающие подсказки в интерфейсе. Тултипы являются одним из самых полезных элементов для обучения и понимания вашего интерфейса и того, как с ним взаимодействовать. Пользователь наводит мышкой на элемент для отображения всплывающей подсказки. В ней может написан текст, который поясняет то или иное действие, описание объекта или взаимодействие.…
Коды состояния и их смысл Ещё раз вспомним: ответ от Сервера всегда приходит в виде трёхзначного кода состояния и краткого текстового пояснения. Коды, указывающие на ошибку, начинаются на 4 и 5. У каждого есть смысл. Чтобы не наделать лишнего, я бы посоветовала сначала пройтись с разработчиками по всему списку кодов состояния и оставить те, которые…
Мне кажется, информация дальше будет восприниматься легче, если одновременно поглядывать на схемы. Сбой Клиента Как все ошибки, он может возникнуть в 4-х контекстах: приём данных от Пользователя; скачивание или подгрузка данных по инициативе Пользователя; перенаправление на другую страницу; перенаправление в модальное окно. Но как мы обсудили в первой части, сбой Клиента означает, что он не…
С точки зрения взаимодействия между субъектами Пользователь – Клиент – Сервер можно выделить такие виды ошибок: сбой Клиента; результат валидации данных на Клиенте и Сервере; результат обработки данных и команд; потеря связи с Сервером. Разберём подробнее, что к чему. Сбой Клиента Какой бы мы ни получили ответ от Сервера, на Клиенте может произойти сбой отображения…
Или как найти ценность для пользователя Уверен, что над текстом для интерфейса ломают голову не только дизайнеры и UX-копирайтеры. В этой статье я поделюсь методом, который может использовать каждый — как в 3 шага найти правильный смысл текста, который будет интересен пользователям. В конце бонусом поделюсь шаблоном фреймворка в Фигме. Типы текста в интерфейсе Я…
Бывают ситуации, когда надо обратиться к пользователю, запросить от него вариант решения или написать ему о действиях других пользователей. Слова же при этом имеют род — мужской, женский и средний. Если род пользователя неизвестен, то начинают выдумывать слова-гермафродиты: уважаемый(ая), согласен(на), звонил(а), ответил(а) и т.п. Выглядит всё это как-то юридически, не по-человечески. Выход прост — надо…
В статье представлены полезные советы и рекомендации, которые помогут сделать внутренний поиск по веб-сайтам и мобильным приложениям интуитивно понятным и простым в использовании. Удобство поиска — один из важнейших факторов хорошего UX веб-сайтов и мобильных приложений. Особенно тех, которые предлагают богатый выбор чего-либо, будь то новости, статьи в блогах, товары, произведения искусства или что-то еще.…
