Ui ux дизайнер это: Что такое UX/UI-дизайн и как попасть в эти профессии — статьи на Skillbox

Содержание

Что такое UX/UI дизайн на самом деле? / Хабр

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

Я хочу раз и навсегда поставить точку и простым понятным языком объяснить, что значит «UX/UI дизайн».


Разные типы интерфейсов для заточки лезвий.


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

Цель UI/UX дизайнера — довести пользователя до какой-то логической точки в интерфейсе. Сделать так, чтобы пользователь достиг своей цели.

Что такое UX/UI, прямым текстом

(в этом разделе будут банальные фразы)

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

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

UX/UI дизайн — это проектирование любых пользовательских интерфейсов в которых удобство использования так же важно как и внешний вид.

Что такое UX и UI дизайн, другими словами

Прямая обязанность UX/UI дизайнера — это, например, «продать» товар или услугу через интерфейс. Именно на основе работы UX/UI дизайнера пользователь принимает решение: «Быть или не быть?» Нравится или не нравится. Купить или не купить.

На самом деле цели дизайнера могут быть разными. Не обязательно что-то «продавать». Но я специально не хочу использовать слишком абстрактные фразы, чтобы этот текст был понятен новичкам; чтобы стиль изложения не превратился в хрестоматию по языку программирования образца 90х годов.

UX/UI дизайн не относится только к смартфонам и веб-сайтам. Более того, профессия UX/UI дизайнера существовала с незапамятных времен. Просто раньше она так не называлась. Точнее, раньше она вообще никак не называлась, а была частью других профессий.

Вот первый пример: когда Вильгельм Шиккард в 1623 году изобретал арифмометр, он уже был UX/UI дизайнером.

Потому что именно он придумывал, какие тумблеры и в какой последовательности должен крутить человек, чтобы получить результат вычислений. И он же придумывал, в каком логическом порядке они будут располагаться. Да и вообще придумывал, как все эти ручки будут выглядеть. Он создал интерфейс для взаимодействия с машиной.

Ещё один более древний и примитивный пример — точильный камень (колесо). Уже даже в раннем средневековье было много разновидностей и механизмов такого колеса:

  • его можно было крутить рукояткой вручную
  • колесо мог крутить другой человек
  • или его можно было раскручивать даже без рук, нажимая педаль ногой
  • и другие…

Всё это были разные типы интерфейсов.

Так вот, когда изобретатель очередного точильного камня думал:

  • будет ли он сидеть и сам нажимать педаль
  • или он упростит механизм, но приставит раба который будет раскручивать колесо рукой,

то в тот момент он был UX дизайнером.

А тот человек, который думал, какой величины будет камень, какого цвета выбрать дерево для подставки и чем скрепить деревянные жерди (гвоздями или кожаными жгутами?) и какой длины будет ручка, был UI дизайнером.

И тот способ, каким бы вы затачивали меч — назывался бы интерфейс.

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

В последнее время популяризация профессии UX/UI дизайнера связана скорее с развитием цифровых технологий. А вот именно тот «бум» (когда мы стали видеть термин «UX/UI» в каждом втором объявлении о работе) связан с самим названием, которое кто-то придумал совсем недавно.

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

UX и UI — это не тренды. Технологи развиваются. Спрос на сайты растёт. Цифровые приложения появляются как грибы. А инструменты дизайна и разработки упрощаются настолько, что уже практически любой человек без знания программирования может «на коленке» сделать сайт-визитку. Вот только этот сайт должен как-то выглядеть. И не просто как абстрактный каркас из текста и кнопок. Тут программистам и нужна помощь UX/UI дизайнера.

Разделение на веб-дизайнеров и UX/UI дизайнеров появилось с развитием интернета. Со временем понадобились более узкие специалисты, которые делали бы интерфейсы именно для веб-сайтов.

Да, UI/UX дизайн — это более широкое и емкое понятие чем веб-дизайн.

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

«Чем отличаются дизайн UX и дизайн UI?» – Яндекс.Кью

UX [юикс] расшифровывается как user experience и переводится на русский как «пользовательский опыт». Термин придумал Дональд Норман.

.

Пользовательский опыт — взаимодействие пользователя с интерфейсом или иным продуктом. Он может быть продуманным, лёгким и комфортным, либо тяжёлым, расстраивающим и неудачным. Хороший UX — это когда продукт удобен и продуман. Кипяток из чайника не выливается на руки, нож удобно лежит в ладони и остро режет, а сайт открывается быстро и не требует 10 кликов, чтобы выдать нужную информацию. Клиентский опыт — это тоже пользовательский опыт и его тоже можно проектировать как сайты.

.

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

.

UI [юай] расшифровывается как user interface и переводится «пользовательский интерфейс». Поскольку в последние десятилетия произошёл бум в интерфейсах, под термином UI обычно понимают экранные интерфейсы и их внешний вид. UI – это про визуальный стиль, графический дизайн на экране. UI-дизайнер умеет работать с типографикой, цветами, композицией, анимацией. На основе черновых схематичных набросков (вайрфреймов) UI-дизайнер собирает финальный дизайн-макет.

.

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

.

Термины UX и UI так часто путают и пытаются сравнить в презентациях для руководства, что это стало мемом. Дизайнер Себастиан Виз запостил эту картинку с подписью: «Я помечаю заведомо бессмысленные картинки словами UI и UX в надежде, что их когда-нибудь используют в серьёзных презентациях.» Это было в точку и набрало 10 000 ретвитов, потому что мы устали видеть глупые аллегории про UX и UI. Другой дизайнер Брэд Фрост даже завёл смешной блог Shitty UI UX Analoguies на ту же тему.

Что такое UI/UX-дизайн, кто такие «дизайнеры» — кратко — Дизайн на vc.ru

Здесь мы поговорим простыми словами о том, кто такие дизайнеры, что такое UI и где живёт UX.

MICAH BOWERS

Кто такой Ui/Ux дизайнер?

Специалист, что занимается проектированием интерфейсов, аналитикой и тестированием этих интерфейсов. Человек, что собирает, визуализирует данные, которые необходимы при построении визуальной (и психологической) составляющей продукта.

Пытаясь разобраться, кто такой дизайнер и чем он занимается, следует понимать, что это не просто сотрудник, подбирающий и компилирующий красивые картинки для странички во всемирной паутине, ведь само слово «дизайнер» подразумевает человека творческого.

Что такое Ui?

Если очень просто — пользовательский интерфейс, основной частью работы над которым есть Визуальный дизайн (Visual Design).

