UX vs UI: в чем разница
Ольга Сорока, Янина Ноэль
UI и UX — многие из вас уже слышали об этих понятиях. Но что же на самом деле кроется за этими аббревиатурами на английском языке и так ли они просты, как кажутся?
Начнем с того, что сравнивать их между собой не то чтобы трудно, это невозможно, и даже не правильно. Это два совершенно разных понятия, которые необходимо рассматривать по отдельности, не сливая суп и компот в один котел. Вряд ли кто-то захочет дегустировать такое блюдо, не правда ли?
В то же самое время оба эти элемента имеют решающее значение для конечного результата и не могут существовать друг без друга. В общих чертах, UX Design или User Experience Design — это аналитическая и техническая область разработки, в то время как UI Design или User Interface Design — то, что мы иногда ошибочно называем графическим дизайном. Хотя, на самом деле, все гораздо сложнее.
Представим, что наш будущий продукт — это дом. Фундамент, каркас, опоры и балки в нем — это программный код, который придает ему структуру и не дает развалиться на части. Стены, комнаты, дверные и оконные проемы — это измерение UX, оптимизация пространства для его максимально комфортного использования. И User Interface — это уже отделка стен, ламинат или кафель, все что создает внешний вид нашего дома и его уют для пользователей.
Итак UI и UX — это сферы дизайна, которые нельзя смешивать воедино, но которые не могут существовать друг без друга. Отличный продукт начинается с UX, за которым неотрывно следует UI. Давайте же разберемся, что представляет из себя каждый из них.
User experience — это процесс определения проблем пользователя и решение этих проблем с целью повышения его удовлетворенности. Улучшение удобства использования, простота использования и удовлетворение, которое клиент получает при взаимодействии с продуктом, определяют качество и востребованность этого продукта.
Вы не замечаете результат работы UX дизайнера, пока все работает хорошо. Но если при работе с продуктом вы начинаете задаваться вопросом “Что же делать дальше, чтобы решить мою задачу?”, то вам попался плохой UX.
User experience — это настоящая наука, сродни архитектуре или психологии. В ее основе лежат исследования пользовательских групп, информационная архитектура, удобство использования, контент-стратегия. В результате объединения этих компонентов получают решение целей и задач тем способом, который имеет наибольший смысл для человека использующего конкретную функцию. UX дизайнер — это помощник для пользователя. Он выслушает и вникнет во все проблемы клиента лучше любого психолога, создаст самые благоприятные условия для достижения поставленных перед дизайном целей.
По сути, проблемы UX дизайна субъективны, так как, зачастую, связаны с индивидуальным восприятием какого-либо продукта или услуги, поэтому у одной проблемы может быть множество решений. Целью проектировщика является выбор наиболее удачного варианта, который подойдет максимальному количеству пользователей.
Разберем основные задачи UX дизайнера
UX дизайнер следит за тем, чтобы поставляемый компанией продукт отвечал потребностям пользователей и позволил им беспрепятственно достичь желаемого результата. Он, как добрый волшебник, прокладывает для пользователя широкую и удобную дорогу из желтого кирпича, которая обязательно приведет его к волшебному разрешению даже самой сложной проблемы.
UX/UI-дизайнер: все, что вы хотели знать, но боялись спросить
На связи опять ребята из Hays, и сегодня мы расскажем о профессии UX/UI-дизайнера: кто это такой, чем занимается, сколько зарабатывает и как им стать.
Ок гугл, кто такой UX/UI-дизайнер?
Вовсе не обязательно, что они все стопроцентно будут входить в продуктовую команду: необходимость того или иного team member зависит от конкретных задач, которые нужно закрывать, и безусловно, от масштаба бизнеса и самого продукта.
Сегодня мы поговорим о наиболее распространенной в компаниях на данный момент роли: UX/UI-дизайнера в единственном лице (UX Generalist, будем называть его так). Он решает широкий спектр задач: исследует поведенческие паттерны, проектирует различные варианты пользовательского опыта, прорабатывает те или иные гипотезы совместно с командой, тестирует их, проводит пользовательские интервью и исследования, и с учетом полученных данных создает привлекательный, понятный и удобный интерфейс, который помогает решить предполагаемую задачу пользователя.
Поскольку повседневные и рабочие процессы стремительно перетекают в виртуальное пространство интернета и гаджетов, для дизайнеров появляется все больше возможностей и интересных проектов: web, мобильные приложения, программное обеспечение для бизнеса, умные устройства и даже панели управления в самолете или автомобиле.
Чем занимается UX/UI-дизайнер?
На самом деле UX/UI-дизайнер выполняет множество разных функций — и все ради того, чтобы конечный продукт приносил удовольствие пользователю.
Исследует пользователей: методы исследования могут включать опросы, наблюдения и интервью.
Продумывает информационную архитектуру: определяет, как продукт организован и структурирован, создает скелет, который показывает, как пользователи взаимодействуют с продуктом.
Создает каркас продукта — Wireframing. В основном каркас представляет собой линии и фигуры с небольшим количеством текста. Это можно делать вручную, а также с использованием ПО.
Прототипирует: создает раннюю модель продукта, демонстрирующую его функциональность. Прототипы могут быть в физическом или цифровом формате, а также различаться по сложности. Иногда прототип создается для демонстрации одной конкретной особенности продукта — например, перехода между экранами или того, как продукт физически выглядит и ощущается. На протяжении всего процесса проектирования создается несколько прототипов любого продукта.
Создает визуальный дизайн. Фокусируется на том, как выглядит продукт или технология, — для этого необходима непосредственная отрисовка той части продукта, которой касается пользователь.
Основная цель работы любого дизайнера — сделать продукт, дизайн которого будет повышать уровень удовлетворенности клиента и его лояльность благодаря пользе, простоте и удовольствию от использования.
Как стать дизайнером?
Этому можно научиться. Образование в области дизайна или информационных технологий будет несомненным преимуществом для развития в этой профессии. Сегодня некоторые вузы уже открыли направления бакалавриата и магистратуры, которые дают основу для старта. Также существуют курсы профессиональной переподготовки, где происходит погружение в профессию.
Рынок образовательных услуг наполнен огромным количеством курсов и проектов по данной теме, поэтому выбрать этот путь может любой желающий.
По этой ссылке вы найдете список из 15 книг, которые помогут вам на пути становления в профессии дизайнера.
Следующим важным фактором является портфолио — при отборе канидадата это первое, на что обращают внимание.
Самый комфортный путь развития в профессии: начало на junior-позиции в консалтинге или дизайн-студии, затем переход на уровни middle и senior. Преимущество агентств и студий перед работой в продуктовой компании заключается в том, что на старте работы junior сможет поработать с разными проектами и заказчиками и таким образом набраться опыта.
«В первую очередь необходимо желание докапываться до сути и показывать это в своем решении. Это помогает разобраться в проблеме до того, как ты сел за рисование макетов, и вообще развивать карьеру. Например, многие кандидаты к откликам на вакансии прикладывают ссылки на Google Drive, даже не попытавшись проверить, как это работает. А там ни решаемая проблема, ни роль человека не ясны. Да и макет толком посмотреть невозможно. И в итоге остаешься с ощущением, что человек точно так же не думает о своих пользователях, когда делает продукт», — рассказывает Дмитрий Борисенков, Head of Design at VTB.
Основные требования к UX/UI-дизайнеру.
Свободное владение тулами прототипирования: самый популярный сейчас Figma, чуть менее — Sketch, Illustrator, Adobe XD и др.
Опыт отрисовки UI-элементов, иллюстраций, иконок.
Владение основами типографики и композиции.
Способность к генерации и визуализации интерфейсных решений.
Понимание принципов usability и адаптивности веб-интерфейсов.
Умение пользоваться инструментами Story Map, Customer Journey Map, User Story.
Навыки верстки, знание языков HTML и CSS.
Знание гайдлайнов для мобильной разработки Material Design Human Interface Guidelines.
Понимание технологий frontend-разработки.
При этом среди требований не встречаются профессиональные скиллы в рисунке — куда важнее уметь работать со специальным софтом. Дизайнер должен обладать вкусом, уметь работать с абстракциями и воплощать идеи в реальность, но ему совершенно не обязательно для этого оканчивать художественную школу или училище.
Мотивация и карьерный рост
После прохождения стандартного пути junior — middle — senior у дизайнера есть возможность дорасти:
в продуктовой компании — до Design Lead, а затем и до Head of Design,
а в агентстве или студии — до арт-директора.
Среди мотиваторов выделяют материальные:
высокий доход (от 80 до 340 тысяч в Москве, в среднем — 220 тысяч; от 60 до 300 тысяч в Санкт-Петербурге, в среднем — 190 тысяч),
а также нематериальные:
работа над продуктами с миллионной аудиторией,
работа с международными командами,
возможность переезда за границу,
возможность создания крутого дизайна с нуля,
возможность нести ответственность за весь продукт,
карьерный рост и возможность углубиться в одно из направлений.
«В работе меня мотивируют сложные задачи и возможность влиять на результат. Я могу придумать варианты решения проблемы вместе с командой дизайна. Или сделать так, как хочу, ни с кем не согласуя, показать результат в цифрах и получить еще больше свободы», — отмечает Дмитрий Борисенков, Head of Design at VTB.
Что такое UI и UX дизайн? Что в них общего и что различного?
Всем привет! Предлагаем вам изучить простой в освоении материал, чтобы лучше понять разницу между дизайном пользовательского интерфейса (UI) и пользовательским интерфейсом (UX)
UI-дизайн и UX-дизайн — два наиболее часто запутанных и противоречивых понятия, использующихся как в веб-дизайне, так и в дизайне приложений. Обычно их совмещают вместе в один термин — UI/UX-дизайн и с первого взгляда кажется, что они описывают один и то же процесс. Часто бывает трудно найти четкое описание для каждого из них в отдельности, не опускаясь при этом до профессионального жаргона. Однако мы постараемся сделать это!
Ниже, мы подготовили простой в освоении материал по этим терминам.
К концу этой статьи вы будете достаточно хорошо понимать, Что в них схожего и что различного. Итак, давайте приступим!
Что такое UI Design?
«UI Design» переводится как «дизайн пользовательского интерфейса». Пользовательский интерфейс представляет собой графическую структуры приложения. Он состоит из кнопок, нажимаемых пользователями, текстов, которые они читают, изображений, полей ввода текста и всех остальных элементов, с которыми взаимодействует пользователь. Кроме того, он включает в себя макет экрана, переходы, анимацию интерфейса и каждое микро-взаимодействие. Любой визуальный элемент, взаимодействие или анимация должны быть разработаны в процессе UI-дизайна.
Эта работа ложится на дизайнеров пользовательского интерфейса (UI-дизайнер). Они решают, как визуально будет выглядеть приложение. Именно они должны выбирать цветовые схемы и формы кнопок — ширину линий и шрифты, используемые для текста. Если обобщить, то дизайнеры пользовательского интерфейса создают внешний вид интерфейса приложения.
Процесс проектирования пользовательского интерфейса от команды Ramotion
UI-дизайнеры это в первую очередь графические дизайнеры. Они связаны с эстетикой и должны убедиться, что интерфейс приложения привлекателен, визуально стимулирует пользователя и соответствует тематике, которая в свою очередь должна соответствовать целям и задачам приложения. Поэтому нужно убедиться, что каждый визуальный элемент является единым, как в эстетическом, так и в целевом смысле.
Что такое UX Design?
«UX» переводится как «пользовательский опыт». Пользовательский опыт приложения определяется тем, как пользователи взаимодействуют с приложением. Является ли опыт пользователя интуитивно-понятными или наоборот запутывает его? Навигация в приложении кажется логичной или не поддающейся логике? Дает ли людям взаимодействие с приложением ощущение, что они эффективно выполняют задачи, которые они поставили перед собой, или это похоже на блуждание по замкнутому кругу и ощущение безысходности? Опыт пользователя определяется тем, насколько легко или сложно взаимодействовать с элементами пользовательского интерфейса, созданными дизайнерами пользовательского интерфейса.
Фото CareerFoundry
При этом UX-дизайнеры также заботятся о пользовательском интерфейсе приложения, и именно поэтому люди часто путаются, не находя разницу между ними. Но в то время, как UI- должны решать, как будет выглядеть пользовательский интерфейс, UX-дизайнеры отвечают за определение того, как работает пользовательский интерфейс.
Они определяют структуру интерфейса и функциональность и то, как все части приложения организованы и связаны друг с другом. В общем говоря, они проектируют работу интерфейса. Если он работает хорошо, то у пользователя будет хороший опыт после взаимодействия с таким интерфейсом. Но если навигация сложная или не интуитивно понятная, то скорее всего, пользователь испытает отвращение при взаимодействии с интерфейсом. Основная задача UX дизайнера и состоит в том, чтобы избежать второго сценария.
Как эти дизайнеры работают сообща?
Итак, как мы говорили выше, UX-дизайнер решает, как будет работать пользовательский интерфейс, а UI-дизайнер решает, как будет выглядеть пользовательский интерфейс. Это параллельный процесс, и две команды дизайнеров, как правило, работают в тесном сотрудничестве. В то время, как команда UX-дизайнеров разрабатывает, так называемый поток приложения (application flow) и определяет каким образом все элементы будут навигировать пользователя по его запросам и как интерфейс эффективно удовлетворит потребности пользователя в информации, команда UI-дизайнеров работает над тем, как будут выглядеть все эти элементы интерфейса непосредственно на экране.
Предположим, что на каком-то этапе процесса разработки было решено, что на экран необходимо добавить дополнительные кнопки. Естественно, это изменит порядок организации кнопок и может потребовать изменения их формы или размера. UX-команда определит лучший способ размещения кнопок, в то время как UI-команда адаптирует свой дизайн, чтобы всё соответствовало новому макету. Постоянное общение и сотрудничество между UI- и UX-командой дизайнеров позволяет гарантировать, что конечный пользовательский интерфейс выглядит настолько хорошо, насколько это возможно, и при этом работает эффективно и интуитивно понятно.
Исследование — ключ к успеху
Исследование является жизненно необходимым процессом как для UI-, так и для UX-дизайнеров. Для обоих направлений важно собрать как можно больше полезной информации, которая поможет им в процессе разработки соответствующих проектов. При этом оба направления придерживаются схожего подхода.
Естественно и UI- и UX-дизайнеры будут исследовать то, чего хотят пользователи. А именно, чего же они ожидают от разрабатываемых приложений? Это исследование повторяется с определенной частотой и включает в себя сеансы так называемых юзабилити-тестов, где реальные пользователи будут взаимодействовать с масштабированными версиями некоторых определенных функций приложения, чтобы определить, в правильном ли направлении движутся дизайнеры. Обратная связь интегрируется с каждой итерацией.
Этот процесс включает в себя создание прототипов, таких как каркасная визуализация элементов интерфейса, который необходим для более точного измерения реакции пользователя на тестируемую функциональность. Это может также включать быстрые визуальные прототипы и A/B-тесты различных возможных версий внешнего вида интерфейса, чтобы определить, какую из версий предпочитают пользователи.
Tweet by LukeW
Во всех описанных случаях исследования помогают дизайнерам при финальном принятии решений. Однако информация, которую ищут UI- и UX-дизайнеры, сильно отличается.
Исследования в UI-дизайне.
Прежде всего, UI-дизайнеры должны убедиться, что выбранный ими визуальный язык соответствует классу приложения. Если ваша команда разрабатывает приложение для путешествий, важно изучить, как другие приложения для путешествий разрабатывались в прошлом. Какие из них решили свою задачу? Из решений, которые другие команды делали раньше, можно извлечь хороший урок для того чтобы приступить к дизайну своего приложения.
Например, исследования могут определить, что люди предпочитают иконки с линиями вместо иконок с заливкой. Это визуальная стенография, которая удобна и приятна людям.
Точная эстетика, которую они выбирают, зависит от них, но основные «правила» или необходимость соответствовать ожиданиям пользователей — это то, что дизайнеры игнорируют на свой страх и риск.
Дизайнеры пользовательского интерфейса хотят, чтобы их дизайн интерфейса выделялся и был запоминающимся. Но это должно быть сбалансировано с тем, чтобы люди понимали назначение элементов, которые вы размещаете на экране.
Исследования в UX-дизайне
Те кто работают в UX-дизайне наиболее заинтересованы в ожиданиях пользователей. Все события и взаимодействия, которые пользователи имели с каждым приложением ранее в своей жизни, помогают установить их ожидания относительно того, как интерфейсы должны работать. Если UX-дизайнер не знаком с этими ожиданиями, он может непреднамеренно спроектировать интерфейсное взаимодействие, которое кажется им логичным, но нарушает общепринятые представления. Пользователям не нравится, когда интерфейс ведёт себя совершенно иначе, чем они ожидали, и это может негативно повлиять на их работу.
Если UX-дизайнер решит сделать что-то другое, у него должна быть очень веская причина, потому что нарушение ожидаемого поведения, вероятно, заставит людей часто совершать неправильные действия.
Например, большинству людей нравится идея того, что если вы дважды щелкаете файл для того чтобы открыть его, и один раз, чтобы выбрать его.
UI и UX: две совершенно разные дисциплины, которые работают в гармонии
UI-дизайн и UX-дизайн включают в себя разные наборы навыков, но они являются неотъемлемой частью успеха друг друга. Красивый дизайн не может спасти интерфейс, который неудобен и запутан в навигации, а блестящий, идеально подходящий пользовательский интерфейс может быть испорчен плохим визуальным интерфейсом, который делает использование приложения эстетические неприятным для пользователя.
Как UI-дизайн, так и UX-дизайн должны быть безупречно выполнены и идеально согласованы с ранее существовавшими ожиданиями пользователей для создания лучшего пользовательского опыта. И лишь когда эти две «звезды совпадут», результаты могут быть поразительными.
UX/UI дизайн — что это и в чем отличия
UI и UX дизайн постоянно путают и заменяют одно понятие другим. Если вы ищете или предлагаете вакансии для специалистов из этой сферы, то в подавляющем большинстве случаев наименование позиции будет выглядеть именно UX/UI-дизайнер. Одно с другим неразрывно связано по мнению многих в сфере digital.
Это действительно имеет место, но отчасти. Нередко специалист по UI также является грамотным профессионалом UX. Область задач у компании-нанимателя аналогично включает и то, и другое. Но на деле существует ряд различий между UI и UX.
За сокращением UX скрывается понятие User Experience Design, а за UI — соответственно, User Interface Design. Обе эти составляющие являются фундаментальными при разработке продукта.
Тем не менее, важно понимать, что UX имеет аналитический уклон. В его область входит изучение опыта взаимодействия пользователя не только с интерфейсом, но и любой его путь при работе с функционалом системы. UI, в то же время, ближе к тому, что мы понимаем под термином «графический дизайн».
Разберём каждое понятие по отдельности.
Что такое UX
Прежде всего, UX ориентируется на привычки и удобство пользователей при проектировании интерфейсов, но не только. Данная формула применима в разработке. На самом деле понятие шире.
То, чего добиваются с помощью UX дизайна — это повышенное удобство и интуитивно понятный процесс взаимодействия клиента с продуктом. По большому счёту, в таком контексте UX применяется ко всему — от ресепшна в офисе компании до салона автомобиля. Но не спешите расстраиваться и думать, что вы ничего не знаете о UX. Всё-таки его почти присвоила себе сфера digital, так как именно в ней подход оказался наиболее востребован. Соответственно, говорить мы будем именно о UX в маркетинге и разработке.
UX дизайн применим во многих областях:
На выходе получается частично маркетолог, дизайнер и менеджер проектов. Роль UX-ера сложная и многоаспектная. Это постоянное улучшение продукта на основе непрерывной аналитики и получения обратной связи. Итерационная разработка касается любого компонента.
Специалист по UX также ответственен за размещение CTA и других элементов захвата внимания клиента. Например, то где правильно расположить на странице виджет обратного звонка, входит в обязанности UX-дизайнера. Этот вопрос напрямую касается пользовательского опыта и построения воронки.
Виджет обратного звонка для сайта
Данная область имеет много общего с социологическими науками. Если вас привлекает изучение поведения людей, хорошим выбором профессии может стать как раз UX-дизайн.
Кто такой UX-дизайнер
Основная задача UX-дизайнера — проектирование интерфейса, который будет функциональным и заботиться о комфорте пользователей. Работа специалиста сводится к:
Специалист по UX также ответственен за размещение CTA и других элементов захвата внимания клиента. Например, то где правильно расположить на странице виджет обратного звонка, входит в обязанности UX-дизайнера. Этот вопрос напрямую касается пользовательского опыта и построения воронки.
Что такое UI
Несмотря на более долгую историю применения и широкую распространённость, UI всё ещё трудно определить из-за множества ошибочных интерпретаций.
В то время как UX занимается концептуальной проработкой удобства продукта, строит схемы и структуры, UI является его, своего рода, графическим отображением. Теперь представьте, что происходит, когда, нуждаясь в UX-дизайнере, компании нанимают UI-дизайнеров и наоборот. Происходит очевидный конфуз и невозможность закрыть потребности заказчика.
Если посмотреть на некоторые вакансии, которые всё же разделяют понятия и объявляют набор UI-специалистов, то видно, что от соискателя ждут навыков преимущественно графического дизайнера.
При этом, часто определения UI и UX идентичны.
Проблема в том, что никто здесь не прав.
Истина посередине. Как и в случае с UX, специализация UI многогранна. Обязанность дизайнера — перенести все аналитические наработки в привлекательное графическое представление. Последнее должно отвечать всем требованиям функциональности, заложенным предварительно, и эстетике.
Проще говоря, UI — это графическая оболочка. Кнопки, на которые жмёт пользователь, тексты, которые читает, изображения, слайдеры, формы ввода данных и другие интерактивные элементы. Также к нему относится шаблон и структура страницы, различные анимации, переходы.
Эта работа возлагается на UI-дизайнеров. Они решают, как будет выглядеть приложение. Они выбирают цветовые схемы, формы элементов, ширину линий.
Кто такой UI дизайнер
Рассмотрим зону ответственности UI-дизайнера:
Данная сфера обязанностей крайне важна, так как UI-дизайнер — это тот, кто создаёт лицо продукта. Именно с результатом его видения будут иметь дело все пользователи.
Что важнее — UI или UX?
Есть простая формулировка. То, что прекрасно выглядит, но тяжело в использовании — это хороший UI и плохой UX. То, что функционально и при этом ужасно выглядит — это хороший UX и плохой UI.
Наглядный пример роли UI и UX, в котором они предельно важны — это аналитические инструменты, панели, дашборды. В своей сквозной аналитике мы постарались выложиться на максимум и сделать этот сложный инструмент простым и доступным.
Сквозная аналитика
Как видите, обе категории предельно важны и составляют в числе прочего основу проектирования и реализации пользовательского опыта.
В то же время, до сих пор возникает большая путаница и недопонимание даже среди специалистов в области digital — что же такое UX и что такое UI.
Разница между веб-дизайном и UI/UX дизайном
Веб-дизайн — достаточно обобщенное понятие и, в некоторой степени, устаревшее. Оно относится к тому времени, когда один специалист был занят созданием сайта и проработкой всех его аспектов, но при этом мало задумывался о пользовательском комфорте и удобстве. Развитие технологий разделило веб-дизайн на несколько направлений, среди которых оказались UI и UX дизайн.
Таким образом, веб-дизайн относится ко всей отрасли веб-разработки, связанной с сайтами и приложениями, в то время, как UI/UX дизайн находится внутри этого понятия и отвечает за узкоспециализированные задачи.
Где используют UX и UI в Digital
UX и UI дизайн стали одними из наиболее важных инструментов работы над сайтами, различными сервисами и мобильными приложениями. Они привнесли в базовый набор характеристик такие понятия, как функциональность интерфейса и его удобство для пользователя.
Задача этой отрасли в digital сводится к формированию положительного опыта у аудитории от использования предлагаемого продукта. Внешний вид и юзабилити разработки имеют большое влияние на оценку пользователей. Непонятным и непродуманным сайтам аудитория не доверяет и не станет там задерживаться. Поэтому UX и UI — важные аспекты для любых веб-разработок.
Принципы хорошего UX/UI-дизайна
Существует несколько принципов, которыми должны руководствоваться специалисты при разработке проекта. От соблюдения правил зависит ценность продукта для пользователей.
Полезный / Useful
Любой продукт приобретается для удовлетворения определенных потребностей. Пользователь хочет интегрировать его в работу, применить для решения проблемы или провести досуг. Поэтому важно, чтобы ожидаемая полезность разработки совпадала с реальным результатом, который человек получит от ресурса. Если этого не происходит, продукт оказывается бесполезным ввиду своей нефункциональности. Логично, что в будущем человек его использовать не будет.
Пригодный для применения / Usable
Недостаточно разработать просто многофункциональный продукт. Важно, чтобы он был удобен и понятен для пользователей, которые его приобретают. Если программа или приложение окажутся чрезмерно сложными, у клиентов просто не будет возможности оценить все предлагаемые функции. Разработка должна быть интуитивно понятной. Если пользователю необходимо постоянно сверяться с руководством, такой продукт утратит свою ценность и пригодность.
Обнаруживаемый / Findable
Нередко при использовании программ, сервисов или приложений возникают различные проблемы. Они могут быть связаны как с техническими ошибками, так и с непониманием пользователя, как решить определенную задачу. В этом случае клиентам надо знать, куда обратиться. Неважно, будет ли это официальный сайт компании-разработчика или инструкция, которая идет вместе с программой. Необходимо предоставить пользователям возможность быстро найти решение, чтобы использовать продукт было комфортно в дальнейшем.
Заслуживающий доверия / Credible
Доверие пользователя складывается из нескольких составляющих. Во-первых, это привлекательный дизайн. Программам и сайтам с актуальным, современным интерфейсом, привлекательным визуальным видом доверяют больше, чем безвкусно сделанным, устаревшим сайтам с кричащими надписями и полным отсутствием дизайнерского подхода в оформлении. Во-вторых, доверие устанавливается, когда пользователи могут обратиться к разработчикам с решением своей проблемы. Важно оставлять возможность обратной связи по разным каналам.
Желанный / Desirable
Покупка станет желанной не только, когда обещают пользователям решить их проблемы и удовлетворить потребности. Аудитория оценивает внешнюю привлекательность. Правильно подобранный лаконичный дизайн в корпоративных тонах свидетельствует о том, что программа будет достаточно функциональной, чтобы помочь клиенту удовлетворить его запрос. Поэтому важно сделать так, чтобы элементы интерфейса вызывали симпатию с первого взгляда, побуждая воспользоваться новинкой.
Доступный / Accessible
Дизайн должен разрабатываться для каждого пользователя. Например, для слабовидящих или страдающих дальтонизмом можно интегрировать специальный режим просмотра. Это не только облегчает использование разработки некоторым клиентам, но и формирует лояльность со стороны аудитории. Так пользователи убеждаются, что разработчики заботятся об их интересах, охотнее приобретают новые продукты или используют уже имеющиеся сайты и мобильные приложения.
Ценный / Valuable
Принцип заключается в способности продукта решать ту задачу, для которой он был приобретен. Мобильное приложение для музыки должно воспроизводить, сортировать, рекомендовать треки. Цель сайта компании — ориентировать посетителей по доступным услугам и расценкам. Важно дать людям не просто красивую картинку, но и убедиться, что разработка действительно будет функционировать так, как задумано, помогая пользователю решить задачу, не обращаясь к чему-то другому.
Как научиться UX и UI
Если вы не наниматель, а специалист, который хотел бы определиться с направлением развития, полезно вам дать краткие советы о том, как приобрести навыки и опыт в UX и UI.
Как правило, дизайнерские специальности с профильным уклоном в высших учебных заведениях постсоветского пространства не распространены. Одна из немногих возможностей попасть на очный формат — это Британская высшая школа дизайна. Рекомендуется попробовать себя в тех ВУЗах, где преподаётся трёхмерная графика. Часто в процессе обучения попутно осваивается 2D-вектор, основы юзабилити, что можно использовать для своих нужд.
Наиболее распространённый вариант — онлайн-курсы. Та же coursera, udemy, edx. На этих платформах достаточно материалов и знаний от настоящих профессионалов. Вы можете найти продолжительные углублённые курсы, которые помогут освоить вам профессию по-настоящему.
Перспективы UI/UX
Технологии находятся в непрерывном развитии. Больше элементов технологической среды, окружающей нас, приобретают новые качества, появляется что-то беспрецедентное.
Находясь в тренде интернета вещей и полномасштабной цифровизации, мы начинаем встречать интерфейсы там, где их раньше не было и, казалось бы, не могло быть.
На мероприятиях, посвящённых новинкам технологий, в интернете и в лабораториях появляются новые образцы технологий, способных сделать нашу жизнь удобнее, дать нам больше времени, свободы действия и удовольствия.
В этом разделе мы расскажем о нескольких замысловатых и беспрецедентных разработках в области UI, которые в скором времени могут завоевать популярность и стать частью городской повседневности.
Используя смартфоны, планшеты, прочие девайсы с сенсорными экранами, мы привыкли руками перетаскивать объекты, трансформировать их, кликать и совершать другие манипуляции жестами.
Что если теперь этот же подход применить не к дисплею в руке, а к произвольным объектам окружающей среды? Проект GridDrones, продемонстрированный на ACM User Interface Software and Technology Symposium, делает шаг в этом направлении.
Маленькие парящие дроны выстраиваются в заданном пользователем порядке как раз через управление жестами.
Импровизированные «пиксели» способны перемещаться моментально вслед за движениями пользователя. Вы даже можете запрограммировать анимацию, которую они воспроизведут вживую. В перспективе такой подход способен найти применение в обустройстве среды нашего проживания — например, двери и турникеты, открываемые движением руки без касания.
Нам известны общепринятые жесты для управления тачскринами — одиночные нажатия, двойные нажатия, стягивание и растягивание для зума и пара вариаций. Проблема в том, что некоторые команды, доступные с помощью клавиатуры и мыши затруднены, а иногда невозможны.
Вместо того, чтобы придумывать тройные, четырёхкратные и другие избыточные неудобные команды, создатели Touch+Finger решили избавиться от старой парадигмы.
Они расширили интерфейс девайса, подключив к нему пальцы пользователя. С помощью новинки вы можете передавать на девайс команды, просто шевеля пальцами, без касания дисплея.
Отмена действия, правая кнопка мыши, копипаст — теперь это можно делать одним жестом, потирая пальцы друг о друга, щёлкая или складывая их особым образом, гораздо быстрее, нежели через тачскрин.
Находиться в виртуальной реальности весело и захватывающе. Только до той поры, пока в не решите прикоснуться к чему-либо.
Вас ждёт разочарование, когда вы поймёте, что окружающая среда — не более, чем зрительная иллюзия.
Баллон PuPOP, размещённый в руке, сдувается и надувается, принимая формы предметов, к которым вы прикасаетесь в VR.
С развитием этой технологии разработчики виртуальной реальности могут достичь таких результатов, которые кажутся немыслимыми. Визуальная симуляция станет вполне материальной.
Заключение
UX и UI-дизайн — та составляющая продукта или бизнеса, важность которой трудно переоценить. С помощью правильно сформированной разработки можно не только привлечь внимание аудитории, но и удержать клиентов, сделать их лояльнее по отношению к компании. Люди ценят старание разработчиков по созданию простых и одновременно многофункциональных продуктов, а поэтому с большей охотой будут пользоваться новинками, которые им предлагают.