Что такое ux ui: С чего начать обучение UX-дизайну и как стать профессионалом

Содержание

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

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

UX (англ. user experience) значит «опыт пользователя». Если брать в целом, то это понятие пронизывает весь опыт, который получает пользователь при взаимодействии с приложением, сайтом или командой техподдержки компании.

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

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

Если вы чувствуете, что в UI/UX вам нужно больше практики, то можете попробовать себя в роли дизайнера интерфейсов на курсе «UI/UX-дизайн», здесь вы вместе с наставником шагам за шагом спроектировать и задизайнить первый проект по ТЗ от клиента.

А мы пока продолжим полный обзор.

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

<div id="yandex_rtb_5" class="lazy lazy-hidden yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744154-3";} else{var rtbBlockID="R-A-744154-5";} window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_5",blockId:rtbBlockID,pageNumber:5,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");} g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_5").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_5");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script>

Графический интерфейс Adobe Photoshop 1.

0 в 1990

UX это не только про юзабилити, понятность и красивый облик приложения или сайта. UX — это все, что происходит с пользователем во время путешествия от точки входа до точки выхода, из пункта А в пункт B.

Некоторые дизайнеры все еще считают, что UX — это только про логику работы мобильного приложения или сайта. На самом деле опыт пользователя — это нечто гораздо большее. Например, если клиент сделал заказ на сайте, а ему не перезвонили и не прислали сообщение, — это признаки плохого UX.
(с) Дональд Норман — основатель признанной в области дизайна компании Nielsen Norman Group, бывший вице-президент Apple, профессор информатики Северо-Западного университета. Автор 11 книг по дизайну.

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

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

UX-дизайнер (англ. user experience designer) — это проектировщик интерфейсов и сервисов, который вникает в потребности пользователей, строит логические схемы работы интерфейса, тестирует прототипы на целевой аудитории и составляет техническое задание для UI-дизайнера.

UX-дизайнер — это инженер-конструктор, который изучает опыт пользователей прямо в поле: вникает в аналитику, проектирует схемы потоков, прототипирует варианты решения задачи и создает техническое задание для ui-дизайнера

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

UI (англ. user interface) переводится как «пользовательский интерфейс». UI – охватывает не только графический интерфейс, а еще и тактильный, голосовой или звуковой.

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

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

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

UI-дизайнер (англ. user interface designer) — это графический дизайнер адаптировавшийся к диджитал. Он легко воплотит интерфейс продукта со всеми нюансами как к пользовательскому опыту, так и эстетике и уникальному образу бренда (создаст фирменный стиль).

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

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

Требования к качественному UX/UI-дизайну

Рекомендации по проектированию интерфейсов. Шнайдерман (1987 год) и Плейзент (2009 год):

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

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

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

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

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

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

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

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

В чём разница между UX и UI

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

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

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

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

Как стать UX/UI-дизайнером

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

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

Сразу скажу, что настраиваесь на ритм “обучение как стиль жизни”, не ищите один курс как серебряную пулю. Начните с малого и постепенно увеличивайте нагрузку.

Что почитать и посмотреть о UX/UI-дизайне

Вывод и рекомендация

В UI/UX-дизайн можно нырнуть как через исследования и анализ данных, так и через визуальный дизайн. Если вам ближе творчество и креативность, то начните путь с визуальной стороны дела. Попробуйте себя, к примеру, в онлайн-курсе по UX/UI на Breezzly, попробуйте себя в роли дизайнера мобильных приложений, сайтов, интерфейсов для смарт-часов и веб-приложений, а затем уже погружайтесь дальше через очные курсы с командной работой (поможет сильнее прочувствовать весь дух профессии).

Что такое UX-дизайн и как попасть в эту профессию

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

Что такое UX-дизайн и почему он важен

UX (англ. user experience) означает «опыт пользователя». В более широком смысле это понятие пронизывает весь опыт, который получает пользователь при взаимодействии с сайтом, приложением или техподдержкой компании.

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

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

Если в UI/UX вы только начинаете, то можете попробовать себя в роли дизайнера интерфейсов на курсе «UI/UX-дизайн», здесь вы вместе с наставником шагам за шагом создадите первый проект по ТЗ от клиента. А мы пока продолжим полный обзор.

Содержание:

Что такое пользовательский опыт (UX)?

Почему UX так важен для бизнеса?

Чем занимается UX дизайнер и какие навыки нужно качать?

7 принципов хорошего UX-дизайна

В чём разница между UX, UI и графическим дизайном

Как стать UX-дизайнером

Что почитать и посмотреть о UX/UI-дизайне

Вывод и рекомендация

Что такое пользовательский опыт (UX)?

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

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

Конечная цель UX-дизайна — предоставить пользователю интуитивно понятный, эффективный и актуальный опыт.

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

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

Почему UX так важен для бизнеса?

Крупные бренды уже напрямую заявляют, что именно благодаря UX им удается обеспечивать рост прибыли. К примеру ребята из Airbnb поделились в интервью, что именно благодаря прокачке UX смогли выйти на отметку $10 000 000 в 2009 году. LandRover назвал UX незаменимой инвестицией, а Илон Маск как-то поделился мыслями, что «любой продукт, для которого требуется инструкция, развалюха». UX сейчас находится на переднем крае технологий и используется практически как синоним хорошего бизнеса. Поэтому HH-порталы трещат от обилия UX-вакансий, а UX-дизайнеры сейчас нужны всем и в большом количестве.

«Любой продукт, для которого требуется инструкция, – развалюха».
Илон Маск

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

Чем занимается UX дизайнер и какие навыки нужно качать?

Требования к вакансии UX-дизайнера разнятся от компании к компании, а иногда даже от проекта к проекту в рамках одной и той же компании.

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

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

Итак, давайте разберемся, как именно UX-дизайнер выполняет все эти задачи:

Навык 1. UX-исследования / CX-исследования

Чтобы создать сильный продукт с нуля или улучшить существующий, UX-дизайнер изучает поведение, цели и мотивацию пользователей. Эмпатия к пользователям — основа UX дизайна. На этом этапе дизайнер исследует текущий маршрут движения клиента к цели, выясняет мотивы, барьеры, действия пользователя на пути к цели. В процессе исследования он также вникает в отрасль в целом, исследует прямых конкурентов, чтобы разобраться, как другие уже закрывают эти потребности. Благодаря такому подходу UX-дизайнеры видят возможности для развития и апгрейда текущего маршрута пользователя. Такое путешествие пользователя от потребности до решения называют Customer Journey Map, а результаты исследования можно упаковать например так:

Навык 2. UX-дизайн

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

https://uiuxassets.com/assets/mobile-wireframe-kit/

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

Навык 3. UX-копирайтинг

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

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

Навык 4. Тестирование гипотез и исследование пользователей

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

Навык 5. Презентация дизайн-концепций и продажа идей команде

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

https://dribbble.com/shots/10881406-Pitch-From-Wireframe-to-HiFi

7 принципов хорошего UX-дизайна

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

Инструмент Honeycomb, созданный Морвиллом, помогает визуализировать грани, составляющие UX: полезный, годный к применению, доступный, заслуживающий доверия, желанный, доступный и ценный.

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

Принцип 1. Полезный / Useful

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

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

Принцип 2. Пригодный для применения / Usable

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

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

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

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

Принцип 3. Обнаруживаемый / Findable

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

Принцип 4. Заслуживающий доверия / Credible

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

Печально известный пример — история с Volkswagen, когда они сфальсифицировали программное обеспечение миллионов автомобилей, чтобы обмануть тесты на выбросы. Это не только обошлось им в 30 миллиардов долларов ущерба, но и вызвало огромный спад с индекса доверия. Это произошло в 2015 году, и Volkswagen все еще борется за восстановление в 2020 году. Потеря доверия наносит огромный ущерб продукту.

Electronic Arts также столкнулась с негативной реакцией, когда в сообществе поняли, что единственный способ разблокировать основных персонажей в “Star Wars Battlefront II” — это трата 40 часов на игру, или траты сотни долларов за внутриигровые покупки. Когда клиенты уловили недобрые намерения, и пошел негатив — EA временно приостановили все внутриигровые покупки.

Казалось бы простой принцип, но даже если вы не совершаете мошенничества, вы всегда должны быть уверены, что выполняете то, что обещали.

Принцип 5. Желанный / Desirable

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

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

Принцип 6. Доступность / Accessible

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

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

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

Принцип 7. Ценный / Valuable

Продукт должен приносить пользу бизнесу и клиентам. Этот фактор стоимости является суммой всех предыдущих шагов, о которых мы упоминали. Там, где один шаг более важен для одного клиента, другой шаг будет приоритетным для кого-то другого. К примеру, качество “Желанный” может быть более ценно для человека А, но не обязательно будет таким же ценным для человека В.

Еще пример, допустим, у вас есть 2 телевизора. Человек А может действительно наслаждаться тем, что телевизор очень тонкий, гладкий и в стиле минимализм, поэтому считает бренд желанны. Человек Б также может хотеть тот же желанный продукт, но из-за соображений доступности выберет телевизор, у которого есть опция “сделать текст на экране больше” или “громкость выше”, отдавая приоритет более широкому диапазону доступных элементов управления над минималистичными аспектами продукта.

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

В чём разница между UX, UI и графическим дизайном

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

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

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

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

Роль 1. UX-дизайнер

UX-дизайн отличается от ui дизайна и от графического дизайна тем, что фокусируется не столько на эстетических элементах продукта, сколько на логике, структуре и функциональности элементов, которые вы видите и с которыми взаимодействуете. Суть работы UX -дизайнера заключается в создании макетов (wireframes), прототипов (interactive prototypes), информационной архитектуры (IA) и диаграмм потоков (User Flows, Data Flows и т. д). UX-дизайнер как инженер бизнес-процессов, который прокачивает систему с помощью цифровых решений.

https://dribbble.com/shots/6954745-The-Zebra-is-hiring-a-Product-Designer/attachments

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

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

