UI
June 6, 2022

Перевод книги Fundamentals of creating a great UI-UX by Elisa Paduraru. Часть 2. Введение в UI/UX дизайн

  1. UI дизайн - как все выглядит

a. Форматы

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

UI дизайн включает в себя следующие форматы:

Графический пользовательский интерфейс (GUI): дизайн графического интерфейса включает в себя то, как пользователи взаимодействуют с визуальными элементами и цифровыми панелями управления системы. Рабочий стол компьютера является примером графического интерфейса.
Интерфейс с голосовым управлением (VUI): дизайн VUI связан с взаимодействием между пользователем и системой с использованием голоса. Умные помощники, такие как Bixby для мобильных устройств Samsung и Siri для iPhone, являются примерами VUI.

Интерфейс на основе жестов: в основном используется в виртуальной реальности (VR) и других сценариях проектирования на основе жестов, которые связаны с взаимодействием пользователей в трехмерных пространствах. Вот пример нашей полностью закодированной симуляции панели администратора Soft UI в виртуальной реальности:

b.Характеристики

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

Дизайн пользовательского интерфейса должен отражать ценность бренда компании/организации.

2. UX Design - How Things Work

a. UX Process

UX (User Experience) Design имеет дело с тем, как пользователи взаимодействуют с системой. Логическая навигация и плавность и интуитивность — все это относится к UX-дизайну. Короче говоря, этот тип дизайна помогает пользователям получить положительный опыт. Чтобы получить представление о процессе UX, вот основные шаги:
Интерактивный дизайн касается того, как пользователи могут легко выполнять свои задачи, используя интерактивные компоненты системы (переходы страниц, анимацию, кнопки и т. д.).
Исследования пользователей включают в себя проведение обширных исследований, сбор отзывов и идей от новых или существующих клиентов, понимание потребностей конечных пользователей и принятие проектных решений на основе этих параметров.

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

b. Практики

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

3. Что делают UI/UX дизайнеры?

a. Каковы недостатки комбинации UI и UX?

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

b. Как UI/UX дизайнеры работают вместе?

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

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

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