Если брать сугубо интерфейс, то его основной задачей является упрощение нашей жизни. Благодаря визуальным интерфейсам — нам не приходится писать код, чтобы вызвать желаемую функцию, да и дизайнеры стараются уделять достаточное к-во внимания анализу взаимодействия для минимизации затрат физических и мыслительных способностей пользователя.. 🙂

Главная задача UI-дизайнера — помочь пользователю быстро и без стресса понять, как пользоваться вашим продуктом: сайтом, приложением, программой, платежным терминалом, микроволновкой или пультом от телевизора. Для этого дизайнер следит, чтобы интерфейс соответствовал восьми требованиям.

в чем разница — Дизайн на vc.ru

Ольга Сорока, Янина Ноэль

Фото Charles Deluvio

UI и UX — многие из вас уже слышали об этих понятиях. Но что же на самом деле кроется за этими аббревиатурами на английском языке и так ли они просты, как кажутся?

Начнем с того, что сравнивать их между собой не то чтобы трудно, это невозможно, и даже не правильно. Это два совершенно разных понятия, которые необходимо рассматривать по отдельности, не сливая суп и компот в один котел. Вряд ли кто-то захочет дегустировать такое блюдо, не правда ли?

В то же самое время оба эти элемента имеют решающее значение для конечного результата и не могут существовать друг без друга. В общих чертах, UX Design или User Experience Design — это аналитическая и техническая область разработки, в то время как UI Design или User Interface Design — то, что мы иногда ошибочно называем графическим дизайном. Хотя, на самом деле, все гораздо сложнее.

Представим, что наш будущий продукт — это дом. Фундамент, каркас, опоры и балки в нем — это программный код, который придает ему структуру и не дает развалиться на части. Стены, комнаты, дверные и оконные проемы — это измерение UX, оптимизация пространства для его максимально комфортного использования. И User Interface — это уже отделка стен, ламинат или кафель, все что создает внешний вид нашего дома и его уют для пользователей.

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

UX делает интерфейс полезным

Фото Charles Deluvio

User experience — это процесс определения проблем пользователя и решение этих проблем с целью повышения его удовлетворенности. Улучшение удобства использования, простота использования и удовлетворение, которое клиент получает при взаимодействии с продуктом, определяют качество и востребованность этого продукта.

Вы не замечаете результат работы UX дизайнера, пока все работает хорошо. Но если при работе с продуктом вы начинаете задаваться вопросом “Что же делать дальше, чтобы решить мою задачу?”, то вам попался плохой UX.

User experience — это настоящая наука, сродни архитектуре или психологии. В ее основе лежат исследования пользовательских групп, информационная архитектура, удобство использования, контент-стратегия. В результате объединения этих компонент

основные характеристики и особенности элементов

Привет, дорогой читатель! Вы наверняка встречали в статьях загадочные аббревиатуры UX и UI дизайн, но возможно, не вникали в смысл. На самом деле в этих буквах нет ничего сложного. Сегодня расскажем, что такое UX/UI дизайн простыми словами, кто этим занимается и как не перепутать эти понятия. Начали!

Что такое UX-дизайн?

Термин UX впервые появился в 1993 году в компании Apple. Аббревиатура означает User eXperience, или “пользовательский опыт”. То есть UX-дизайн — это работа, направленная на эффективное взаимодействие пользователя с интерфейсом сайта, мобильного приложения или любой компьютерной программы. Проще говоря, UX-дизайн нужен, чтобы пользователю было удобно и приятно. Ведь если это не так, человек вряд ли будет залезать в дебри структуры ресурса — просто покинет его и уйдет. А вы потеряете прибыль и лиды.

Но это еще не все: UХ-дизайн должен мягко довести пользователя до какой-то логической точки. Это может быть совершение заказа, подписка на рассылку, регистрация. Суть в том, что вместо преодоления преград, сопротивления неудобному интерфейсу посетителя несет по страницам сайта, как по мягким теплым волнам. Он и сам толком не заметил, а уже оказался в нужной вам точке.

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

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

Итак, заказывать UX-дизайн нужно на начальном этапе создания сайта. Давайте возьмем любой сайт. Если у вас есть — то ваш ресурс, если нет — любой другой. Представьте, что вам в голову только что пришла идея его создания. Вряд ли вы сразу четко представляете его структуру — в голове будут роиться мысли, увиденный где-то дизайн и контент, будущие разделы… Пока это похоже на разобранный пазл, который нужно сложить воедино, чтобы получилась красивая картинка.

Вот за это и отвечает UX-дизайн: с его помощью выстраивается архитектура сайта начиная от общей канвы и заканчивая проработкой каждого раздела. Все для того, чтобы создать хорошее первое впечатление и положительные эмоции. Как раньше говорили, “дружественный интерфейс” — но не только интерфейс. Еще и графический дизайн, и юзабилити, и оформление, и качественный контент, и интерактивные элементы, и общая контент-стратегия.

ux дизайн

Кто такой UX-дизайнер?

Человек, который все это делает. А именно:

  • прорабатывает цели и задачи клиента и определяет, как их можно достичь (например, привлечь трафик, увеличить продажи, количество клиентов). Внимание заказчику! Чтобы исполнитель лучше понял, что вам нужно, составьте ТЗ для веб-дизайнера. Расскажите, для чего создается сайт, какие продукты вы собираетесь реализовывать, на какую целевую аудиторию рассчитываете. В ответ хороший дизайнер также пришлет вам ТЗ, где распишет свое видение будущего сайта: общую структуру, детальную проработку каждой страницы, дизайн сайта, место для рекламных баннеров и виджетов обратной связи, интерактивные элементы — кнопки корзины, иконки, и их расположение и многое другое;
  • подбирает подходящие UX-инструменты, которые помогут в создании дизайна. Обычно это специальные сервисы и программы, заточенные конкретно под каждый элемент дизайна. Например, Perfect Icons – инструмент для создания иконок соцсетей, который можно применить и в обычной, и в мобильной версии. Или Flat UI Color Picker – инструмент для создания цветовых нюансов будущего сайта. Заказчику не обязательно вникать в эти инструменты, главное — получившийся результат;
  • разрабатывает UX-дизайн прототипа (эскиза, наброска) сайта, опираясь на собственные знания и опыт, пожелания заказчика и возможности инструментов. Лучше составить несколько вариантов и потом сравнить их;
  • далее дизайнер проектирует взаимодействие и тестирует продукт на соответствие тому самому “пользовательскому опыту”- продумывает, как посетитель будет пользоваться сайтом. Для этого составляются несколько вариантов каркасов сайта, карт маршрутов пользователей, проверяется и сравнивается несколько вариантов и выбирается лучший. Также на помощь приходят специальные инструменты: например, UX Checklist. Это реальный чек-лист на соответствие каждого параметра принципам UX-дизайна. Если программа показывает, что сайт оставляет желать лучшего — значит, придется подождать еще немного. Хороший веб-дизайнер не успокоится, пока не доведет дело до конца;
  • согласует получившийся результат с заказчиком, при необходимости вносит правки и выслушивает пожелания. На этом этапе вы вспомните про ТЗ и возблагодарите Бога, что составили его. Дело в том, что получившийся результат и ваши пожелания могут существенно отличаться. Без обид, но вы — не специалист в сфере дизайна. Успешный бизнесмен — да, талантливый менеджер — да, но не дизайнер. Поэтому то, что вы придумали и представляли себе долгими вечерами, специалист может забраковать. Не обижайтесь: это значит, что придуманные вами идеи не помогут развитию вашего бизнеса, а может быть, и оттолкнут посетителей. Придется довериться дизайнеру: он лучше знает, как привлечь трафик и сделать сайт продающим.

