Программы для детей Мероприятия Блог Контакты

Дизайн интерфейсов. UX/UI дизайн

Интерфейс — это всегда взаимодействие. Взаимодействие системы (необязательно компьютерной системы) и человека (пользователя). В случае, когда взаимодействие затрудняется, упростить и сделать его понятным помогает UX и UI-дизайн.

Что такое UX/UI
UX — User Experience («опыт пользователя»). UX показывает, какое впечатление получает пользователь от работы с интерфейсом, достигает ли он цели и насколько просто или сложно это сделать.
Задача UX-дизайнера — максимально учесть все мелочи при разработке интерфейса, начиная от среды пользователя и типа устройства и заканчивая способами ввода и отображения информации.

UI — User Interface («пользовательский интерфейс»). UI показывает, как выглядит интерфейс и какие характеристики приобретает, какого цвета будет ваш проект, удобно ли будет человеку попадать пальцем в кнопки, читабельным ли будет текст и т.п.

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

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

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

Термины в UX дизайне:
1. Доступность (Accessibility) – это набор практик, который сделает интерфейс доступным для широкой аудитории. Для этого используется сбалансированная цветовая гамма, альтернативное управление клавиатурой, специальная разметка на страницах, адаптированные версии и др.
2. Контекст анализа использования (Context of Use Analysis) – сбор и анализ полной информации о потенциальных пользователях с помощью интервью, семинаров, опросов, работы с фокус-группами.
3. Легко обучаемый (Easy to Learn) – аспект удобства использования. Он облегчает взаимодействие пользователя с интерфейсом, расходуя минимальное время на его изучение.
4. Эффективность, производительность (Efficiency) – КПД сайта. Работает так: чем меньше времени и усилий потратил пользователь, чтобы найти какой-либо элемент на сайте, тем эффективнее продукт.
5. Раскадровка (Storyboard) – описание взаимодействия человека и продукта с помощью иллюстрирования. Раскадровка может состоять из рисунков, эскизов и описания к ним. Она рассказывает историю о том, как пользователь тестирует и оценивает продукт.

Термины в UI дизайне:
1. Аффорданс (Affordance) – элемент, описывающий, куда кликают пользователи. Аффордансы помогают пользователю понять, что будет, если он нажмет на какую-либо кнопку.
2. Каскадные таблицы стилей (Cascading style sheets, CSS) – это формальный язык. Его используют, чтобы описать внешний вид веб-страниц, написанных на HTML и XHTML. Например, CSS используют для того, чтобы задать шрифт, цвет и расположения отдельных блоков на веб-страницах.
3. Система управления контентом (Content management system, CMS) – программа, которая позволяет совместно создавать, редактировать и управлять контентом на сайте.
4. Метки (Labels) – названия для кнопок и других элементов для навигации по сайту.
5. Путь (Path) – маршрут, который проходит пользователь на веб-сайте.

Мероприятия