Исследование: назначение встреч, блокнот, диктофон, XMind, стикеры, маркеры, пробковые доски;
Анализ и поиск решения: концептуальное проектирование и прототипирование: стикеры, листы A4, маркеры, пробковые доски, XMind, Mindmeister;
Проектирование и дизайн приложения: InVision Studio, Figma, Principle, Sketch, Adobe XD, ProtoPie, Adobe After Effects;
Передача в разработку: Система управления задачами, Slac;
Отслеживание метрик: Firebase, Amplitude

Роль 2. Графический дизайнер или бренд-дизайнер

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

Еще один отличительный аспект для графических дизайнеров основан на программах, которые они используют. Графические дизайнеры создают фирменный стиль большую часть своей работы в целом арсенале продуктов Photoshop, Illustrator, InDesign, Corel Draw и т. д., А сейчас еще в их комплекте появились такие инструменты как Sketch и Figma. Графическим дизайнерам не нужен опыт программирования, чтобы использовать это программное обеспечение или выполнять свою работу на должном уровне.

https://dribbble.com/shots/13981595-Felex-Brand-Guidelines

Роль 3. UI-дизайнер или дизайнер пользовательского интерфейса

UI (англ. user interface) переводится как «пользовательский интерфейс». UI – это не только про графический интерфейс, а также про: тактильный, голосовой или звуковой.

UI-дизайн — процесс воплощения в визуальных элементах пользовательского опыта, который разработали на основании пользовательского опыта и исследования целевой аудитории.

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

UI-дизайнер (англ. user interface designer) — дизайнер интерфейсов, который прорабатывает визуальный слой, отрисовывает кнопочки, иконки, формы и другие его компоненты и собирает их в гармоничный работающую интерактивную дизайн-систему.

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

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

https://dribbble.com/shots/11403265-UNIVERSAL-UI-KIT

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

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

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

Визуальная концепция: Photoshop, Illustrator, Figma
Интерактивный дизайн (UX/UI): InVisionApp, Figma, Principle, Sketch, Adobe XD, ProtoPie, Adobe After Effects;

Как стать UX-дизайнером

Чтобы стать UI/UX-дизайнером запрыгните на бесплатный модуль любого онлайн- или оффлайн-курса и попробуйте себя в профессии и выберите. Направления UX и UI только на первый взгляд похожи. Лайфхак здесь следующий: у каждого курса есть бесплатная часть, попробуйте и затем уже решайте, с какого начнете. Сразу скажу, даже траектории длинной в 1 год — это всего лишь первые шаги, даже если там обещают профессию. Ориентируйтесь на качество международных продуктов, свой вкус в выборе в подборе любимых приложений и сайтов (у вас наверняка ТОП-приложения установлены, а не абы что!), а дальше подыскивайте курсы, которые приближают вас к ТОП-чику в UX, который уже находится у вас на экранах телефонов или ноутбуков в любимых приложениях.

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

Совет на старте могу дать такой: если вы любите сбор и анализ фактов, то начинайте с UX, а если тянет к визуальной работе и осязаемому творчеству, то ныряйте сначала в UI-дизайн, а затем наращивайте навыки UX.

Что почитать и посмотреть о UX/UI-дизайне

Вывод и рекомендация

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

Графический, веб или продуктовый (UX/UI): какое направление дизайна выбрать

Вы читаете перевод статьи “UI, UX: Who Does What? A Designer’s Guide To The Tech Industry”. Над переводом работали Nancy Pong и Ринат Шайхутдинов. При поддержке iSpring.

iSpring — решение для запуска дистанционного обучения.

Дизайн — достаточно широкий и расплывчатый термин. Когда человек говорит: “Я дизайнер”, не сразу понятно, чем он занимается изо дня в день. Собирательный термин “дизайнер” включает в себя множество разных обязанностей.

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

У дизайнерской проблемы нет единого решения.

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

UX-дизайнер

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

Интересующиеся свежими статьями собираются в группе UxJournal на Facebook

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

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

— Описание должности UX-дизайнера в Twitter

Пример экранов приложения, созданных UX-дизайнером. Создано: Neway Lau, Kitchenware Pro Wireframe Kit на Dribbble.

Над чем работает: Вайрфреймы экранов, карты истории (storyboard), карта сайта

Чем пользуется: Photoshop, Sketch, Illustrator, Fireworks, InVision

Как общается в дикой природе: “Каждый раз при завершении регистрации нужно отправлять пользователя на страницу “Спасибо”.

UI-дизайнер (дизайнер интерфейсов)

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

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

“Создавать и применять визуальный язык Airbnb.com. Разрабатывать и развивать гиды по стилю в контексте всего сайта”.

— Описание должности UI-дизайнера в Airbnb

Граница между UI и UX-дизайнером достаточно размыта и компании зачастую принимают решение объединить эти роли.

UI-дизайнер определяет общий лейаут и внешний вид приложения. Создано: Ionut Zamfir, Metro Style Interface 4 на Dribbble.

Чем пользуется: Photoshop, Sketch, Illustrator, Fireworks

Как общается в дикой природе: “Ссылки для входа и регистрации нужно разместить в верхнем правом углу”.

Визуальный дизайнер (графический дизайнер)

Визуальные дизайнеры корпят над незначительными деталями, которых остальные не замечают.

Визуальный дизайнер — это тот, кто копается в пикселях. Спросите любого человека (не-дизайнера), чем занимается дизайнер — и скорее всего он подумает именно о графическом дизайнере. Визуальному дизайнеру не важно, как экраны связаны между собой или как пользователь взаимодействует с продуктом. Он сконцентрирован на создании красивых иконок, кнопок и визуальных элементов, а также на подборе подходящих шрифтов. Визуальные дизайнеры корпят над незначительными деталями, которых остальные не замечают. Они часто работают в режиме 4–8-кратного зума в Photoshop.

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

— Описание должности визуального дизайнера в Google

Зачастую, если в компании нет должности визуального дизайнера, задача полировки элементов до последнего пикселя ложится на плечи UI-дизайнера.

Визуальный дизайнер, опираясь на гид по стилю, выверяет каждый пиксель элемента, чтобы добиться идеального результата. Создано: Seevi kargwal, iOS 7 Guide Freebie PSD на Dribbble

Чем пользуется: Photoshop, Sketch

Как общается в дикой природе: “Кернинг нарушен, а кнопка должна быть на пиксель левее”

Дизайнер взаимодействия (моушн-дизайнер)

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

“Необходимые качества и навыки: профессионализм в графическом дизайне, моушн-графике, цифровом искусстве, чувствительность к шрифтами и цветам, общие представления о материалах/текстурах и практическое понимание анимации. Знание iOS, OS X, Photoshop и Illustrator, а также общее представление о Director (или эквивалентном инструменте), Quartz Composer (или эквивалентном инструменте), компьютерном 3D-моделировании и моушн-графике”.

— Описание должности дизайнера взаимодействия в Apple

Чем пользуется: AfterEffects, Core Composer, Flash, Origami

Как общается в дикой природе: “Меню должно плавно появляться слева со скоростью 800мс”

UX-исследователь (Исследователь пользователей)

UX-исследователь — мастер потребностей пользователя.

UX-исследователь — мастер потребностей пользователя. Цель исследователя в том, чтобы ответить на 2 вопроса: “Кто наши пользователи?” и “Чего они хотят?”. Обычно это подразумевает опросы пользователей, исследование данных рынка и сбор информации. Дизайн — итеративный процесс. Исследователи принимают участие в этом процессе, проводя A/B-тесты для выявления той версии дизайна, которая максимально отвечает потребностям пользователя. UX-исследователи обычно базируются в крупных компаниях, где они могут получить доступ к большим объемам данных, которые позволяют делать статистически значимые выводы.

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

— Описание должности UX-исследователя в Facebook

Роль UX-исследователей временами выполняют UX-дизайнеры.

Над чем работает: архетипы пользователей (персоны), результаты A/B тестов, исследования и интервью пользователей

Чем пользуется: микрофон, бумага, документация

Как общается в дикой природе: “Исходя из результатов исследования, типичный пользователь…”

Фронтенд-разработчик (UI-разработчик)

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

Чем пользуется: CSS, HTML, JavaScript

Как общается в дикой природе: “Я пользуюсь 12-колоночной сеткой под 960px”

Продуктовый дизайнер

Продуктовый дизайнер — это всеобъемлющий термин, описывающий дизайнера, который в целом задействован в создании продукта: как на визуальном уровне, так и на уровне ощущений.

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

Некоторые компании используют термин “UX-дизайнер” или просто “дизайнер” как универсальный. Лучший способ понять, как компания распределяет обязанности между дизайнерами — это прочитать описание должностей.

“Владеть всеми типами дизайна: дизайн взаимодействий, визуальный дизайн, продуктовый дизайн, прототипирование. Создавать идеальные до последнего пикселя макеты и писать код для новых функций продукта для веб и мобильных устройств.”

— Описание должности продуктового дизайнера в Pinterest

“Ищу дизайнера”

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

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

Изначально оригинал статьи был опубликован здесь.

Профессия веб-дизайнер: UX/UI — кто это такой, как им стать и сколько они зарабатывают

Все курсы
- Программирование
  - Курс Веб-разработчик с нуля
  - Курсы Python программирования
  - Курсы Java программирования
  - Курсы тестировщиков ПО
  - Курсы Javascript (frontend разработка)
  - Курсы PHP программирования
  - Курсы 1С программирования
- Маркетинг
  - Курс SMM: Привлечение клиентов из соц сетей
  - Курсы по контекстной рекламе
  - Курс SEO: продвижение и оптимизация сайта
  - Комплексный интернет-маркетинг
  - Курсы таргетированной рекламы
  - Курсы продвижения в Instagram