UX-дизайнер

Еще лучше, когда дизайнер работает в связке с другими специалистами: программистами, вебмастерами, маркетологами, рекламщиками (например, в студии веб-дизайна). Они делят ответственность пополам и принимают оптимальное решение в процессе мозгового штурма.

Что такое UI-дизайн

Если UХ-дизайн — это скелет будущего сайта, то UI-дизайн — его детальная проработка и визуальное воплощение. Грубо говоря, первое понятие можно сравнить с планировкой дома, второе — с покупкой мебели и деталей интерьера. UI-дизайн (User Interface) переводится как “пользовательский интерфейс”. Это комплекс графических решений, которые определяют, удобно пользователям будет находиться на сайте или не очень.

Рассмотрим основные правила UI-дизайна:

  • все элементы интерфейса должны быть логически структурированы и связаны между собой. Например, когда человек делает заказ в интернет-магазине, при просмотре карточки товаров он должен иметь возможность попасть в корзину и добавить туда товар, а из корзины свободно переместиться обратно или на форму заказа. Если сделать это невозможно — дизайн нужно дорабатывать;
  • элементы должны быть сгруппированы в разделы, меню (горизонтальное или вертикальное). Если товаров в интернет-магазине много, лучше разработать систему фильтров, чтобы пользователю было удобно сделать выбор;
  • элементы должны быть выровнены. Дизайнер должен разбираться в типографике сайта и иметь понятие о правиле золотого сечения, иначе у пользователя глаза разбегутся;
  • элементы должны сочетаться по цвету. В этом поможет карта цветов и знание основ сочетания. Если заказчик настаивает на выполнении сайта в фирменном стиле (то есть у компании есть корпоративные цвета, сайт должен не отступать от них) — нужно максимально передать глубину и контрастность цвета;
  • все элементы и страницы сайта должны быть выполнены в едином стиле. И это не только цвет: важна любая деталь (размеры блоков элементов, шрифты, интерактивные элементы).

UI-дизайн

Что делает UI-дизайнер?

Часто UX- и UI-дизайнер — это один и тот же человек. Универсальный специалист обычно умеет создавать прототипы сайта и прорабатывать его детальное наполнение:

  • разрабатывает дизайн и элементы управления каждой страницы. Дизайнер продумывает даже такие на первый взгляд мелочи, как расположение личного кабинета — слева или справа на верху страницы, цвет кнопки призыва к действию и количество слов, написанных на ней, количество шагов, который должен сделать пользователь, чтобы сделать заказ в интернет-магазине или зарегистрироваться;
  • подбирает подходящие UX-инструменты и программы. В основном это графические редакторы: Photoshop, Illustrator, Sketch, Adobe XD, Figma и другие;
  • следит за тем, чтобы каждая страница и каждый элемент органично смотрелись и вызывали положительные эмоции на всех носителях: стационарном компьютере, планшете или ноутбуке, смартфоне. То есть иметь адаптивную верстку;
  • учитывает основные тренды веб-дизайна: наличие свободного пространства, смелые сочетания шрифтов, четкие крупные шрифты, минимализм и лаконичность. Польза — это здорово, но красоту и приятный взгляду интерфейс тоже никто не отменял. Впрочем, почти всегда UX-дизайн и современные решения идут рука об руку;
  • так же согласовывает проект с заказчиком, при необходимости вносит правки, тестирует и принимает окончательное решение.

UX UI дизайн

Что еще должен уметь дизайнер?

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

Однако хорошего специалиста найти не так-то легко. Профессионалами себя называют и новички-фрилансеры, и переквалифицировавшиеся управдомы. Как выбрать среди них лучшего? Какими качествами должен обладать хороший веб-дизайнер?

  1. Различать специализацию. Веб-дизайнер — понятие широкое. Среди них и визуальные дизайнеры, и графические дизайнеры и, конечно, UX (дизайнеры пользовательского опыта) и UI (дизайнеры интерфейса). Если специалист говорит, что он мегапрофи в любой области — проверьте его слова. Как правило, если человек действительно профи, он сам понимает, какое направление ему ближе, и начинает совершенствоваться именно в этой сфере.
  2. Постоянно развиваться. Тренды дизайна меняются каждый год, чтобы не отставать от модных тенденций, нужно постоянно адаптироваться к изменениям. Для этого дизайнер просто обязан изучать тематические статьи, читать книги, мониторить новости. В то же время слепое поклонение трендам — тоже не есть хорошо. Важно найти баланс между пользой для пользователя и погоней за модой.
  3. Иметь чувство прекрасного. Проверить это можно одним способом — попросить дизайнера показать свое портфолио, лучшие работы. Если ваши вкусы различаются — лучше найдите другого специалиста. Иначе готовьтесь к бесконечным баталиям и непредсказуемому результату.

Надеюсь, мы сумели объяснить, что такое UX/UI дизайн, простыми словами. Желаем найти хороших специалистов, которые заставят ваш сайт работать. Удачи в продвижении!

Что такое 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-дизайнер о золотом сечении, свободе и требованиях заказчика

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

— Нужно уметь хорошо рисовать?

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

— Рисовать прямо на бумаге? 

— Нет, не обязательно, если речь о проектировании. Здесь ты работаешь в графическом редакторе с простыми формами: квадраты, круги, прямоугольники. Но если мы говорим о диджитал или печатной рекламе, тогда уметь рисовать нужно. И в целом, если хочешь развиваться как дизайнер — рисование поможет.

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

О золотом сечении

— Правило золотого сечения действительно работает или это выдумки маркетологов?

— Относительно UI — да, оно работает и применяется. Золотое сечение вообще везде проявляется: космические объекты, раковины, человеческие тела. Практика очень удобная, ее можно использовать при проектировании интерфейса — размер кнопок, шрифтов, отступы. Если возьмете макеты ведущих дизайнеров и просто наложите на них золотое сечение, то увидите, что оно применяется.

