В современном мире, переполненном информацией, каждый из нас желает пользоваться сайтами и приложениями, которые экономят время и не изматывают перегруженный мозг. Зная это, компании стремятся создавать максимально понятные и удобные цифровые продукты. Достичь этой цели им помогает грамотный UI- и UX -дизайн.
Дизайн сайтов, приложений или гаджетов – это не просто красивые визуальные эффекты, а решение конкретных и довольно сложных задач. И здесь не обойтись без ТРИЗ (Теории решения изобретательских задач) – системного подхода к пониманию и решению любой проблемы. Если вы хотите иметь ясное мышление и генерировать новаторские идеи, как это делают лучшие UX- и UI-дизайнеры, добро пожаловать на нашу онлайн-программу «ТРИЗ на практике».
UI и UX – два термина, которые часто путают или не понимают вовсе. В этой статье мы дадим простые определения UI и UX, объясним, чем они отличаются и почему так важны, а также приведем примеры, которые облегчат их понимание. Но прежде предлагаем пройти небольшой тест, чтобы проверить, насколько хорошо вы разбираетесь в теме на данный момент:
Определение UI и важность UI-дизайна
UI (акроним от User Interface, пользовательский интерфейс) – это средство, с помощью которого человек управляет веб-сайтом, приложением или устройством. Проще говоря, это любые элементы, которые позволяют пользователю взаимодействовать с продуктом (цифровым или материальным), например:
- поля ввода текста, слайдеры, всплывающие подсказки на сайтах;
- интерактивные кнопки, переключатели, переходы между экранами и меню в приложениях;
- голосовой поиск или помощник (Siri для владельцев продуктов Apple, Alexa на устройствах корпорации Amazon, Алиса от компании «Яндекс»);
- рабочий стол;
- сенсорный экран;
- клавиатура, компьютерная мышь.
Типичным примером устройства с пользовательским интерфейсом является пульт дистанционного управления телевизором. Он имеет цифровую клавиатуру, кнопки регулировки громкости, переключения каналов, отключения питания и т.д. Этот набор кнопок, а также их расположение на контроллере составляют UI. Спидометр автомобиля, банкомат, устройство виртуальной реальности – все это разные формы UI.
Если копнуть глубже, то можно понять, что пользовательский интерфейс – довольно обширная область, которая включает в себя прогнозирование пользовательских предпочтений и последующее создание интерфейса, способного их удовлетворить. UI-дизайн фокусируется не только на эстетике, но и максимизирует отзывчивость, эффективность и доступность продукта. Хороший UI-дизайн важен, потому что он может превратить потенциального пользователя в реального покупателя. Это происходит при соблюдении трех принципов:
- UI-дизайн «невидимый», т.е. он не отвлекает от выполнения задач пользователя, интуитивно понятен и обеспечивает бесперебойную работу. Потребителю важен не сам дизайн, а то, чтобы его задачи решались легко и с минимальными усилиями.
- Пользовательский интерфейс приятен или, по крайней мере, не разочаровывает. Когда дизайн предсказывает потребности пользователя, он дает возможность испытать более персонализированный и захватывающий опыт, заставляя возвращаться к нему снова и снова.
- UI передает ценности бренда и укрепляет доверие пользователя. Хороший дизайн – это эмоциональный дизайн. Пользователи связывают позитивные чувства с брендами, которые способны создавать магию легкости и беспроблемности.
Пока компьютерные технологии остаются частью повседневной жизни, будет существовать потребность в создании интерфейсов, позволяющих пользователям любого возраста, уровня подготовки и технического опыта эффективно их использовать.
Краткая история UI-дизайна
В 1970-х годах для управления компьютером использовался интерфейс командной строки: чтобы выполнить простую задачу, пользователю требовалось знание языка программирования и бесконечное количество строк кода. Спустя несколько лет специалистами из научно-исследовательского центра Xerox PARC был разработан первый графический пользовательский интерфейс. Благодаря этому революционному нововведению каждый человек мог взаимодействовать с компьютером без использования кодирования, отправляя команды через значки, кнопки и меню.
В 1984 году корпорация Apple Computer выпустила первый домашний компьютер, оснащенный мышью с интерфейсом типа «наведи и щелкни». Доступность и распространенность персональных и офисных компьютеров означала, что интерфейсы необходимо разрабатывать с учетом потребностей пользователей. В результате родился UI-дизайн.
Современные UI-дизайнеры работают не только с компьютерными интерфейсами, но и с мобильными устройствами, приложениями, дополненной и виртуальной реальностью, системой «умный дом» и даже с «невидимыми» или безэкранными интерфейсами, такими как голос, жесты и свет.
Просто о UX
Вспомните ваше последнее посещение кафе или ресторана. Каким было первое впечатление, когда вы туда вошли? Как было оформлено меню? Достаточно ли быстро приготовили еду и каков был ее вкус? Насколько качественно вас обслужили? Вы бы вернулись туда снова?
Ответы на эти вопросы, включая все эмоциональные переживания, которые родились при взаимодействии с кафе или рестораном, представляют собой пользовательский опыт или UX. В современном мире этот термин чаще всего используют применительно к цифровым продуктам или услугам, хотя он выходит далеко за пределы сферы высоких технологий:
UX (акроним от User Experience, пользовательский опыт) – это ощущения, которые испытывает человек при эксплуатации продукта, приложения, системы или услуги. UX включает в себя множество аспектов: удобство и простоту использования, пользу, актуальность, легкость навигации, функциональность.
Пользовательский опыт настолько важен, что крупные компании нанимают десятки UX-дизайнеров, которые занимаются изучением пользователей и их потребностей. В отличие от UI-коллег, больше нацеленных на решение технических задач, связанных с программированием, UX-дизайнеры должны обладать творческими способностями, навыками критического мышления и эмпатией, чтобы создавать клиентоориентированные продукты.
Если вы периодически сталкиваетесь с трудными, нестандартными задачами, которые требуют изобретательского подхода, хотите стать креативным или просто интересным человеком, добро пожаловать на онлайн-программу «ТРИЗ на практике». Как видно из названия, акцент сделан на практику, это значит, что, пройдя программу, вы сможете применять творческие алгоритмы в повседневной жизни и работе, будь то дизайн, предпринимательство или наука.
UX-дизайн в наше время стал синонимом хорошего бизнеса, ведь продукты и услуги имеют успех на рынке только в том случае, если они обеспечивают беспроблемный пользовательский опыт. Представьте, что вы решили купить кроссовки в онлайн-магазине. Вы открываете категорию «Спортивная обувь» и видите более трехсот различных пар – отлично! Но вдруг понимаете, что сайт не дает возможности отфильтровать результаты, а значит, вам придется просмотреть сотни неподходящих вариантов, прежде чем найдете то, что нужно.
Потратив массу времени, вы, наконец, добавляете товар в корзину, но обнаруживаете, что перед оплатой нужно создать учетную запись, заполнив двадцать обязательных полей формы! Покупка кроссовок на этом веб-сайте вызывает множество хлопот и раздражение, поэтому вы решаете поискать обувь в другом онлайн-магазине. Это пример плохого UX-дизайна сайта:
Любой продукт или услуга, с которыми человек вступает в контакт, вызывает определенные переживания. Легко ли ими пользоваться? Позволяют ли они решать желаемые задачи с минимальными усилиями? Логичны ли онм? Все это индикаторы хорошего или плохого пользовательского опыта. Цель UX-дизайна в бизнесе – повысить удовлетворенность и лояльность клиентов за счет полезности, простоты использования и радости от взаимодействия с продуктом.
История UX-дизайна: от фэн-шуя до Apple
Хотя термин «UX-дизайн» впервые был придуман в 1995 году американским исследователем и юзабилити-инженером Доном Норманом, история UX значительно старше. Предлагаем оглянуться назад и проследить его увлекательную эволюцию:
- Фундаментальные принципы UX уходят корнями в древнюю китайскую философию фэн-шуй, цель которой – создавать гармонию между человеком и окружающим его пространством (жилым помещением или рабочей средой). Дизайнер UX применяет тот же подход при создании приложения или сайта, что и дизайнер интерьера: его задача – расположить элементы таким образом, чтобы интерфейс был интуитивно понятным и комфортным в использовании.
- Есть свидетельства, что в V веке до н. э. в Древней Греции рабочие места оборудовались в соответствии с принципами эргономики – науки о проектировании и организации рабочего пространства, продуктов или систем таким образом, чтобы они подходили людям, которые их используют. Например, археологи обнаружили документы, в которых древнегреческий целитель Гиппократ указывал, как должно быть спроектировано рабочее место хирурга и расположены инструменты, которые он использует, а также изображения стульев со спинками, повторяющими контуры тела. Напоминает UX, правда?
- В начале 1900-х годов американский инженер Фредерик Тейлор написал книгу «Принципы научного менеджмента», где определил смысл управления как решение проблемы непродуктивности путем оптимизации взаимодействия рабочих с их инструментами. Подобный подход похож на принципы UX.
- Следующий ключевой этап развития UX – это 1940-е годы, когда автомобильный гигант Toyota, стремясь к повышению эффективности рабочих процессов, разработал систему производства, нацеленную на запросы потребителей.
- Еще одна значимая фигура в истории UX – это Генри Дрейфус, мастер промышленного дизайна и проектировщик первой в мире телефонной трубки-моноблока со встроенным диском для набора номера. В 1955 году он написал книгу «Дизайн для людей», где охарактеризовал UX-дизайн так: если взаимодействие человека с продуктом становится проблемой, можно говорить о фиаско дизайнера; если контакт с продуктом делает человека счастливее и побуждает к покупке, значит, дизайнер преуспел.
- Возможно, это звучит странно, но всемирно известного мультипликатора Уолта Диснея часто называют одним из первых UX-дизайнеров в истории. Его парк Disney World был создан благодаря глубокому анализу пользовательского опыта. Дисней всегда держал фокус на человеке и все продумывал до мельчайших деталей: актеры обучались тому, как обращаться с клиентами и выполнять даже самые незначительные действия, например, махать руками и улыбаться.
- В 1995 году инженер-электрик и ученый-когнитивист Дональд Норман присоединился к корпорации Apple, чтобы помочь в исследовании и разработке новой линейки ориентированных на человека продуктов. Он попросил, чтобы его называли архитектором пользовательского опыта, ознаменовав тем самым рождение должности UX-дизайнера.
К тому времени Норман написал популярную книгу «Дизайн привычных вещей», где во главу угла он поставил удобство использования и функциональность предметов, а не их эстетику.
Как показывает история, UX-дизайн старше, чем может показаться. Однако его расцвет еще впереди: поскольку технологии и Интернет активно внедряются в нашу жизнь, UX продолжит развиваться.
Разница между UI- и UX-дизайном
Вспомните, как выглядит поисковая система Google. Ее сдержанный интерфейс подчеркивает, что отличный функционал не требует наворотов. Сосредоточенная на пользователях система Google знает, что когда человек заходит на сайт, ему нужно только одно: найти информацию. И сделать это быстро. Тот факт, что слово «гуглить» является широко распространенным глаголом, показывает, насколько хорошо компания справляется с пользовательским опытом.
А теперь представьте, что на поиск информации в Google вместо 0,7 секунды будет уходить 15 секунд, т.е. вы лишитесь возможности мгновенно получать отклик на свой запрос. При сохранении лаконичного интерфейса (UI), пользовательский опыт (UX) изменится, приобретя негативный оттенок:
Когда вы заходите на Facebook или Twitter, то видите UI. Каждая кнопка, поле ввода текста, каждое раскрывающееся меню – все это было тщательно разработано UI-дизайнером. UX-дизайнер старался сделать так, чтобы вы влюбились в продукт и получали удовольствие от его использования.
Т.е. UX-дизайн охватывая весь спектр взаимодействия с пользователем, а UI-дизайн сконцентрирован на более осязаемых элементах. Взаимосвязь между ними жизненно важна для успеха любого проекта. Совместная работа UI- и UX-дизайнеров сфокусирована на общей цели – удовлетворении потребностей и ожиданий пользователя. Достичь этого им помогают принципы дизайн-мышления, которому посвящен полноценный бесплатный курс на нашем сайте. Читайте, внедряйте в жизнь и получайте отличный результат:
UI- и UX-дизайн – это дизайн любого пользовательского интерфейса, в котором удобство так же важно, как и внешний вид. Согласно статистике, большинство пользователей покидают веб-сайты через 10-20 секунд взаимодействия с ними, а более 28% людей удаляют приложения уже через 2 дня после их установки. Почему? Главной причиной является плохой дизайн UI и UX. Опытные технологические компании не экономят на этих областях, поскольку понимают, что пользователи выберут продукт конкурента, если их собственный не будет обеспечивать беспроблемный и привлекательный интерфейс.
Друзья, желаем, чтобы на вашем пути встречались продукты, созданные талантливыми UI- и UX-дизайнерами и приносящие максимум удовольствия при использовании. Удачи!