- Дизайн
  - Курсы веб дизайна (UX/UI)
  - Графический дизайн (2 курса)
  - Курсы Motion Design
  - Курсы Adobe Photoshop
  - Курсы Adobe Illustrator
  - Курсы Autodesk 3Dmax
  - Курсы Autodesk Autocad
  - Курсы Adobe InDesign
- Курсы Microsoft Office
  - Углублённый курс Microsoft Excel
  - Курсы VBA в Microsoft Excel
  - Microsoft Office: Word, Excel
  - Курс Power BI: Query, Pivot, View
  - Microsoft Access (базы данных)
  - Курсы Microsoft PowerPoint
О нас
Блог
Компаниям

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 дизайн — 1C-UMI

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

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

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

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

Компоненты, составляющие UX-дизайн:

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

Разработка происходит в несколько этапов:

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

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

В процесс разработки вовлекается целая команда. Основные ее члены:

Непосредственные специалисты, занятые реализацией поставленных целей. Они работают над созданием продукта.
Фасилитатор (иногда его заменяет менеджер проектов) — человек, который регулирует трудовые процессы в команде, способствует комфортной рабочей атмосфере, решает конфликтные ситуации, если таковые происходят.
Фокус-группа — это потенциальные пользователи, помогающие улучшить продукт. Коллектив подбирают в самом начале. С людьми советуются по поводу структуры и задач, демонстрируют промежуточные результаты. Мнение фокус-группы очень важно, так как она представляет будущих потребителей.
Клиент — это заказчик, для которого разрабатывается продукт.

Такой подход называется совместной разработкой. Строгое следование планам, тесное сотрудничество всех членов команды, общие цели и мышление в одном направлении — гарантия получения хорошего UX-дизайна.

В целом качественный продукт формируют четыре главных фактора:

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

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

Этот термин в переводе с английского обозначает «пользовательский интерфейс». Такое понятие более узкое. Если сказать проще, то зона ответственности UI-дизайнера — внешний вид полей, кнопок и всего сайта в целом. Он подбирает правильное сочетание цветов, решает, какой шрифт использовать, какого размера должны быть буквы, нужна ли анимация и пр. Это помогает посетителю правильно взаимодействовать с сайтом, формирует нужное впечатление. Если работа выполнена некачественно (например, текст написан нечитабельным шрифтом), человек закроет страницу.

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

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

При разработке UI-дизайна не обойтись без вспомогательных инструментов:

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

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

Явные. Пример — кнопка «Подпишитесь», «Нажмите сюда» и пр.
Паттерны. Помогают однозначно понять элемент, даже если он не подписан. К примеру, если слово подсвечивается синим и подчеркнуто, человек догадается, что это — гиперссылка.
Скрытые. Для понимания действия компонента с ним необходимо что-либо сделать, например, навести курсор мыши.
Метафорические. Зачастую их смысл понятен из изображения. Пример — значок лупы (увеличение), конверт (обозначение электронной почты).
Ложные. Они не являются интерактивными, хотя на первый взгляд кажутся именно такими.
Негативные. Обозначает, что элемент неактивен, при клике никаких действий не произойдет. Распространенный метод реализации — выделение серым цветом.

Вместо заключения

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

Полное руководство по различиям между UI и UX-дизайном

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

Что такое User Experience Design?

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

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

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

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

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

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

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

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

В чем разница между UI и UX?

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

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

«Пользовательский опыт (UX) и пользовательский интерфейс (UI) — одни из самых запутанных и неправильно используемых терминов в нашей области. Пользовательский интерфейс без UX подобен художнику, который без раздумий наносит краску на холст; в то время как UX без пользовательского интерфейса похож на каркас скульптуры без бумажной спички.Хорошее впечатление от продукта начинается с UX, за которым следует UI. Оба важны для успеха продукта ».

Итак, очевидные различия между UI-дизайном и UX-дизайном приводят к разным ролям.

1. Другой фокус

Наиболее важное различие между дизайнерами UI и UX заключается в том, что они по-разному используют для создания прототипов. Многие дизайнеры пользовательского интерфейса считают, что прототип должен быть hi-fi моделью. Однако для UX-дизайнера о верности думают позже; они больше заботятся о логике.Проще говоря: когда вы собираетесь встретиться со своими клиентами, покажите им дизайн, сделанный дизайнером пользовательского интерфейса. Собираясь познакомиться с программистами, возьмите прототип, сделанный дизайнером UX.

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

2. Цвета, которые они используют

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

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

3. Инструменты, которые они используют

Поскольку роли дизайнеров UI и UX сильно различаются, инструменты, которые они используют, должны быть разными.Для дизайнеров пользовательского интерфейса создание изображений имеет первостепенное значение. Следовательно, такие инструменты, как Flinto и Principle, которые ограничены Sketch, имеют преимущество. InVision также является вариантом, и функция совместной работы делает его конкурентоспособным.

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

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

«Дизайн — это не просто то, как он выглядит и ощущается. Дизайн — это то, как это работает »

-SteveJobs

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

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

Если вас смущают упомянутые выше термины, ознакомьтесь с нашей статьей UX vs UI vs IA vs IxD, чтобы укрепить свое дизайнерское мышление.

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

Чем занимаются UI / UX-дизайнеры?

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

Career Foundry иллюстрирует ключевые обязанности каждой должности.

Навыки и обязанности UX-дизайнера

Контент / стратегия: анализ клиентов, анализ конкурентов, структура / стратегия продукта
Прототипирование и каркасное моделирование: прототипирование, тестирование / итерация, разработка, планирование, каркасное построение
Аналитика и выполнение: координация с разработчиком (ы), Координация с UI-дизайнером (-ами), Анализ и итерация, Отслеживание целей и интеграция

Итак, User Experience Designer несет ответственность не только за предварительное планирование и подготовку технологии, лежащей в основе продукта.Они также несут ответственность за взаимодействие пользователей онлайн и офлайн, включая обслуживание клиентов и аналитику.

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

Внешний вид: Разработка брендов и графики, руководства пользователя / сюжетная линия, анализ клиентов, исследования дизайна

Отзывчивость и интерактивность: Адаптация ко всем размерам экрана устройств, интерактивность и анимация, Реализация с разработчиком, прототипирование пользовательского интерфейса, реализация с разработчиком

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

Какой курс UI / UX-дизайна выбрать?

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

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

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

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

Согласно Glassdoor, средняя базовая зарплата дизайнера пользовательского интерфейса в Соединенных Штатах составляет 80 450 долларов в год, , в то время как средняя базовая зарплата дизайнера UX составляет 90 697 долларов.

Для получения дополнительной информации, вот исследование зарплат UI / UX дизайнеров со всего мира.

Итак, вы хотите быть дизайнером пользовательского интерфейса или дизайнером пользовательского интерфейса?

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

Ресурсы:

Руководства по дизайну UI / UX: 6 удивительных руководств по дизайну UIUX

Инструменты дизайна UI / UX: Лучшие инструменты и приложения для дизайна макетов и каркасов для UI / UX дизайнеров

Веб-сайты по дизайну портфолио: 20 лучших примеров веб-сайтов с портфолио, которые приносят вам вдохновение

Книги по UI / UX дизайну: Лучшие книги и ресурсы по UI / UX дизайну для дизайнеров

30 лучших бесплатных руководств по UX / UI дизайну (обновлено в 2019 г.)

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

Следующие 30 руководств по дизайну UX / UI — лучшие ресурсы для изучения дизайна UX / UI. Эта коллекция включает в себя руководства по дизайну пользовательского интерфейса для начинающих.Учебники по дизайну пользовательского интерфейса от w3schools, видео с уроками по дизайну UX на YouTube и многое другое. Я надеюсь, что эти ресурсы помогут вам лучше понять UX / UI и вдохнут новую жизнь в ваш дизайн.

5 лучших руководств по дизайну UX / UI на YouTube