Причем дело не только в том, что наше тело построено по такому принципу. Наш глаз видит и сразу подмечает, по каким пропорциям все построено. Этим как раз и можно объяснить тягу человека к золотому сечению. Даже если вы не знаете, что это такое, все равно просто по наитию, подсознательно можете сказать: «Вот это выглядит лучше, чем то».

— Есть какие-нибудь стереотипы в UI-дизайне? Например, «приложение для женской аудитории должно быть в розовых тонах».

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

Мнение творца vs требования заказчика

— У дизайнера много свободы в работе?

— Есть такая фигура, как заказчик. Проводятся исследования и создаются артефакты, которые помогают понять, подойдет ли продукт целевой аудитории и в каком виде. Затем мы показываем все заказчику и аргументируем свои решения по проекту: почему сделано именно так. Но если клиент говорит, что все равно хочет по-своему — без проблем, портить отношения из-за «хотелок» не будем. Продукт ведь клиента.

— А что делать с «художник так видит»? 

— Это субъективное мнение. Если художник пишет картину или делает иллюстрацию конкретно для себя — пожалуйста, используй свое видение. Но когда работаешь на конкретную аудиторию и решаешь ее задачи, тебе необходимо понимать, как она думает. Нужно поставить себя на ее место, а не говорить «я так считаю».

— У дизайнеров же есть разделение на «джуниоров», «мидлов» и так далее? Как понять, что дизайнер — «сеньор»? 

— Разница в мышлении и в подходе. Чем больше у специалиста опыта, тем сильнее он включается в проект. Допустим, приходит человек на интервью, даешь ему задание: «Нужно сделать приложение для каршеринга, как бы ты поступил?» «Джуниор»-дизайнер чаще всего скажет так: «Я изучил бы конкурентов, а потом пошел бы думать». Опытный же сразу ответит, что будет делать: «Пойду к бизнесу, к пользователям, проработаю необходимые артефакты, потом перейду к информационной архитектуре, навигации и так далее».

— Как приходят в эту профессию?

— Есть две категории людей. Первые закончили, например, Академию искусств, хотели заниматься художеством. Потом увидели, что сфера дизайна востребована, начали рисовать наружную рекламу, иллюстрации, дальше перешли к интерфейсам. А есть самоучки, которым нравится дизайн, — они видят, что сфера растет, и прилагают усилия, чтобы развиваться в ней.

Хочешь пойти в дизайн — развивай вкус

— С чего начинать людям, которые хотят пойти в дизайн? 

— Развивать вкус и правильное мышление. Думать не «я художник, я так вижу», а учитывать, для кого делается продукт и какие задачи решаются. Если говорить про UX, стоит начать с книг Круга, Нормана, Купера. Поискать курсы, о которых хорошо отзываются и выпускники которых поднимаются по карьерной лестнице. Найти своих UX-гуру, наблюдать за тем, что они делают, и понимать, почему они так делают. Следить за трендами и применять их в своей работе.

— Стоит ли идти учиться к конкретному преподавателю? Так поступают, например, будущие киношники, когда выбирают не столько заведение, сколько определенного режиссера или актера, чтобы перенять именно его опыт.

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

— Есть ли примеры таких дизайнеров? 

— Сугубо мое мнение: посмотрите на Hello Monday и Clay — это топовые диджитал-агентства мира. У них потрясающие работы, занимаются в том числе мобильными интерфейсами, сайтами.


Также мы пообщались с Владимиром Голубевым, доцентом кафедры коммуникативного дизайна факультета социокультурных коммуникаций Белорусского государственного университета. Специалист обучает дизайнеров по многим направлениям, в том числе связанным с технологическими сферами.

Об уважении к дизайнеру

— Дизайн — это про творчество или про выполнение пожеланий заказчика? 

— Хорошее определение есть у шведов: «Дизайн — демократическое право на качество жизни». Дизайн — это про креативную жизнь и про достоинство человека. Да, у дизайна есть заказчик. Он появляется сразу, но не как конкретный клиент, а как общество. Нужно понимать, какой у него, у общества, заказ. Если оно ригидное, стоит на архаичных догматах, ментальность не отвечает вызовам времени — значит, дизайн-деятельность не может носить открытый, инновационный характер. В таком случае лицо дизайна начинает определять субъективная воля заказчика. Но это не мировой тренд.

— Но заказчик платит дизайнеру. Значит, у него есть власть над финальным продуктом? 

— Тогда возникает вопрос: откуда у заказчика деньги? Насколько значима экономическая деятельность, которая принесла ему средства? Если речь об административных преференциях и монопольных льготах, то и отношение ко всему соответствующее: заказчик считает себя центром вселенной, дизайнер в его понимании — просто обслуга, кто-то между оформителем и маляром. Это категорически неприемлемо. И когда дизайнер соглашается с таким отношением, то он выпадает из профессионального контекста.

Дизайнер — человек с концептуальным умом, критическим мышлением, социальной ответственностью. Для него истина, красота и благо — не просто слова, а каркас профессионального мировоззрения.

— В таком случае можно ли научить дизайну? Или человек изначально должен быть с подходящими качествами, образом мышления? 

— Научить можно. Кафедра коммуникативного дизайна реализует гуманитарную парадигму творческой инклюзивности, есть философски обоснованная оригинальная методика дизайн-образования, которая позволяет решать принципиальный момент подготовки: мы не имитируем реальную жизнь, а создаем специальные учебные условия, чтобы студент мог развернуть свой творческий потенциал — а он есть у всех. Иногда у студентов это вызывает непонимание, ведь многие из них уже работают, в том числе в IT-компаниях. И получается, что реальные задачи намного утилитарнее учебных целей. Но через пару лет молодые люди понимают, что мы сформировали для них фундаментальные знания.

Когда дизайнер может сказать «я сделал»

— Как отвечать заказчику, который о работе дизайнера говорит «мне не нравится»?

— У дизайнера работа «сделана» не тогда, когда она закончена, а когда ее приняли. Вот тогда можно сказать «я сделал». С клиентом нужно проводить экспертизу материального дизайн-продукта персонально. Всегда надо четко согласовывать заказ, бриф, контент.

Проблема в том, что люди понимают одни и те же слова по-разному. Отсюда возникает дисгармония в коммуникации, а коммуникация — это ведь самое главное в дизайне.

— Правильно понимаю, что в последние 5—7 лет тренд в UX/UI-дизайне — максимальное упрощение? С чем это связано?

— Есть вещи, которые нельзя упростить, но можно сделать soft skills. Речь об интуитивном понимании. Часто бывает так, что сами заказчики и разработчики — не настолько активные пользователи сайта или приложения, которое они делают. Следующее поколение дизайнеров должно понимать: чтобы пользователь мог интуитивно взаимодействовать с цифровым пространством, оно должно дышать, быть теплым, реагировать на интонации — то есть формировать не только визуальное восприятие, но и становиться тактильным, невербальным.

— Как понять, что дизайн чего-нибудь — телефона, допустим — вот прямо очень хорош? 

— С этой вещью не хочется расставаться. Почему так происходит? Возникает устойчивая когнитивная и сенсуальная связь, когда форма соответствует функции, а символическое значение вещи соответствует «я-концепции»: «Эта вещь подходит мне». Ведь получить то, что хочешь, — большая редкость. А хорошая вещь вдохновляет, вызывает новые чувства.

— Дизайн какого продукта вам больше всего понравился за последние пару лет?

— Мы живем в уникальный век. За пределы Солнечной системы вылетели созданные людьми объекты, но об этом «повседневность» молчит. А у событий массовой культуры — сотни миллионов просмотров. Надо менять оптику, фокусировать внимание социума на фундаментальных усилиях людей в прорывных для будущего областях.

Мне нравится все, что сделано для самореализации людей, и в первую очередь с ограниченными возможностями. Например, в скандинавском дизайне ориентирование на человека достигло невероятных высот. Там выпускают инвалидную коляску, сделанную целиком из пластика. В чем смысл? Инвалида просто закатывают в душ, его не нужно поднимать и затем усаживать обратно. Или взять устройство, которое позволяет нарезать хлеб одной рукой, обои со шрифтом Брайля… Но в центре внимания СМИ, как правило, модные гаджеты.

— Что посоветуете дизайнеру?

— Сразу вспомнил фильм «Спасти рядового Райана»: «Будь честным!» Я бы, наверное, тоже поддержал героя картины. Дизайн — это достоинство, право быть собой.


Компания ISsoft — один из крупнейших белорусских разработчиков IT-решений для рынков США и Западной Европы. Основана в Минске в 2004 году как дочерняя компания корпорации Coherent Solutions, Inc. (США). Резидент Парка высоких технологий с 2007 года. Центры разработки ISsoft в Минске и Бресте насчитывают более 1000 квалифицированных сотрудников. Компания ежегодно входит в рейтинги Inc.5000 и Software 500.

Спецпроект подготовлен при поддержке иностранного производственного унитарного предприятия «ИССОФТ СОЛЮШЕНЗ», УНП 190819327.

Читайте также:

Библиотека Onliner: лучшие материалы и циклы статей

Наш канал в Telegram. Присоединяйтесь!

Быстрая связь с редакцией: читайте паблик-чат Onliner и пишите нам в Viber!

Перепечатка текста и фотографий Onliner без разрешения редакции запрещена. [email protected]

Что такое дизайн пользовательского интерфейса? Что такое дизайн UX? UI против UX: в чем разница | by ✨ Они делают дизайн ✨

«Пользовательский интерфейс» в пользовательском интерфейсе означает «пользовательский интерфейс». Пользовательский интерфейс — это графическое оформление приложения. Он состоит из кнопок, которые нажимают пользователи, текста, который они читают, изображений, ползунков, полей ввода текста и всех остальных элементов, с которыми взаимодействует пользователь. Это включает в себя макет экрана, переходы, анимацию интерфейса и каждое микро-взаимодействие. Любой визуальный элемент, взаимодействие или анимация должны быть разработаны.

Эта работа ложится на дизайнеров пользовательского интерфейса. Они решают, как будет выглядеть приложение. Они должны выбирать цветовые схемы и формы кнопок — ширину линий и шрифты, используемые для текста. Дизайнеры пользовательского интерфейса создают внешний вид пользовательского интерфейса приложения. Процесс проектирования пользовательского интерфейса

от Ramotion Дизайнеры пользовательского интерфейса

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

«UX» означает «пользовательский опыт». Опыт пользователя приложения определяется тем, как они взаимодействуют с ним. Является ли опыт гладким и интуитивным или неуклюжим и запутывающим? Навигация в приложении кажется логичной или произвольной? Дает ли людям взаимодействие с приложением ощущение того, что они эффективно выполняют поставленные задачи, или это похоже на борьбу? Опыт пользователя определяется тем, насколько легко или сложно взаимодействовать с элементами пользовательского интерфейса, созданными дизайнерами пользовательского интерфейса.

Photo by CareerFoundry

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

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

Проектирование в вакууме приводит к далеко не идеальным результатам.

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

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

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

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

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

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

Tweet by LukeW

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

Исследования в области дизайна пользовательского интерфейса

Дизайнеры пользовательского интерфейса

должны убедиться, что выбранный ими визуальный язык соответствует классу приложения, которое они пишут. Они пытаются предсказать ожидания пользователей. Если ваша команда разрабатывает приложение для путешествий, важно изучить, как другие приложения для путешествий разрабатывались в прошлом. Какие из них работали? Какие не сделали? Из уроков, которые другие делали раньше, можно извлечь уроки дизайна.

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

Точная эстетика, которую они выбирают, зависит от них, но основные «правила» или необходимость соответствовать ожиданиям пользователей — это то, что дизайнеры игнорируют на свой страх и риск.

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

Исследования для UX Design

UX design особенно интересует ожидания пользователей. Все события и взаимодействия, которые пользователи имели с каждым приложением, которое они использовали в своей жизни, помогли установить их ожидания относительно того, как интерфейсы должны работать. Если разработчик UX не знаком с этими ожиданиями, он может непреднамеренно спроектировать интерфейсное взаимодействие, которое кажется ему логичным, но нарушает общепринятые соглашения.Пользователям не нравится, когда интерфейс ведет себя совершенно иначе, чем они ожидали, и это может негативно повлиять на их работу.

Если разработчик UX решит сделать что-то другое, у него должна быть очень веская причина, потому что нарушение тщательно обученного ожидаемого поведения может привести к тому, что люди будут часто делать неправильные вещи.

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

Что делает UX / UI Designer?

Если у вас есть опыт проектирования, интерес к цифровым продуктам и желание работать в сфере технологий, то для вас может стать дизайнер UX или UI. Но вы не совсем понимаете: что требуется для работы дизайнеров UX / UI, и как вы стали им?

Вы пришли в нужное место. Мы поговорили с несколькими экспертами отрасли и получили 411. Посмотрите, что они сказали.

Также на Mediabistro

Как мой корпоративный медиа-концерт подготовил меня для индустрии развлечений

Что соискатели должны (и не должны) включать в свои профили в социальных сетях

Что именно делает дизайнер UX / UI?

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