1. Учебник по дизайну UX для начинающих (# 1)

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

Что вы узнаете:

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

2. Ускоренный курс по дизайну пользовательского интерфейса 2019 для начинающих

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

Что вы узнаете:

Очень важные основы дизайна, которые вам нужно понять в первую очередь.
Как создать дизайн с нуля с помощью приложения для создания прототипов Adobe XD
Мысли о дизайне пользовательского интерфейса

3. UX-дизайн и дизайн пользовательского интерфейса | Какая разница? Какой мне подходит?

Между UX и UI есть некоторое сходство, но эти две роли совершенно разные по своей природе.Ты знаешь разницу? Этот урок посвящен этому моменту и поможет вам прояснить ситуацию. Что наиболее важно, он разделяет несколько мнений, которых вам следует придерживаться.

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

Что вы узнаете:

Роли, инструменты и ожидания повседневной жизни для UX и UI рабочих мест
Полезные ссылки для обучения дизайну UX / UI

4.ДИЗАЙН ИДЕНТИЧНОСТИ: БРЕНДИНГ

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

Что вы узнаете:

Разница между идентичностью и брендингом
Как определить бренд
Как создать дизайн и набросать

5.Что такое UX-дизайн? Определение дизайна взаимодействия с пользователем и объяснение процесса

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

Что вы узнаете:

Что такое дизайн взаимодействия с пользователем
Что такое колесо взаимодействия с пользователем
Как изменить дизайн веб-сайта
Как определить личности пользователей и задачи пользователей

6 UX / Учебники по дизайну пользовательского интерфейса с примерами дизайна

6.Adobe XD Auto Animate App Design — Tutorial

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

Что вы узнаете:

Как создавать графики и анимировать числа
Как начать работу с Adobe XD

7. Учебное пособие по дизайну пользовательского интерфейса — карточка продукта | HTML CSS Speed Coding

В этом руководстве по дизайну пользовательского интерфейса вы научитесь создавать карточку продукта с помощью HTML и CSS.Если вас интересует кодирование, это видео идеально вам подойдет. В конце концов, при проектировании полезно знать немного кода.

Что вы узнаете:

Как разрабатывать и создавать веб-сайты
Как использовать код в дизайне

8. Как создавать шаблоны в Photoshop | Учебник по веб-дизайну UI / UX Бесплатно

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

Что вы узнаете:

Как начать работу с Photoshop
Как создать веб-шаблон

9. Страница входа в систему Учебное пособие по дизайну мобильных приложений | UI / UX дизайн | Как разработать пользовательский интерфейс | # Maxpoint-Hridoy

В этом уроке Photoshop вы узнаете, как создать страницу входа в мобильное приложение. Страница, созданная в видео для iPhone 6, имеет плоский дизайн.Это руководство по дизайну мобильного приложения также покажет вам общий процесс и шаги по созданию классного мобильного приложения.

Что вы узнаете:

Материальный дизайн
Как создать дизайн мобильного интерфейса
Как создать макет приложения в Photoshop CC

10. Учебное пособие по дизайну целевой страницы Adobe XD с помощью unDraw

Это руководство предназначено для изучения UI / UX-дизайна и использования инструмента дизайна Adobe XD. В этом видео вы узнаете, как создать красочную целевую страницу для маркетинговой компании с иллюстрациями unDraw и Adobe XD.

Что вы можете узнать:

Что такое целевая страница
Как создать целевую страницу

11. Процесс разработки логотипа от начала до конца

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

5 Учебники по дизайну UX / UI с использованием программного обеспечения для дизайна пользовательского интерфейса

12.Дизайн пользовательского интерфейса в Photoshop — Простое руководство по Photoshop

Программное обеспечение для создания пользовательского интерфейса: Photoshop

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

13.Как дублировать объекты по кругу »вики полезно Учебник Illustrator

Программное обеспечение для дизайна пользовательского интерфейса: Adobe Illustrator CC 2017

Adobe XD — это инструмент для дизайна и создания прототипов. В этом руководстве вы узнаете, как создать пользовательский интерфейс мобильного приложения в Adobe XD. В следующем эпизоде вы узнаете, как анимировать дизайн с помощью приложения ProtoPie. Вы также научитесь разрабатывать адаптивные веб-сайты с мощным взаимодействием и без необходимости кодировать. Лучше всего? Все это бесплатно!

14.Дизайн пользовательского интерфейса мобильного приложения в Adobe XD — 1 из 2

Инструмент дизайна пользовательского интерфейса: Adobe XD

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

15.Создание пользовательского интерфейса веб-приложения Nike в Sketch — Учебное пособие по Speed Art

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

Sketch — это инструмент векторного дизайна. В этом руководстве показано, как создать пользовательский интерфейс веб-сайта Nike в приложении Sketch.

16. Видео с использованием инструмента интеллектуального прототипирования — Mockplus

Инструмент дизайна пользовательского интерфейса: Mockplus

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

17. Учебное пособие по дизайну UX / UI для начинающих в формате PDF

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

Бесплатная загрузка

18. Курс дизайна, который является простым и полезным — хак-дизайн

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

19. Вопрос, который стоит задать всем UI / UX-дизайнерам: что такое дизайн-мышление?

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

20. Учебник UI UX Design просто определяет ваш процесс проектирования — Основы UX: прототипирование Джеймсом Уильямсоном

С точки зрения Джеймса Уильямсона, процесс проектирования состоит из 5 шагов:

Мозговой штурм
Планирование проекта
Прототипирование
Тестирование
Доработка

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

21. 40 отличных примеров дизайна UI / UX-дизайна Учебники от Forty Agency

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

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

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

23. Пользовательский интерфейс CSS — w3schools

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

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

Бесплатная загрузка

Учебное пособие по дизайну UX / UI [Статьи]

24. Начало работы с каркасами

Это руководство расскажет, что вам нужно знать о каркасах, почему и как их следует использовать в рабочем процессе.

25. 5 шагов для успешного дизайна веб-сайта

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

26. Руководство для новичков о том, что такое веб-дизайн и как он работает

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

27. Как создавать прототипы с помощью инструмента для создания прототипов Mockplus

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

28. Подробное руководство по тому, что такое каркас — каркасный дизайн веб-сайта

Что такое каркас? Как создать каркас сайта? Какой инструмент для создания каркасов вам нужен? Все о вайрфреймах будет объяснено в этой статье.

29. Почему продуктовое мышление — это следующая важная вещь в UX-дизайне

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

30. UX-дизайн для мобильных устройств: нижняя навигация

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

В заключении

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

10 самых важных отличий, которые вы должны знать!

Домой
Тестирование
- - Назад
  - Agile-тестирование
  - BugZilla
  - Огурец
  - Тестирование базы данных
  - Тестирование ETL
  - Jmeter
  - JIRA
  - Нагрузка для JIRA
  - Назад
  - Центр качества (ALM)
  - RPA
  - SAP Testing
  - Selenium
  - SoapUI
  - Управление тестированием
  - TestLink
SAP
- - Назад
  - ABAP
  - APO
  - Начать er
  - Basis
  - BODS
  - BI
  - BPC
  - CO
  - Назад
  - CRM
  - Crystal Reports
  - FICO
  - HANA
  - HR
  - MM
  - QM
  - Зарплата
  - Назад
  - PI / PO
  - PP
  - SD
  - SAPUI5
  - Безопасность
  - Менеджер решений
  - Successfactors
  - SAP Tutorials
Web
- - Назад
  - ApacheS
  - Angular
  - ASP.Net
  - C
  - C #
  - C ++
  - CodeIgniter
  - СУБД
  - JavaScript
  - Назад
  - Java
  - JSP
  - Kotlin
  - Linux
  - MariaDB
  - MS Access
  - MYSQL
  - Node. js
  - Perl
  - Назад
  - PHP
  - PL / SQL
  - PostgreSQL
  - Python
  - ReactJS
  - Ruby & Rails
  - Scala
  - SQL
  - SQLite
  - Назад
  - SQL Server
  - UML
  - VB.Net
  - VBScript
  - Веб-службы
  - WPF
Обязательно изучите!
- - Назад
  - Бухгалтерский учет
  - Алгоритмы
  - Android
  - Блокчейн
  - Бизнес-аналитик
  - Создание веб-сайта
  - Облачные вычисления
  - COBOL
  - Дизайн компилятора
  - Назад

UX vs UI: ключевые различия, которые должен знать каждый дизайнер

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

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

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

Давайте посмотрим, как эти две области различаются и формируют проект.

Определены UX и UI

Возможно, вы слышали, что люди используют UX и UI как синонимы, но это не одно и то же.

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

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

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

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

Питер Морвилл, дизайнер и информационный архитектор, разработал соты для взаимодействия с пользователем, чтобы проиллюстрировать 7 аспектов дизайна взаимодействия с пользователем:

Соты пользовательского опыта.Источник изображения: Semantic Studios.
‍
На диаграмме выделены области, важные для хорошего взаимодействия с пользователем. Это полезный инструмент для дизайнеров и заинтересованных сторон, позволяющий постоянно улучшать продукты и услуги.
UX-мышление всегда восходит к вашей аудитории. Понимая цели целевой аудитории, UX-дизайнеры могут принимать правильные решения, которые направляют аудиторию туда, куда они хотят.
Что такое дизайн пользовательского интерфейса?
Дизайн пользовательского интерфейса ориентирован на внешний вид и макет — то, как будет выглядеть каждый элемент продукта, включая кнопки, заполнители, текст, изображения, флажки и любые элементы визуального интерфейса, с которыми люди взаимодействуют.
UX-дизайн определяет, как работает интерфейс и как люди с ним взаимодействуют, а дизайн пользовательского интерфейса создает внешний вид интерфейса. UX больше связан с концептуальными аспектами, а UI фокусируется на эстетических аспектах продукта — цветовых палитрах, стилях кнопок, анимации, графике, типографии, диаграммах, виджетах и многих других элементах для создания веб-сайтов, приложений, плагинов, тем и т. Д. выглядят аккуратно и аккуратно, но при этом интуитивно функциональны для пользователя.
UX-дизайнеры проводят исследования и анализ рынка, чтобы узнать о потребностях и желаниях клиентов, прежде чем приступить к проектированию функциональности продукта.Дизайнеры пользовательского интерфейса постоянно следят за графическими шаблонами и тенденциями дизайна, которые развиваются по мере изменения вкусов и поведения клиентов.
В нашу многоэкранную эпоху, когда преобладают мобильные устройства, адаптивный дизайн стал неотъемлемой частью дизайна пользовательского интерфейса. Конечная цель адаптивного дизайна — сделать интерфейсы доступными для просмотра на любом настольном или мобильном устройстве. Дизайнеры пользовательского интерфейса оптимизируют интерфейсы для различных устройств, поэтому продукты нравятся пользователям как настольных, так и мобильных устройств. Вместо того, чтобы создавать разные версии для разных устройств, дизайнеры пользовательского интерфейса создают одну версию, которая масштабирует контент и элементы для соответствия любому размеру экрана.
Вот пример целевой страницы, макет которой изменяется для отображения на экранах разных размеров:
Изображение предоставлено Webflow.
‍
Принципы
Essential UI помогают дизайнерам создавать элегантные и простые в использовании взаимодействия и продукты, ориентированные на человека. Многие дизайнеры, использующие Webflow, применили эти рекомендации для создания интуитивно понятного и увлекательного взаимодействия.
Ключевые различия между UX и UI
UX и UI являются важными компонентами, которые могут создать или испортить продукт.Они тесно сотрудничают, чтобы решить, как продукт выглядит и функционирует. Как мы можем дополнительно определить UX и UI, чтобы уловить основные различия между ними?
UX ищет решения, а пользовательский интерфейс определяет внешний вид
UX-дизайн в основном связан с ожиданиями пользователя от продукта или услуги. Конечная цель UX — найти и решить проблемы, с которыми борются клиенты.
Мобильное приложение
Wealthfront отлично помогает клиентам зарабатывать больше процентов на свои деньги.Принятие инвестиционных решений затруднительно для людей с небольшими финансовыми знаниями и профессиональным опытом. Чтобы решить эту проблему, Wealthfront демистифицирует процесс и автоматически реализует инвестиционные стратегии для пользователей с небольшими затратами.
Когда кто-то регистрируется в первый раз, приложение предлагает ему заполнить анкету, чтобы собрать информацию об их финансовом положении. На основе их терпимости к личному риску приложение автоматически генерирует рекомендации о том, как их средства должны быть инвестированы в диверсифицированный портфель.
Вся информация представлена в понятной, легко доступной копии. Клиент может легко найти объяснение своей оценки риска, сравнить относительное распределение своих активов и найти незнакомые определения, щелкнув термины с гиперссылками на экране. Этот умный UX помогает укрепить доверие и уверенность в неопределенном предприятии, таком как инвестирование, и в самом приложении.
Поставить себя на место вашей аудитории не означает, что UX-дизайн пренебрегает практическими бизнес-целями компании.Бизнес-модель Dropbox freemium требует от команды UX достижения KPI конверсии (ключевого показателя эффективности). Они должны использовать стратегии UX, чтобы поощрять бесплатные аккаунты к обновлению на протяжении всего пути к продукту.
Dropbox знает, что неоплаченным аккаунтам потребуется больше места для хранения, поскольку они используют свободное место. Но вместо того, чтобы ждать, пока люди достигнут своего лимита, чтобы запросить обновление, Dropbox постоянно показывает призывы к действию (CTA). CTA напоминают людям об ограничениях бесплатного плана и предлагают возможность воспользоваться преимуществами улучшенного бизнес-плана.
С другой стороны, дизайн пользовательского интерфейса отвечает за моделирование того, что дизайнеры UX создают за кулисами. UI создает интерфейс продукта на основе функциональных требований и применяет теории дизайна, стандарты и эстетику для создания впечатлений мирового класса на экране.
Spacetime был создан, чтобы помочь удаленным командам управлять своим расписанием и эффективно координировать свою работу независимо от того, где они находятся.
Spacetime использует простые визуальные эффекты с большим количеством белого пространства для повышения четкости. Использование цвета помогает пользователям интерпретировать и сравнивать. Зеленый цвет обозначает часы работы, отработанные человеком, синий — то, что осталось в течение дня, а красный — отсутствие работы. Отличная визуализация позволяет легко сравнивать расписания команд.
UX фокусируется на пути пользователя, а пользовательский интерфейс — на снимках продукта
Ваша аудитория — это основа UX.Большая часть исследований, тестирования и экспериментов в области UX сосредоточена на изучении и улучшении взаимодействия с пользователем. Поведение, функциональные взаимодействия и эмоциональные реакции на протяжении всего пути пользователя являются основой UX-стратегий компании.
Что заставляет клиентов уклоняться от функции? Что мешает им прокрутить страницу вниз или перейти к другой? Почему они наводят курсор на раздел содержимого, не нажимая кнопку CTA? Должны ли мы клонировать выигрышную функцию конкурента или создать что-то оригинальное? Специалисты по UX-стратегии исследуют процесс мышления и принятия решений клиента с помощью таких ориентированных на пользователя вопросов.
С другой стороны, дизайнеры пользовательского интерфейса сосредотачиваются на макете, чтобы доставить удовольствие клиентам и побудить их предпринять желаемые действия, разработанные их коллегами по UX. Дизайнеры пользовательского интерфейса сочетают в себе графику, взаимодействие, движение и брендинг для создания наилучшего макета. Их задача — превратить концептуальный контент и макет в привлекательный, интуитивно понятный и отзывчивый интерфейс для пользователей.
Должны ли мы использовать трехмерную иллюстрацию, чтобы усилить контраст и добавить глубины и реализма? Поможет ли нам выделиться брутализмом? Дизайнеры пользовательского интерфейса рассматривают эти вещи, чтобы максимизировать эстетику и эффективность дизайна интерфейса.
UX и UI дополняют друг друга
UX и UI дизайн совершенно разные. Их сравнение может означать, что они могут работать независимо, не влияя друг на друга, но это не так. И UX, и UI-дизайн служат для максимального удобства пользователей. UX определяет, куда хочет пойти аудитория, а UI помогает им туда попасть.
Совместите свои команды дизайнеров и инженеров с помощью инструмента для создания прототипов, который устраняет разрыв между дизайном и разработкой.Источник изображения: Webflow.
UX и UI одинаково важны. Каким бы красивым ни был пользовательский интерфейс, без UX пользователи сочли бы продукт бесполезным, и их основные потребности не были бы удовлетворены. А без эффективного и приятного дизайна пользовательского интерфейса даже отличный UX стал бы тупым. UX и UI-дизайн одинаково важны для создания выигрышных продуктов и определения внутреннего механизма серверной части и внешнего вида передней части.
У дизайнеров UX и UI разные роли
Поскольку природа UX и UI различна, дизайнеры каждой профессии выполняют разные задачи в своей повседневной работе.
UX-дизайнеры за работой
UX-дизайнеры сосредотачиваются на создании структуры, потока и функциональности продукта. Прежде всего, они тесно сотрудничают с маркетологами, бизнес-аналитиками и продуктовыми группами, чтобы понять потребности пользователей.
После определения целевой аудитории и целей UX-дизайнеры анализируют рыночные данные, сравнивают контрольные показатели, проводят пользовательское тестирование и анализ конкурентов, чтобы создавать решения, улучшающие взаимодействие с пользователем на каждой точке взаимодействия.
После проведения исследования и анализа дизайнеры UX будут рисовать каркасы для иллюстрации элементов, контента и взаимодействия с пользователем. Затем они создадут прототипы из каркасов, добавив функциональную информационную архитектуру.
После обсуждения и передачи прототипов дизайнерам пользовательского интерфейса, дизайнеры UX останутся и продолжат консультации по проекту.
UI дизайнеры за работой
Вместе с UX-дизайнерами они обсуждают структуру и внешний вид проекта.Следуя визуальной идентичности, руководствам по стилю и комплектам пользовательского интерфейса, дизайнеры пользовательского интерфейса создают макеты высокой точности с адаптивными рекомендациями, а затем определяют анимацию и переходы.
Чтобы помочь разработчикам понять проект, дизайнеры пользовательского интерфейса создают исчерпывающие руководства по стилю и справочные руководства. На этапе разработки дизайнеры пользовательского интерфейса работают в тесном сотрудничестве с разработчиками, чтобы тестировать и оставлять отзывы о продукте, пока не будет завершена финальная версия.
Поскольку дизайнеры UX обычно несут ответственность за общий результат проекта.Они будут тесно координировать и контролировать работу UI-дизайнеров и разработчиков, чтобы конечные продукты были именно тем, что нужно их аудитории.
Создание прототипов в Webflow поможет объединить ваши проектные и инженерные группы на одной странице и упростить процесс проектирования и разработки. Создание прототипов в Webflow позволяет команде дизайнеров использовать HTML и CSS, не обучаясь программированию. А разработчики могут создавать интерфейсы на основе полнофункциональных прототипов, созданных с использованием чистого семантического кода.
Рекомендуется ли смешанная роль дизайнера UX / UI?
Хотя легко увидеть, как эти две дисциплины могут пересекаться, каждая роль играет одинаково важную роль в процессе создания успешных продуктов и не должна сочетаться. Обе работы требуют времени и усилий и заслуживают преданных своему делу специалистов.
В интересах как пользователей, так и компании — а также для увеличения шансов на успех проекта — дизайнеров пользовательского интерфейса и пользовательского интерфейса следует нанимать отдельно.
UX и UI живут в гармонии
Хотя UX и UI служат одним и тем же бизнес-целям, они требуют разных мыслительных процессов и сильных сторон. UX-дизайн основан на желаниях и потребностях аудитории, а UI-дизайн основан на исследованиях, рекомендациях и требованиях дизайнера UX.
Результаты
UX включают результаты исследований, каркасы и прототипы. Результаты UI включают макеты, эскизы, макеты и графику. UX-дизайнеры, как правило, обладают сильным критическим и стратегическим мышлением, а UI-дизайнеры специализируются на визуальной стороне вещей.
UX — это наука, а UI — это искусство. Если вы хотите заниматься UX или UI, важно понимать их тонкие различия и то, какая роль лучше всего соответствует вашим сильным и слабым сторонам.
Что такое дизайн пользовательского опыта (UX)?
Если есть профессия, которая на 100% связана с представлением общественности о том, что такое дизайн, то это графический дизайн. От знакомых золотых арок бренда McDonald’s до типографики и цветов постеров к фильмам — графические дизайнеры создают вокруг нас одни из самых знаковых и вездесущих дизайнов.Так зачем графическому дизайнеру, как вы, менять свою карьеру на UX-дизайн? Ну, во-первых, многое можно сказать о чувстве удовлетворения и удовлетворения, возникающем от того, что вы «под капотом» продуктов, над которыми вы работаете, вместо того, чтобы работать над внешним видом. Кроме того, согласно PayScale, средняя зарплата графического дизайнера в США составляет 41 000 долларов ⁽¹⁾, а у дизайнера UX — колоссальные 74 000 долларов ⁽²⁾ долларов. Ясно, что это может быть очень полезным.Но как перейти от графического дизайна к UX-дизайну? Давайте выясним.
Пользовательский опыт (UX) — это то, что испытывает пользователь определенного продукта при использовании этого продукта. Таким образом, работа UX-дизайнера состоит в том, чтобы создать продукт, обеспечивающий наилучшее взаимодействие с пользователем. Как это случилось?
Ну, это начинается с большого исследования. Вы не сможете создать что-либо ценное для пользователя, если не поймете, какие проблемы они хотят решить и как вы можете решить эти проблемы, чтобы пользователь захотел — или, что еще лучше, нуждался — в вашем решении.Вы можете получить это понимание, только взаимодействуя с пользователями.
UX-дизайнеров обычно волнуют, как вы можете видеть на изображении ниже, 3 основных фактора: внешний вид продукта, ощущение от этого продукта и удобство использования этого продукта.
Внешний вид продукта — это создание продукта, который имеет визуальную привлекательность и, в частности, гармонирует с ценностями пользователя и отражает дух того, чего они ожидают от этого продукта. Другими словами, он должен не только красиво выглядеть, но и хорошо выглядеть.Тем самым он устанавливает доверительные отношения между продуктом и пользователем.
Следующее — это чувство, которое на самом деле связано с разработкой продуктов, которые «приятно использовать». То есть независимо от того, взаимодействуете ли вы с ними или реагируете на них, продукты должны приносить удовольствие, а не только функционально.
Наконец, удобство использования является краеугольным камнем взаимодействия с пользователем. Если продукт непригоден для использования, опыт его использования никогда не может быть хорошим. UX-дизайнеры хотят создавать продукты, которые в идеале могут быть адаптированы для удовлетворения конкретных потребностей пользователя, но которые обеспечивают предсказуемую функциональность.
Если вы все еще не знаете, что такое UX-дизайн, не волнуйтесь! У нас есть серия статей, которые могут помочь вам определиться — они исследуют некоторые высокоуровневые ключевые концепции UX-дизайна немного более подробно, чем мы можем здесь:
Введение в удобство использования
Юзабилити vs Желанность
Что такое интерактивный дизайн?
Что общего у графического дизайна и UX-дизайна?
Эмоциональный дизайн

Графический дизайн — это эмоциональная коммуникация посредством типографики, цвета и изображений; шрифты с засечками и темные, более тусклые цвета вызывают серьезность, в то время как шрифты с засечками и яркие цвета, как правило, вызывают чувство радости или волнения.Следовательно, графические дизайнеры очень часто оказываются эмоциональными дизайнерами, вызывающими у пользователя определенные реакции. UX-дизайн также связан с формированием эмоций пользователя, хотя он, как правило, дает более широкое представление о взаимодействии пользователя с продуктом в целом. Помимо правильной типографики и цветов, дизайнеры UX также заботятся о моушен-дизайне, тоне контента и информационной архитектуре, среди прочего.
Креативное мышление
Графические дизайнеры и дизайнеры UX в равной степени обладают творческим мышлением.Для графических дизайнеров создание визуальных элементов, которые придерживаются соглашений (и, следовательно, эффективно взаимодействуют), при сохранении чувства оригинальности (чтобы выделиться среди конкурентов), требует серьезного творческого и критического мышления. Точно так же UX-дизайнеры должны создавать продукты, которые решают проблемы пользователей, и иногда традиционные решения не всегда являются лучшими или наиболее подходящими.
Прототипирование
Графические дизайнеры часто создают макеты и каркасы своих проектов перед тем, как предоставить готовый дизайн.Это дает клиентам возможность высказывать отзывы о своих проектах и улучшать их, не начиная с нуля. UX-дизайнеры тоже создают макеты и прототипы, но они, как правило, меньше фокусируются на «внешнем виде» продукта, а больше на его «ощущении». Полезен ли прототип? Это можно использовать? Это желательно? Это вопросы, на которые UX-дизайнер хочет получить ответы.
Различия между графическим дизайном и UX-дизайном
Ориентация на пользователя и на пиксель
Графические дизайнеры стремятся к совершенству пикселя в своих проектах.Обеспечение идеального кернинга текстов и соответствия цветов рекомендациям бренда часто занимает значительную часть работы графических дизайнеров — и не зря. Однако UX-дизайнеры в первую очередь ориентированы на пользователей. Они изучают интерфейс между пользователями и продуктом, находя способы гарантировать, что продукт отвечает основным потребностям пользователя. И они делают это, проводя множество исследований — разговаривая с пользователями и наблюдая за ними, создавая образы и истории пользователей, выполняя юзабилити-тестирование продуктов и многое другое.Графическим дизайнерам, желающим сменить карьерный путь, потребуется проделать значительный объем работы, чтобы выяснить, как проводить исследования пользователей (подробнее об этом чуть позже в статье).
Итеративное решение проблем
UX-дизайн — это во многом итеративный процесс решения проблем, который может сильно отличаться от того, что вы привыкли делать как графический дизайнер. Он начинается с выявления проблемы; это часто обнаруживается в ходе исследования пользователей, а если нет, то это подтверждается исследованиями пользователей.Нет смысла решать проблемы, которые не волнуют пользователей; они не будут платить за решение этих проблем, а это значит, что ваша компания не будет зарабатывать деньги.

Начиная со стадии выявления проблемы, проводятся дополнительные исследования, чтобы выяснить, как лучше всего решить проблему таким образом, чтобы пользователь был доволен — обычно посредством наблюдений, опросов, этнографических исследований и т. Д.
Это исследование затем информирует дизайн продукта. Затем проекты тестируются с пользователями, чтобы увидеть, привели ли исследования к правильным решениям.Дизайн постоянно совершенствуется, пока исследования не подтвердят, что он достаточно хорош.
Как только это происходит, продукт запускается, но процесс проектирования еще не закончен. Дизайн будет постоянно тестироваться, и отзывы пользователей будут приниматься во внимание, таким образом начнется новый раунд пользовательских исследований. На основе этих отзывов будут внесены дальнейшие улучшения в дизайн.
Междисциплинарный и специализированный
Графический дизайн — это специализированная дисциплина, и для создания великолепных визуальных эффектов требуется определенный уровень мастерства и набор специализированных навыков (таких как типографика и теория цвета).С другой стороны, UX-дизайн является гораздо более междисциплинарным и включает в себя множество школ знаний. UX-дизайнеры должны постоянно изучать человеческую психологию, дизайн взаимодействия, информационную архитектуру и методы исследования пользователей, и это лишь некоторые из них, чтобы находить правильные решения проблем пользователей. Дон Норман, человек, придумавший термин «пользовательский опыт», объясняет, что пользовательский опыт охватывает «все аспекты взаимодействия человека с системой, включая графику промышленного дизайна, интерфейс, физическое взаимодействие и руководство.”
Большое преимущество опыта графического дизайна при переходе на UX-дизайн
Aesthetics
Самым большим преимуществом для графических дизайнеров, переходящих на UX-дизайн, является то, что они могут делать вещи привлекательными. Очень распространенное заблуждение о UX-дизайне состоит в том, что хорошее юзабилити важнее эстетики. Напротив, было обнаружено, что хорошая эстетика улучшает общее впечатление пользователя о продукте, делая пользователей более расслабленными, создавая положительное первое впечатление и, как правило, просто показывая, что вам не все равно. ⁽³⁾.
Эстетика также помогает дизайнерам общаться с внутренними заинтересованными сторонами в своих компаниях. Бывшие графические дизайнеры могут представить результаты исследований таким образом, чтобы заинтересованные стороны действительно обратили внимание. Навыки графического дизайна часто считаются необязательными в исследованиях UX, но было бы трудно отрицать влияние хорошо представленных красивых результатов. Если вы все же внесете изменения, вам нужно будет сбалансировать свою тенденцию делать вещи великолепными с необходимостью продвижения ваших дизайнерских проектов.В UX-дизайне бывают моменты, когда нескольких каракулей на обратной стороне салфетки более чем достаточно, чтобы все заработало; в таком случае не тратьте 3 дня на изготовление плаката.
Условные обозначения и тенденции
Опыт работы в области дизайна означает не только хорошее владение терминологией дизайна, но и то, что вы, вероятно, знакомы с условностями и тенденциями в дизайне веб-сайтов или приложений. В большинстве случаев дизайнеры UX используют стандартные соглашения (например, тумблер для включения / выключения, раскрывающийся список для нескольких параметров и т. Д.), потому что пользователи ожидают такого взаимодействия на веб-сайте. Графические дизайнеры, особенно если вы создавали прототипы в прошлом, также знакомы с такими условностями. Это означает, что вы быстрее приспособитесь к роли UX-дизайнера, чем тот, кто не занимается дизайном. Может показаться, что это не так уж много, но общение — это ядро любого проекта UX-дизайна, и возможность поговорить с вами — большое преимущество.
Есть ли разрыв между навыками графического дизайна и навыками UX-дизайна? Да, но это не непреодолимая проблема.Графические дизайнеры уже говорят на языке дизайна; им просто нужно освежить свои навыки, чтобы включить в них те, которые уникальны для UX-дизайна.
Когда у вас появятся эти навыки, вы можете начать использовать их в своей работе графического дизайна (потому что дизайн пользовательского опыта может информировать графический дизайн так же, как и дизайн продукта) и начать адаптировать свое резюме, чтобы подчеркнуть свои навыки UX как а также ваши навыки графического дизайна.
Как мы упоминали выше, настоящий ключ для графических дизайнеров — это понимать исследования пользователей во всех их формах.Все перечисленные ниже курсы должны в большей степени удовлетворять эту потребность.
Онлайн-курсы
Interaction Design Foundation
Мы хотели бы скромно представить наши собственные предложения по этому вопросу, так как Interaction Design Foundation является крупнейшим в мире сообществом специалистов по дизайну. Дон Норман, тот же человек, который ввел термин «пользовательский опыт» и который является одним из самых известных дизайнеров в мире, говорит, что мы «золотая жила информации о дизайне взаимодействия»; Журнал Forbes сообщает, что мы обеспечиваем образование в области UX-дизайна на уровне Ivy League!
Есть три курса, которые мы составили специально для смены карьеры или первой работы в UX-дизайне.В программе «Стать UX-дизайнером с нуля» вы познакомитесь со всеми областями работы с UX, получите базовые практические навыки для работы с UX и обретете уверенность в работе с клиентами UX в качестве консультанта. В статье «Получите свою первую работу в качестве дизайнера UX (или взаимодействия)» вы узнаете, как получить опыт в UX, который ищут потенциальные работодатели, научитесь составлять выигрышное сопроводительное письмо, резюме и портфолио, чтобы пройти собеседование по UX, и обсудить предложение о работе. А в разделе «Исследование пользователей — методы и передовой опыт» вы узнаете о различных методах проведения исследований пользователей, а затем примените их результаты на практике.
Мы также предлагаем ряд других курсов (32, и их количество постоянно растет!), Которые помогут вам в дальнейшем развивать свои навыки в UX-дизайне. Хорошая новость заключается в том, что за небольшую годовую плату вы получаете доступ ко всем нашим курсам в течение года без дополнительной оплаты, а также получаете доступ к нашему сообществу.
Здесь вы можете узнать о других наших курсах.
Coursera
Вы также можете попробовать себя в Coursera.org, недорогом, но высококачественном образовательном учреждении, предлагающем курсы по широкому кругу предметов, включая UX.Им управляет консорциум университетов, и курсы в целом очень хорошие. Хотя все их курсы раньше были бесплатными (что было отличной ценой), в настоящее время они взимают плату за курс за большинство программ. Также стоит отметить, что их курсы доступны нечасто (не чаще одного-двух раз в год).
Udemy
Udemy — крупнейший в мире брокер по обучению. Они не разрабатывают собственное обучение; скорее, они позволяют создателям курсов продавать свои курсы на своей платформе.Они предлагают буквально тысячи курсов практически по любому мыслимому предмету. Проблема в том, что Udemy не обеспечивает контроль качества, и хотя вы можете найти там несколько отличных курсов, есть много не очень хороших курсов.
Аудиторные курсы
Nielsen Norman Group
Если у вас более глубокие карманы и вы предпочитаете учиться в классе, а не в Интернете, то вы можете ознакомиться с очными курсами, предлагаемыми Nielsen Norman Group. Группа имеет отличную репутацию и является одной из самых уважаемых в мире консалтинговых компаний по UX.Они предлагают свои курсы в разных местах, но мы не можем гарантировать, что вы найдете такой у себя на пороге, и вам, возможно, придется преодолеть некоторое расстояние, чтобы принять в них участие.
General Assembly
Мы также считаем, что General Assembly имеет отличную репутацию в области предоставления иммерсивных учебных курсов по UX-дизайну. Опять же, это недешево, но это всегда будет справедливо для профессионального обучения в классе. Вы можете выбирать между курсами неполного или полного дня. Поскольку они короткие, они повторяются каждые несколько месяцев.Однако они доступны только в определенных местах, и вам нужно будет включить в общую стоимость путевые расходы и расходы на проживание, если вы не живете поблизости.
Университетские курсы
Мы не уверены, что университет — лучший вариант для тех, кто хочет сменить направление карьеры; дело не только в деньгах, но и во времени. Вы можете зарабатывать и учиться, используя другой метод, вместо того, чтобы тратить 3 или 4 года на получение степени бакалавра или 2 года на программу магистра.Однако, если вы все же решите пойти по пути университета, вам нужно будет потратить много времени на поиск именно той программы, которая вам подходит. У нас есть для вас несколько примеров, но во всем мире существуют буквально сотни программ, и мы не могли надеяться охватить их все.
Карнеги-Меллон — программы HCI
Йоркский университет — магистр в области технологий HCI
Мы настоятельно рекомендуем вам сесть с калькулятором и подумать о расходах, связанных с поступлением в университет, прежде чем бронировать место.HSBC, по данным Top Universities, обнаружил, что средний университетский курс в США будет стоить вам 36 564 доллара в год (включая аренду, обучение, книги и т. Д.). ⁽⁴⁾ За 4 года обучения это означает выделение классных 146 256 долларов — и это без затрат на ссуду для покрытия этих расходов.
Но и это еще не все — вам также придется отказаться от работы полный рабочий день. По данным Бюро переписи населения США, выпускник, не имеющий высшего образования, зарабатывает в среднем 27 351 доллар в год. ⁽⁵⁾ Это дает нам 4-летнюю альтернативную стоимость (то есть доход, который вы упустили во время учебы в университете) в размере 109 404 доллара.Это означает, что 4 года в университете обойдутся вам в 255 660 долларов!
Если вы не знаете, в какое обучение вкладывать средства, ничего страшного. Мы знаем, что может сбивать с толку попытка понять, что принесет больше пользы вашей карьере. Имея это в виду, мы составили часть, которая проведет вас через расчет рентабельности инвестиций в обучение. Надеюсь, это поможет вам решить, что подходит именно вам.
Сеть
После того, как вы обновите свой набор навыков и почувствуете, что готовы к этой первой роли UX, вам, возможно, будет удобно заняться нетворкингом.Наилучшие возможности почти всегда можно найти, когда кто-то, уже работающий в этой области, рекомендует вас на должность. LinkedIn — одно из лучших мест для начала работы в сети. Присоединяйтесь к некоторым группам UX, начните вносить свой вклад и создайте важную сеть со своими коллегами. Но не торопитесь; не приходи просто приходить и просить о работе. Вам нужны отношения с людьми, прежде чем они помогут.
Мы также предлагаем отличные возможности для нетворкинга как для наших участников, так и для тех, кто не является членами.Участники могут присоединиться к нашему глобальному сообществу профессионалов UX в многочисленных дискуссионных группах и форумах, которые мы предоставляем; у нас самое большое сообщество дизайнеров-специалистов в мире, поэтому у нас есть много возможностей для открытия. Для членов и нечленов мы также проводим собрания местных групп во многих местах по всей планете. Эти встречи абсолютно бесплатны для посещения и являются отличным способом познакомиться с людьми, занимающимися UX в вашем родном городе или городе. Узнайте больше на нашей странице сообщества.
Еще один полезный способ начать нетворкинг — следить за известными членами сообщества дизайнеров UX в Twitter.Вы не только многому у них научитесь, но и сможете взаимодействовать с их подписчиками (которые, скорее всего, будут такими же дизайнерами, как и вы). Мы составили список из двадцати человек, на которых вы должны подписаться в Twitter в сфере UX, чтобы начать работу.
Наставничество и обратная связь
Еще один отличный способ развить вашу карьеру — это работать с наставником в области UX, который «побывал там, сделал это и купил футболку», по крайней мере, так сказать. Вы можете найти наставника через свою собственную сеть, и это отличный способ связаться с наставником, но если вы не можете, то наши члены IxDF Design League могут получить доступ к нашей сети наставников по дизайну в рамках своих ежегодных членских взносов.
The Take Away
Если вы хотите перейти от графического дизайна к UX-дизайну в качестве карьеры, это здорово. Это будет не так сложно, как вы думаете. Вам просто нужно немного потренироваться за плечами, чтобы понять, чем занимается UX-дизайнер, а затем вы сможете применить некоторые из этих методов в своей текущей должности. Затем, когда вы думаете, что настало время, вы можете начать нетворкинг и назначать собеседования для вашей новой работы!
Ссылки и где узнать больше
Исследование Payscale о зарплатах в графическом дизайне — http: // www.payscale.com/research/US/Job=Graphic_Designer/Salary
Исследование Payscale о зарплатах в UX-дизайне — http://www.payscale.com/research/US/Job=UX_Designer/Salary
Мифы UX: эстетика не важна если у вас хорошее юзабилити — http://uxmyths.com/post/1161244116/myth-25-aesthetics-are-not-important-if-you-have-good-us
Сколько стоит обучение в США — http://www.topuniversities.com/student-info/student-finance/how-much-does-it-cost-study-us
Заработок в зависимости от образования: Бюро переписи населения США — https: // www.census.gov/hhes/www/income/data/earnings/call1usboth.html
3 больших различия между UX и UI дизайном
Споры по поводу определений UX и UI ведутся почти столько же, сколько существуют эти термины. UX означает User Experience, а UI — пользовательский интерфейс.
Ясно как грязь? Вероятно, это не вызвало понимания. Как конечный пользователь, взаимодействующий с чем-либо, влияет на его восприятие продукта, верно?
Не помогает то, что термины были введены не в одно время.Это, несомненно, одна из причин того, что вокруг них так много неразберихи. Они не были четко определены с самого начала, потому что не были задуманы одновременно. Термин «пользовательский интерфейс» появился первым — примерно в то же время, когда на рынок были выведены компьютерные технологии.
Перенесемся в 90-е, когда Дон Норман помог ввести термин User Experience , работая в Apple. На конференции UX в Сан-Франциско он объясняет в видеоинтервью, что UX — это весь опыт взаимодействия пользователя с продуктом, компанией и услугами.Все, от того, как воспринимается обслуживание клиентов, до того, насколько легко продукт выходит из упаковки.
Так где же тогда Пользовательский интерфейс ? В зависимости от того, кого вы спрашиваете, UX и UI либо полностью разделены, либо пересекаются, либо UI является подмножеством UX. То, как вы определяете UX, существенно влияет на перспективу этих двух терминов.
Одна школа мысли разделяет термины следующим образом:
Представьте себе дом. Каркас дома — это физическая структура — кодировка.Электрическая система, водопровод и система отопления, вентиляции и кондиционирования воздуха — это функциональность дома, удобство пользования. Оконная фурнитура, дверные ручки, смесители и краска — вот то, как домовладелец взаимодействует с домом и получает от него удовольствие — пользовательский интерфейс.
В этом примере это два отдельных объекта. Они полагаются друг на друга, но мало что перекликается. Если дизайн UX относится только к функциональности дома, то дизайн UX должен быть первым, а дизайн пользовательского интерфейса будет ждать, чтобы вмешаться после завершения UX.
Другая философия основана на концепции, что UX — это целая энчилада — начиная с момента проектирования дома и плавно перемещаясь по всем компонентам строительства и доставив дом покупателю или застройщику. В этом сценарии дизайн пользовательского интерфейса либо перекрывается, либо действует как подмножество, обрабатывая интерфейс конечного пользователя сборщиков как часть проекта UX design .
Вот то, о чем можно договориться без особых разногласий:
Да, термины связаны.
Да, условия могут частично совпадать.
Нет, они не взаимозаменяемы — как бы часто люди их ни использовали.
Насколько это важно? Это может иметь большое значение.
Компаниям, которым необходим продукт или веб-сайт, разработанный и представленный на рынке, необходимо знать, какие услуги они покупают, кого им нужно нанять, если они делают это собственными силами, и какие навыки этот человек должен использовать.
Небольшая фирма, желающая иметь собственный UX и UI, может искать одного человека для выполнения обоих задач и в конечном итоге нанимает дизайнера пользовательского интерфейса, у которого нет набора навыков UX, или наоборот.
Без четкого понимания того, что означают эти два термина, кто-то, желающий создать веб-сайт, может в конечном итоге нанять фирму, которая не предлагает все необходимые им услуги или не имеет опыта для создания того, что они ищут.
Дизайнер, ищущий работу, может в конечном итоге тратить свое время на подачу заявки и даже на собеседование на должности, которые не связаны с их набором навыков, потому что человек, публикующий или нанимающий должность, не понимает условий.
Очевидно, что понимание этих двух терминов необходимо.Обращение внимания на дизайн пользовательского интерфейса UX и вашего продукта может сделать или сломать успех продукта или услуги.
Поскольку Дон Норман помог разработать концепцию пользовательского опыта, было бы легко принять его определение как евангелие. Однако примерно 20 лет назад родилась концепция пользовательского опыта, и с тех пор язык, технологии и рабочая сила сильно изменились.
Определения требуют контекста, и контекст определения этих терминов актуален сегодня.Академия — хорошее место для начала прояснения значения этих терминов. Что людей учат, чтобы стать дизайнерами UX и дизайнерами пользовательского интерфейса?
Краткое содержание курса для UX и UI-дизайн Программы в Career Foundry иллюстрируют ключевые обязанности каждой должности.
Основные обязанности UX Designer
Содержание / стратегия: анализ клиентов, анализ конкурентов, структура продукта / стратегия
Прототипирование и каркасное построение : прототипирование, тестирование / итерация, разработка, планирование, каркасное построение
Аналитика и выполнение: координация с разработчиками, координация с дизайнерами пользовательского интерфейса, анализ и итерация, отслеживание целей и интеграция
Ключевые обязанности дизайнера пользовательского интерфейса
Внешний вид: разработка брендов и графики, руководства пользователя / сюжетная линия, анализ клиентов, исследование дизайна
Отзывчивость и интерактивность: адаптация ко всем размерам экрана устройства, интерактивность и анимация, реализация с разработчиком, прототипирование пользовательского интерфейса, реализация с разработчиком
Несмотря на философское сходство, практическое применение на рынке сильно отличается.Три основных различия между UX и UI дизайнерами:
UX описывает назначение и функциональность продукта. Пользовательский интерфейс имеет дело с качеством взаимодействия конечного пользователя с продуктом.
Дизайн пользовательского интерфейса имеет художественный компонент , поскольку он связан с дизайном и взаимодействием с продуктом. Это влияет на то, что конечный пользователь видит, слышит и чувствует. UX имеет больше социального компонента для исследования рынка и общения с клиентами, чтобы понять их потребности.
UX фокусируется на управлении проектами и анализе на протяжении всего этапа идеи , разработки и доставки. UI имеет больше технической составляющей для создания компонентов дизайна для готового продукта.
UX и UI не являются областями, на которых стоит экономить. Независимо от определений и разделения труда, они являются важными частями разработки и доставки продукта. Исследования показывают, что качество обслуживания клиентов способствует росту доходов.UX и UI — это инвестиции в продукт или услугу. Продукт или услуга — это то, на что покупатели тратят деньги. Если трата денег не принесет ожидаемого вознаграждения, они переключат свои инвестиции на продукт, который дает.
Независимо от того, привлекается ли компания или нанимается сотрудник, важно помнить, что теории и практики UX и UI динамичны на рынке. Возникает вопрос: как быть в курсе текущих теорий и практик UX и UI? Ответ должен прийти быстро и легко, если они участвуют в какой-либо форме непрерывного образования.
Имейте в виду, что эти термины по-прежнему используются как синонимы, и вряд ли в ближайшее время это прекратится. Не думайте, что термины используются правильно человеком. Даже если человек является экспертом в своей области, у него может быть другая философия в отношении разделения труда между UX и UI дизайнером. Детализировать, чтобы получить ясность. Настоящая цель — узнать, чего они хотят. Нет необходимости доказывать неправоту людей или аргументировать семантику. Язык — это понимание друг друга.Если вы понимаете друг друга, это все, что имеет значение, и как UI, так и UX полагаются на эффективность понимания.
Хотите узнать больше?
Если вас интересует пересечение UX и UI-дизайна, подумайте о том, чтобы пройти онлайн-курс UI Design Patterns for Succesful Software или в качестве альтернативы Design Thinking: The Beginner’s Guide. Если, с другой стороны, вы хотите освежить в памяти основы UX и юзабилити, вы можете пройти онлайн-курс по пользовательскому опыту (или другой теме дизайна).Удачи вам в обучении!
(Изображение: Depositphotos — партнерская ссылка)
.

Что такое ux ui: С чего начать обучение UX-дизайну и как стать профессионалом

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

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

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

Требования к качественному UX/UI-дизайну

В чём разница между UX и UI

Как стать UX/UI-дизайнером

Что почитать и посмотреть о UX/UI-дизайне

Вывод и рекомендация

Что такое UX-дизайн и как попасть в эту профессию

Что такое UX-дизайн и почему он важен

Содержание:

Что такое пользовательский опыт (UX)?

Почему UX так важен для бизнеса?

Чем занимается UX дизайнер и какие навыки нужно качать?

Навык 1. UX-исследования / CX-исследования

Навык 2.<img src='/800/600/https/sun9-55.userapi.com/iVlVwUSMAH2kpNSxCzD6YfUIIOVEZyw0xbV6sA/YYZkndCpPzk.jpg' /> UX-дизайн

Навык 3. UX-копирайтинг

Навык 4. Тестирование гипотез и исследование пользователей

Навык 5. Презентация дизайн-концепций и продажа идей команде

7 принципов хорошего UX-дизайна

Принцип 1. Полезный / Useful

Принцип 2.<img src='/800/600/https/sun1-14.userapi.com/c856032/v856032469/25109f/KE4wqW46j4k.jpg' /> Пригодный для применения / Usable

Принцип 3. Обнаруживаемый / Findable

Принцип 4. Заслуживающий доверия / Credible

Принцип 5. Желанный / Desirable

Принцип 6. Доступность / Accessible

Принцип 7. Ценный / Valuable

В чём разница между UX, UI и графическим дизайном

Роль 1. UX-дизайнер

Роль 2.<img src='/800/600/https/cdn.dribbble.com/users/2148329/screenshots/6782462/k.png' /> Графический дизайнер или бренд-дизайнер

Роль 3.<img src='/800/600/https/cdn.dribbble.com/users/5301113/screenshots/11665191/media/cd8612f6cb9c9d11a91ae6533ba342a9.jpg' /> UI-дизайнер или дизайнер пользовательского интерфейса

Как стать UX-дизайнером

Что почитать и посмотреть о UX/UI-дизайне

Вывод и рекомендация

Графический, веб или продуктовый (UX/UI): какое направление дизайна выбрать

UX-дизайнер

UI-дизайнер (дизайнер интерфейсов)

Визуальный дизайнер (графический дизайнер)

Дизайнер взаимодействия (моушн-дизайнер)

UX-исследователь (Исследователь пользователей)

Фронтенд-разработчик (UI-разработчик)

Продуктовый дизайнер

“Ищу дизайнера”

Профессия веб-дизайнер: UX/UI — кто это такой, как им стать и сколько они зарабатывают

UX/UI-дизайнер о золотом сечении, свободе и требованиях заказчика

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

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

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

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

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

Что такое UX/UI дизайн — 1C-UMI

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

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

Вместо заключения

Полное руководство по различиям между UI и UX-дизайном

Что такое User Experience Design?

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

В чем разница между UI и UX?

1. Другой фокус

2. Цвета, которые они используют

3. Инструменты, которые они используют

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

Чем занимаются UI / UX-дизайнеры?

Навыки и обязанности UX-дизайнера

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

Какой курс UI / UX-дизайна выбрать?

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

Итак, вы хотите быть дизайнером пользовательского интерфейса или дизайнером пользовательского интерфейса?

30 лучших бесплатных руководств по UX / UI дизайну (обновлено в 2019 г.)

5 лучших руководств по дизайну UX / UI на YouTube

1. Учебник по дизайну UX для начинающих (# 1)

2. Ускоренный курс по дизайну пользовательского интерфейса 2019 для начинающих

3. UX-дизайн и дизайн пользовательского интерфейса | Какая разница? Какой мне подходит?

4.ДИЗАЙН ИДЕНТИЧНОСТИ: БРЕНДИНГ

5.Что такое UX-дизайн? Определение дизайна взаимодействия с пользователем и объяснение процесса

6 UX / Учебники по дизайну пользовательского интерфейса с примерами дизайна

6.Adobe XD Auto Animate App Design — Tutorial

7. Учебное пособие по дизайну пользовательского интерфейса — карточка продукта | HTML CSS Speed ​​Coding

8. Как создавать шаблоны в Photoshop | Учебник по веб-дизайну UI / UX Бесплатно

Навык 2. UX-дизайн

Принцип 2. Пригодный для применения / Usable

Роль 2. Графический дизайнер или бренд-дизайнер

Роль 3. UI-дизайнер или дизайнер пользовательского интерфейса

7. Учебное пособие по дизайну пользовательского интерфейса — карточка продукта | HTML CSS Speed Coding

15.Создание пользовательского интерфейса веб-приложения Nike в Sketch — Учебное пособие по Speed Art