Представьте, что UX — это способ управления автомобилем, переключения передач или защита от несчастного случая, а интерфейс — цвет и дизайн этого автомобиля, — говорит Мэтью Когсвелл, , старший арт-директор и дизайнер UX / UI в Modop, цифровой рекламе. и маркетинговое агентство в Лос-Анджелесе.

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

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

Дизайнеры

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

Какие навыки вам нужны?

«Дизайнер UX должен знать, как выполнять, облегчать и анализировать исследования и данные, и [и] дизайнеры пользовательского интерфейса должны знать композицию и графический дизайн, а также уметь владеть палитрами, типографикой и брендингом, чтобы придать интерфейсу блеск и его собственная личность », — говорит Гарольд.

Способность решать проблемы, а также сочувствовать пользователю, чтобы понять, что ему нужно, также важна. «Заурядный UX-дизайнер подумает о том, как действует пользователь», — говорит Когсуэлл. «Адекватный дизайнер UX сосредоточится на том, как думает пользователь. Но действительно отличный UX-дизайнер сосредоточится на том, как чувствует себя пользователь ».

Навыки общения и совместной работы также имеют первостепенное значение, говорит Эрик Гесс, , дизайнер UX с iCiDIGITAL в Роли, Северная Каролина. Вы должны быть в состоянии рассказать историю или нарисовать картину, которая поможет заинтересованным сторонам понять выполняемую работу.Дизайнеры должны хорошо разбираться в информационной архитектуре и уметь организовывать информацию, чтобы ее было легко понять.

Кто главный дизайнер UX / UI?

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

Существуют ли другие названия с аналогичными обязанностями?

Название UX / UI неоднозначно.Дизайнер UX / UI в Агентстве A может выполнять те же обязанности, что и веб-разработчик в Агентстве B. Другие агентства используют такие названия, как веб-дизайнер (UI), дизайнер опыта (UX) и дизайнер взаимодействия (IxD).

Что мне нужно, чтобы продвинуться в этой позиции?

Никогда не прекращайте учиться, советует Угадай. Постоянное стремление совершенствовать и расширять свои навыки — верный способ сиять.

Как я могу получить мою ногу в дверь?

Некоторые дизайнеры получают степень по изобразительному искусству, но это не все об этом листе бумаги.Создайте портфель, который показывает ваш рабочий процесс от начала до конца, особенно готовые композиции. И будьте настойчивы — не принимайте нет ответа.

Ознакомьтесь с открытыми вакансиями дизайнера UX / UI и другими заданиями по работе с цифровыми медиа на доске объявлений MediaBistro .

Тем:

Поднимитесь по лестнице, навыки и опыт

,

Что такое UI & UX Design?

Author profile picture Author profile picture

Дизайн — это широкий спектр предметов, который не ограничивается графическим дизайном. Когда кто-то говорит: «Я дизайнер», не сразу понятно, чем они на самом деле занимаются изо дня в день. Есть множество столпов ответственности, которые вместе поддерживают дизайн в вертикальном положении.

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

Названия должностей, такие как UX Developer или UI designer, стали будущим фронтом ролей дизайнеров. Его значение незнакомо даже дизайнерам из других отраслей.

Разделение пользовательского интерфейса UX

UX — это дизайн пользовательского интерфейса, а дизайн пользовательского интерфейса — дизайн пользовательского интерфейса. Оба из них имеют решающее значение для ИТ-продукта и должны тесно сотрудничать.
Несмотря на то, что они очень неотъемлемы друг от друга, сами роли весьма различны, включая различные процессы.

UX — это пользовательский опыт

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

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

Работа дизайнера UX поначалу может показаться загадочной (« Подождите, вы не делаете графику? ») и в лучшем случае сбить с толку. («Почему новый дизайнер берет интервью у людей?»)

Author profile picture

Команда разработчиков UX отвечает за знание целевых клиентов и за то, как сделать их опыт работы с вашим продуктом максимально полезным или «восхитительным». , Таким образом, «функциональность», «удобство использования» и «адаптивность пользователя» занимают приоритетное место в их приоритетах для продукта.

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

Стратегия и контекст:
  • Анализ конкурентов
  • Анализ клиентов
  • Структура продукта / Стратегия
  • Содержание Разработка
Создание каркасов и создание прототипов:
  • Разработка каркасов
  • Создание прототипов
  • Тестирование / итерация
  • Планирование разработки
Выполнение и аналитика
  • Координация с UI UX Designer (s)
  • Координация с разработчиками
  • Отслеживание и интеграция
  • Анализ и итерация

Итак, специалист по маркетингу, дизайнер, менеджер по проектам; роль UX сложна, сложна и многогранна.Вы видите, что итерация продукта, связанная с анализом или тестированием, действительно упоминается дважды. Но на самом деле вы должны поместить его между каждым другим пунктом в списке.
В конечном итоге цель состоит в том, чтобы связать бизнес-цели с потребностями пользователей посредством процесса тестирования и уточнения в отношении того, что удовлетворяет обе стороны отношений.

Пользовательский интерфейс — это пользовательский интерфейс

Пользовательский интерфейс — это как шутка. Если вам нужно это объяснить, это не так хорошо.

Все мы знаем, что самолет может лететь из кабины.UX, чтобы летать там, есть, но элементы управления расположены таким образом, что он не интуитивно понятен — он имеет сложный интерфейс.

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

На вопрос, нравится ли людям телефоны Samsung или Apple, большинство людей ответили, что им нравится Apple. Несмотря на то, что оба бренда одинаково воспринимают телефон как продукт, люди в основном предпочитают один другому, почему?

На вопрос, почему им нравятся телефоны Apple лучше, ответ был последовательным и немедленным: « Я нахожу телефон Apple гораздо более интуитивным. »

Ответ интервьюера:« Интересно — не могли бы вы привести несколько конкретных примеров того, как это более интуитивно понятно? »

С этим вопросом их радость превращается в шок и ужас, словно говоря« ». Конечно, Apple более интуитивно понятен — как ты смеешь сомневаться в этом! »

С этого момента им будет сложно найти какой-то ответ, от« — это просто »до« — это просто »до« — это проще »-« приложения Apple имеют более последовательный внешний вид.

Пользовательский интерфейс Apple настолько хорошо встроен в UX, что он даже не чувствует, что он там. Чем более прозрачен пользовательский интерфейс, тем более интуитивно понятен продукт.

UI ​​Designer включает в себя следующее:

Внешний вид:
  • Анализ клиентов
  • Исследование дизайна
  • Разработка брендов и графики
  • Руководства пользователя / Storyline
Отзывчивость и интерактивность:
  • Прототипирование пользовательского интерфейса
  • Интерактивность и анимация
  • Адаптация ко всем размерам экрана устройства
  • Реализация с Developer

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

То, что выглядит великолепно, но сложно в использовании, является примером отличного пользовательского интерфейса и плохого пользовательского интерфейса. Хотя что-то очень полезное, что выглядит ужасно, является примером отличного UX и плохого UI.

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

Похожие
Теги

The Noonification banner

Подпишитесь, чтобы получать ежедневные обзоры лучших технических историй!

UX против UI Design: этапы, участники, роли и навыки

Время чтения: 13 минут

Приложение, которое требует тысячи ходов, прежде чем вы получите то, что вам нужно, или веб-сайт с грязной навигацией вырезаны из одной ткани — ткань плохого пользовательского опыта. Конечно, нам больше не нужно использовать интерфейс командной строки для взаимодействия с программным обеспечением. Но это не значит, что каждый современный цифровой продукт является вершиной создания пользовательского опыта.

Веб-сайт или приложение, независимо от их функциональности, должны быть понятны пользователю. Если вы хотите создать цифровой продукт с отличным UX, вы не можете пропустить тщательное исследование, углубленное изучение знаний вашего пользователя и процесс проектирования графического интерфейса. И вам определенно нужны дизайнеры для управления этими процессами. В этой статье мы узнаем о людях, которые создают релевантную встречу: разработчики пользовательского интерфейса (UX) и пользовательского интерфейса (UI). Также мы выясним, где каждый из них вписывается в процесс проектирования пользовательского интерфейса.

Дизайн интерфейса: с чего начать?

Итак, что такое хороший UX? Стив Круг, известный дизайнер UX, кратко определяет это: «Не заставляй меня думать!» Эта цитата стала названием его книги о пользовательском опыте в веб-разработке. Это означает, что лучший UX — самый интуитивный UX.

Тенденции в UX-дизайне постоянно меняются — просто посмотрите нашу статью о UX-дизайне на 2018 год — но основные принципы остаются. Информационный архитектор Питер Морвилл определил хороший пользовательский опыт как полезный, полезный, желательный, доступный, заслуживающий доверия и ценный.Он проиллюстрировал это в соте UX.

Пользовательский опыт Honeycomb
Источник:
Semantic Studios

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

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

Что такое UX design почему продукта

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

Цель UX design — создать цифровой продукт, с которым пользователь будет чувствовать себя комфортно.Это охватывает то, как продукт функционирует и пользователь управляет им: иерархия контента, понятная навигация и функциональность визуальных элементов. Но самое главное, что все это помогает решить проблему пользователя. Кроме того, дизайн должен быть создан в соответствии с техническими и бизнес-спецификациями.

Что такое дизайн пользовательского интерфейса как продукта

Дизайн пользовательского интерфейса

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

Питер Морвилль утверждает: «… , почему и , как неразделимы», поэтому у нас есть два ограниченных процесса, ориентированных на одну и ту же цель: донести контент до пользователя наиболее удобным и приятным способом.

На рынке труда мы часто видим рекламу с названием «UX / UI designer.«Компании предпочитают нанимать профессионалов, которые могут завершить весь дизайн продукта, делая его отзывчивым и визуально привлекательным. Это происходит отчасти потому, что владельцы хотят все по одинаковой цене, а отчасти потому, что некоторые просто не понимают, какие этапы и задачи охватывает UX-дизайн. Фактически, UX-дизайн включает в себя UI-дизайн как один из этапов. Мы рассмотрим этот процесс, а также функции и результаты работы дизайнеров обоих типов.

Особенности конструкции UX и конечные результаты

Весь процесс разработки UX ориентирован на создание наилучшего пользовательского опыта за счет устранения информационной нагрузки.Он состоит из двух частей:

1) Определите проблему пользователя и

2) Найдите пути и способы ее решения.

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

UX / UI design flow

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

Исследования и анализ пользователей

Ключевые роли: Бизнес-аналитик, специалист по UX

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

Основные результаты : исследования UX, исследования конкурентов, путешествие пользователей и личный профиль пользователя.

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

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

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

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

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

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

  • Демография
  • Цели и потребности
  • Болевые точки
  • Поведения
  • Цитаты (обычно реальными пользователями)

Пример профиля персоны пользователя
Источник:
Держите его пригодным для использования

пользовательский путь или пользовательский поток — это мощный инструмент UX, который наглядно иллюстрирует пошаговое взаимодействие пользователя с продуктом.Он нарисован дизайнером UX и отображает последовательность действий, которые новый или опытный пользователь выполняет перед запуском и во время использования продукта. Путешествие пользователя может быть проиллюстрировано текстом и стрелками или в виде раскадровки. Ниже вы можете увидеть поток пользователей, который мы создали для австралийской компании Niftie.

Поток пользователя Niftie

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

Информационная архитектура (IA)

Ключевые роли: UX дизайнер

В результате исследований UX дизайнер может создать полную структуру цифрового продукта. Информационная архитектура — это все для UX. Основная цель IA состоит в том, чтобы классифицировать контент таким образом, чтобы пользователь мог понять его, позволяя пользователю легко найти то, что ему нужно. В результате сортировки карточек UX-дизайнер может структурировать содержимое веб-сайта или приложения.Есть несколько шаблонов для классификации информации:

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

Основные результаты поставки: карта сайта, карта ума, навигация, система маркировки

Основная структура структуры продукта представлена ​​в виде карты сайта или карты разума.

Карта сайта. Этот артефакт отображает отношения между страницами и контентом в иерархическом порядке.

Карта сайта высокого уровня
Источник:
UX.Stackexchange

Mind map — это инструмент для построения IA на основе отношений между различными объектами цифрового продукта с подробным описанием функциональных возможностей. Ниже вы можете увидеть пример ментальной карты, которую мы создали, помогая создать корпоративное решение по управлению командировками для Cornerstone Information Systems.

Карта разума для сайта информационных систем Cornerstone и приложения для iOS

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

Система маркировки. Метки — это короткие названия больших категорий, отображаемых в интерфейсе.

Навигация — это элемент интерфейса продукта, который ведет пользователя по содержимому. Он определяется картой сайта и состоит из основной навигации, навигации службы и навигации нижнего или нижнего колонтитула или юниверса.

В результате UX-дизайнер имеет базовую структуру контента, которая служит основой для следующих этапов. С помощью этой структуры UX-дизайнер может разработать каркас продукта.

Прототип

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

Основные результаты поставки: каркас, макет и интерактивный прототип

  1. Wireframing — начальный процесс создания макета дизайна. Это схема, которая представляет основные группы контента и показывает общие особенности интерфейса. Он содержит серые поля, линии, кнопки и образец текста. Цель каркаса — показать, как работает интерфейс, не вдаваясь в графические детали, что позволяет команде оценить основы взаимодействия с пользователем на ранних этапах.Кроме того, простота каркаса позволяет дизайнеру переработать некоторые особенности макета. Каркас может быть статическим или интерактивным. Статический каркас можно рисовать даже на бумаге, в то время как интерактивный каркас позволяет человеку пролистать его и проверить функциональность.

Статический каркас Foursquare
Источник:
Намика Хамасаки

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

UI скелет
Источник:
Scribble by Qianxu Zeng

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

Ключевая роль: UX специалист

  1. Макет — более детально представляет дизайн, иллюстрирует, как будут выглядеть экраны продукта. Это средняя точка между каркасом и прототипом, имеющая цвета, логотипы, картинки и, как правило, UX-текст вместо реального контента. Цель макета — показать внешний вид продукта.Макеты могут быть с низкой и высокой точностью, статичными или интерактивными, одностраничными или многостраничными. Прототипы с низкой и высокой точностью отличаются уровнем детализации интерфейса.

Макет Foursquare высокого качества
Источник:
Намика Хамасаки

Ключевая роль: Специалист по пользовательскому интерфейсу

  1. Кликабельный прототип — это финальная модель будущего продукта. В отличие от макета, он имеет все визуальные и функциональные элементы, контент и может работать как конечный продукт, т.е.грамм. Вы можете нажимать на кнопки, вводить значения в поля и т. д. Таким образом, дизайнеры, заинтересованные лица и пользователи могут проверить его, имитируя реальные взаимодействия.

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

  • Sketch — инструмент векторного проектирования и создания прототипов для пользователей Mac.
  • InVision Studio — бесплатный инструмент для создания прототипов с анимацией, совместимый со всеми типами устройств.
  • Figma — инструмент для онлайн дизайна пользовательского интерфейса, создания прототипов и тестирования.
  • MockFlow — платформа для разработки UX, которая позволяет UX-дизайнеру создавать каркасы, руководства по стилям и карты сайта.
  • Moqups — онлайн-инструмент для создания прототипов пользовательского интерфейса, каркасов, макетов и диаграмм.
  • Lucidchart — инструмент для диаграмм и каркасов.
  • Balsamiq — веб-приложение с настольной версией для каркасов и макетов
  • Wireframe — онлайн-инструмент для создания каркасов и макетов

Для тех, кто предпочитает бумажные каркасы и макеты, есть бумажные шаблоны.

Прототипирование — это этап проектирования UX, который используется совместно дизайнерами UI и UX. Некоторые утверждают, что создание каркасов и макетов является обязанностью дизайнера UX, в то время как дизайнер UI работает над прототипом. Тем не менее, дизайнер пользовательского интерфейса работает над визуальной частью интерфейса и реализует ее в прототипе. Давайте посмотрим, из чего состоит этот этап.

Ключевая роль: UX специалист

UI система проектирования

Ключевые роли: Дизайнер пользовательского интерфейса, команда разработчиков переднего плана

Когда готовый макет готов, дизайнер может работать с графикой.Каркасы и макеты — это скелет, а графика — это воплощение цифрового продукта. На этом этапе дизайнер пользовательского интерфейса начинает разработку графического интерфейса цифрового продукта. Это влечет за собой рисование иконок, выбор типографики и цветовой палитры, а также настройку руководящих принципов пользовательского интерфейса.

Предоставлено: Moodboard, руководство по стилю интерфейса

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

Moodboard для интерфейса кассы парижского метро

Вот пример. Если вы когда-либо были в Париже, вы, вероятно, знаете, что покупка билетов на метро не доставляет удовольствия. Грег Джинно, дизайнер UX, создал интерфейс билетной кассы парижского метро, ​​чтобы упростить жизнь пользователей. Грег использовал вид Парижа и логотип RATP, парижского оператора общественного транспорта, как источник вдохновения для цветовой палитры и типографию парижских станций метро для элементов пользовательского интерфейса.

Пользовательский интерфейс кассы парижского метро
Источник:
Грег Жанно

Все решения по визуальному дизайну документированы в руководстве по стилю пользовательского интерфейса.

UI Руководство по стилю . Это документ, в котором собраны все элементы визуального стиля вашего бренда. Основная цель этого документа — поддерживать согласованный дизайн и облегчать работу дизайнеров и разработчиков. Руководство по стилю стандартизирует систему координат, макет, цветовую палитру, типографику, иконографию, логотипы, изображения и учитывает требования доступности.

Инструментарий Airbnb UI
Источник: D
Эрек Брэдли

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

Юзабилити-тестирование

Ключевые роли: UX-дизайнер, команда разработчиков фронт-энда, UI-дизайнер

Как только первый прототип готов, команда может проверить его удобство использования.Юзабилити-тестирование отличается от QA-тестирования или A / B-тестирования. Его главная цель — получить обратную связь от реальных пользователей продукта, чтобы понять, насколько интуитивно понятен интерфейс, и может ли пользователь достичь своей цели с помощью продукта.

На этом этапе UX-дизайнер записывает и анализирует результаты тестирования. Существует несколько видов юзабилити-тестирования:

Сравнительное тестирование юзабилити используется для сравнения одного продукта с другим, например, конкурента, или оно может быть аналогично A / B-тестированию, когда сравниваются две версии дизайна и выбирается лучшая.

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

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

Шаблон отчета о юзабилити-тестировании
Источник:
tenio

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

Поддержка и дальнейшее развитие

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

Дальнейшее тестирование и оценка. Новый контент и функциональность обычно требуют изменений в интерфейсе для улучшения ключевых показателей эффективности. Это означает, что команда может повторить оценку юзабилити, предложить дополнительные реализации определенных экранов и запустить A / B-тесты, чтобы определить наиболее эффективную версию.

Улучшения и новые функции. Разработчик UX должен узнать, какие новые функции нужны пользователям, и решить, как поместить их в существующий дизайн. Дизайнер пользовательского интерфейса изменяет дизайн в соответствии с новыми требованиями и контролирует A / B или многомерное тестирование.

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

Хотя этапы и результаты, которые мы описали, являются наиболее распространенными, подходы к созданию UX / UI различаются. Например, недавно мы обсуждали подход Design Sprint от Google Ventures, который представляет собой процесс с временными рамками для принятия первоначальных предположений, создания прототипа и тестирования с реальными пользователями. И иногда различные результаты опускаются, чтобы сделать этап проектирования короче.

Последнее слово: может ли один человек быть дизайнером UX / UI?

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

Фото Harpal Singh на Unsplash

,

Отправить ответ

avatar
  Подписаться  
Уведомление о