сходства, различия и оценка эффективности

В сфере дизайна цифровых продуктов выделяют две формы: пользовательский опыт (UX – user eXperience) и пользовательский интерфейс (UI – user interface). Под UX зачастую понимают только дизайн, красивую картинку, хотя на практике это “зона ответственности” UI.

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

О чём поговорим:

• Принципы UX/UI
• Сходства и различия UX и UI
• Какие тренды существуют в UX/UI
• Задачи UX
• Как оценить эффективность UX
• Зоны ответственности UX и UI
• Аудит UX: пример из практики

Хотите разобраться в этом поподробнее? Тогда читайте дальше!

Основы UX/UI

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

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

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

Сходства и различия UX и UI

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

Процесс достижения этой цели — это и есть UX, а палочки или вилка — это UI.

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

Тренды

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

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

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

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

Задачи UX

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

• Дать пользователю ощущение уникальности продукта;
• Побудить пользователя изучать продукт и пользоваться контентом;
• Убедить нового пользователя “попробовать” продукт;
• Побудить пользователя продолжать применять продукт;

Подробнее том, как мы проводим UX-аудит, рассказываем на странице услуги.

А ниже рассмотрим, как UX работает на практике и способен ли он оказать влияние на конкретные бизнес-показатели продукта. 

  Какую пользу UX приносит бизнесу

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

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

Таким образом, UX действительно помогает бизнесу заработать:

• Увеличить конверсию
• Повысить продажи
• Повысить лояльность пользователей

Кроме того, тщательная работа с UX способна сделать продукт понятнее, а также сэкономить на его обслуживании:

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

UX может навредить бизнесу?

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

HEART: как оценить эффективность UX

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

• H — happiness (счастье пользователя)
• E — engagement (вовлеченность)
• A — adoption (принятие)
• R — retention (удержание)
• T — task (успешность достижения цели)

Метрики эффективности UX: примеры

Метрики счастья пользователя:

• Рост числа положительных отзывов и сокращение отрицательных
• Рост числа сделок, покупок
• Удовлетворенность (net promoter score)

Метрики вовлечения:

• Число посещений в неделю, повторных визитов
• Количество пользователей, которые нажимают кнопку “Поделиться”
• Число фотографий, загруженных одним пользователем

Метрики принятия:

• Новые подписки, регистрации
• Покупки, сделанные новыми пользователями

Метрики удержания:

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

Метрики успешности выполнения задач:

• Время на выполнение задачи (например, сколько времени уходит на совершение покупки)
• Сокращение числа ошибок пользователей
• Нашел ли пользователь то, что искал

Зоны ответственности UX и UI

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

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

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

За что отвечает команда UX

• Коммуникации — способность объяснять и интерпретировать, выступать посредником между командой разработчика и заказчиком.
• Исследование пользователей. Понимать пользователей, их боли и желания для того, чтобы сделать продукт таким, как им нужно.
• Информационная архитектура. Дизайнер упорядочивает беспорядок в проекте, рисует план действий, который позволяет дойти от начала до результата.
• Работа в команде. Навыки продуктивного общения обязательны. Может ли специалист доступно объяснить свою идею? А помочь в этом другому члену команды — программисту, директору, будущим пользователям продукта?
• Проектирование «сценария взаимодействия» (User-Flow) — последовательности макетов, по которым строится путь пользователя к цели.
• Тестирование UX/UI. Проверка корректности работы продукта. Это касается не только дизайна интерфейса UX/UI, но и всего customer journey — от первого соприкосновения с продуктом до покупки.
• Аналитика. Эксперт на основе аналитических данных определяет, как пользователи применяют продукт, что им нравится и не нравится.
• UX writing (копирайтинг). Создание подписей, сценариев диалогов и т.п. В большинстве продуктов текст является основой контента.

За что отвечает дизайнер UI

• Сборка макетов (Wireframe) — это каркас интерфейса, состоящий из линий, прямоугольников и фигур.
• Дизайн, визуальная составляющая интерфейса. Работа с продуктом должна оставлять у пользователя приятное впечатление.
• Прототипирование. Создание прототипа — простой способ увидеть, как всё будет работать.
• Сторителлинг. Инициировать действие со стороны пользователя, используя минимум слов. Важно добиться нужной реакции с помощью визуального образа, чтобы человек взаимодействовал с интерфейсом системы, согласно заранее продуманному сценарию. При этом важно, чтобы он думал, что “я сделал это сам”.
• Графика и анимации. Дизайнер должен уметь работать с графикой, создавать элементы и переходы.

Исследование юзабилити UX/UI: пример из практики

Мы в компании SimbirSoft c 2001 года создаем программное обеспечение на заказ. К нам обращаются за разработкой решений для бизнеса с нуля, а также в тех случаях, когда нужно “спасти” продукт и повысить его эффективность.

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

Мы в своей практике часто работаем с решениями для дистанционного банковского обслуживания (ДБО). Рассмотрим на примере банковского мобильного приложения, как аудит UX помогает наметить вектор развития продукта.

Аудит банковского продукта

В 2017 году к нам обратился крупный региональный банк СКБ. Перед нами стояла задача усовершенствовать мобильный банк, сделать его удобнее для клиентов банка из числа малого и среднего бизнеса.

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

  Как мы работаем с гипотезами:

1. UX/UI анализ продукта начинается с выявления проблем. Для этого мы анализируем поведение пользователей и находим “узкие места” при взаимодействии с приложением.В данном случае мы опросили тех специалистов, которые являются ключевыми пользователями приложения – в первую очередь это бухгалтеры, юристы и экономисты. Выяснилось, что больше всего времени они тратят на работу с бумагами, проверку данных и перевод информации (реквизитов) из финансовых документов в электронный вид. При этом случаются ошибки: например, пользователь может ошибиться при вводе номера расчетного счета.
2. Далее исследуем, действительно ли существует эта проблема и насколько она важна.
3. После подтверждения проблемы мы выдвигаем гипотезу о решении. На основе своего опыта мы предложили банку добавить в приложение функцию автоматического распознавания данных финансовых документов. Также мы оценили эту гипотезу вместе с ключевыми пользователями продукта.
4. Когда гипотеза подтверждена, мы детально прорабатываем новую функциональность. С помощью автоматического распознавания работа пользователя с документами сводится к тому, чтобы сфотографировать данные на смартфон. При этом данные автоматически загружаются в нужные формы, передаются в банк, проверяются и подтверждаются. Такой алгоритм работы позволяет быстро и без ошибок переводить информацию в электронный вид.
5. Далее мы протестировали новую функциональность и проверили ее в фокус-группах. Как показала практика, новый алгоритм работы позволяет быстро и без ошибок переводить информацию в электронный вид, ускорить и упростить работу пользователей с мобильным банком.

С новым ДБО наш партнер вошел в ТОП5 по версии Markswebb: мобильный банк занял 4 место среди лучших банков для малого бизнеса (2017 год), а онлайн-банк – 2 место в рейтинге интернет-банков для индивидуальных предпринимателей (2018 год). Подробнее об аудите банковского продукта мы рассказывали ранее в нашем блоге.

Подводя итоги

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

Приглашаем узнать больше о наших продуктах в разделе “Портфолио”.

что это за дизайн и сколько на нем можно заработать

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

Редакция MC.today разобралась, что такое UI/UX-дизайн, чем занимаются такие дизайнеры, в чем между ними разница и как стать востребованным специалистом в Украине.

---

Что такое UX-дизайн и чем занимаются эти специалисты

UX-дизайн, или User Experience Design отвечает за впечатления пользователя от работы с интерфейсом сайта или приложения. Чем проще и удобнее взаимодействовать с продуктом, тем выше считается уровень UX-дизайнера, который проектировал интерфейс.

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

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

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

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

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

UI-дизайн, или User Interface Design – это визуальная картинка проекта, созданная по UX-прототипу. Задача UI-дизайнера – нарисовать по техническому заданию макет будущего сайта или приложения.

Специалист отрисовывает в Figma, Adobe Photoshop или Sketch все элементы: кнопки, меню, иконки, интерактивные формы и всплывающие окна. Дальше формирует из этого всего гармоничный шаблон, который потом передается программисту на верстку. 

Кстати, именно Figma в 2020 году заняла первое место в рейтинге самых используемых сервисов для разработки интерфейсов и прототипирования. Второе место досталось Sketch, а третье – Adobe XD.

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

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

Интерфейс сайта или приложения должен соответствовать требованиям:

• Интуитивность. Люди привыкли к закономерностям и паттернам: ввели пароль в приложении неверно – текст кнопки стал красным. Используйте этот цвет, когда пользователи ошибаются, ведь они ожидают увидеть именно его, а не зеленый, например. 
• Минимализм. Большое количество всплывающих окон и динамических элементов только сбивают пользователей с толку. Делайте интерфейс максимально простым и лаконичным. А самые важные элементы выделяйте цветом или делайте их немного крупнее. 
• Отзывчивость. Пользователю важно всегда понимать: все его действия на сайте или в приложении неслучайны. Если вы подтверждаете подписку на рассылку, получаете заявку на обратный звонок или транзакция прошла успешно – обязательно информируйте пользователя о том, что его данные получены и с ним скоро свяжутся.
• Гармония. Используемые цвета и элементы на сайте должны быть выдержаны в одном стиле. Не нужно рисовать круглые кнопки в блоге, если в других местах сайта они квадратные.
• Скорость. Она должна быть одинаковой для всех динамических элементов на сайте. Следите за тем, чтобы выпадающие меню и списки аналогично срабатывали на всех страницах.
• Забота. Даже если что-то пошло не так: пользователь ввел неверный пароль или попал на страницу, которая не существует, постарайтесь перенаправить его туда, где он получит то, за чем пришел. Используйте для этого подсказки или ненавязчивые всплывающие окна.
• Быстрота. Позаботьтесь о том, чтобы навигация на сайте или в приложении была максимально удобной. Пользователю должно быть понятно, в каком разделе искать нужный продукт или услугу. И главное: важно, чтобы он мог найти информацию быстро.

5 различий между UX и UI-дизайнером 

Вот самые главные различия между UX и UI:

Различие	UX-дизайн	UI-дизайн
Область знаний	Наука	Искусство
Цель	Сделать интерфейс максимально удобным для использования	Сделать все элементы интерфейса максимально гармоничными, чтобы они сочетались друг с другом
Тип мышления	Критическое	Креативное
Какая часть мозга больше задействована	Левое полушарие мозга	Правое полушарие мозга
Требования	Аналитические способности и эмпатия	Художественный вкус, умение структурировать информацию

Источник

Как стать UX/UI-дизайнером в Украине и сколько можно  заработать

Вот список популярных программ, знания которых требуются в вакансиях для Junior UX/UI-дизайнеров в украинских компаниях:

• Adobe Photoshop – графический редактор для работы с изображениями;
• Illustrator – векторный графический редактор;
• Sketch – программа для дизайна интерфейсов;
• Figma – сервис для дизайна интерфейсов и совместной работы;
• Adobe XD – программа для создания прототипов;
• Основы языка разметки HTML и CSS.

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

Помимо профессиональных навыков начинающему UX/UI-дизайнеру важно развивать свой вкус, чаще «копаться» в чужих дизайнах и изучать работы других специалистов. Таких работ много можно найти на сайтах Behance, Dribbble, Awwwards, Pinterest, Instagram.

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

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

По данным DOU, средняя зарплата украинских UI/UX-дизайнеров в начале 2021 года составила $1225. Это больше, чем у графических дизайнеров ($950), но почти в два раза меньше, чем у продуктовых ($2300). Почти 62% UI/UX-дизайнеров – женщины. А специалисты, которые знают английский язык, зарабатывают в среднем на 14 тыс. гривен больше.

---

Прокачайте свои технические навыки

Подобрали для вас 3 курса от наших партнеров robot_dreams, которые помогут вам в работе с данными:

• BI-аналитика, 31 августа — 12 октября. Научитесь решать все задачи BI-аналитика: от поиска нужных данных с помощью SQL-запросов до построения простых trend lines для бизнеса.
• Алгоритмы и структуры данных, 2 сентября — 26 октября. Сможете работать с разными структурами данных и научитесь правильно применять алгоритмы в работе.
• Python для разработки и анализа данных, 7 сентября — 15 октября. Обучитесь навыкам, с которыми сможете работать в любой сфере IT: от аналитики — до разработки и машинного обучения.

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

Основы UX и UI дизайн

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

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

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

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

UX [юикс] (User Experience) — дословно в переводе с английского «опыт пользователя». На элементарном уровне UX дизайн — это проектирование эффективного взаимодействия человека с сайтом, приложением, программой. Но по факту, UX сродни философии, это подход к дизайну, учитывающий все аспекты продукта — функциональность, красоту, удобство, эмоции — с позиции пользовательского опыта. Концепцию и сам термин User Experience придумал Дон Норман — классик промышленного и интерфейсного дизайна, автор знаменитой книги «Дизайн привычных вещей».

Дон Норман сформулировал главное правило UX — вид объекта должен содержать подсказки о том, как правильно с ним взаимодействовать. Отсюда два принципа хорошего UX дизайна:

1. Discoverability — понятность, наглядность.

2. Feedback — обратная реакция, отклик.

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

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

Главная задача UX дизайнера — проложить максимально удобный маршрут из точки А в точку Б: функциональный, простой, с заботой о пользователе и прозрачными сценариями взаимодействия.

Зона ответственности дизайнера User Experience обширна:

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

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

• Прототипирование: архитектура сайта, создание вайрфреймов, формирование сценариев взаимодействия, визуализация идей.

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

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

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

Инструменты и навыки UX дизайнера

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

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

Идея

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

Эскиз

Для проработки концепта используют разные графические редакторы, самое ходовое у UX/UI дизайнеров приложение Sketch (работает только на Mac). Есть программа Lunacy, позиционирующая себя как Sketch для Windows.

Прототип

Для работы в команде над каркасами, интерактивными прототипами, векторными иконками популярны программы:

• Axure;

• Figma;

• Adobe XD;

• InVision.

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

UI [юай] (User Interface) — в переводе с английского «пользовательский интерфейс». По сути, это графический дизайн на экране, внешний вид, эстетика продукта. UI design — это визуализация, графическая проработка идей UX дизайнера: меню, кнопки, слайдеры, формы, иллюстрации, анимация, фото и видео, шрифты и цвета.

Если UX — это аналитика, проектирование, тестирование комфортного для пользователя продукта, то UI — это гармоничное и понятное оформление интерфейса.

Кто такой UI дизайнер

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

В основе UX и UI дизайна лежат базовые требования к интерфейсу:

• Ясная структура — пользователь понимает, что и зачем он делает;

• Лаконичность формы — экран не перегружен обилием деталей;

• Узнаваемость элементов — назначение каждой кнопки или иконки интуитивно понятно;

• Отзывчивость — моментальный отклик элементов на воздействие, человеку понятно, что сейчас происходит, какой процесс запущен;

• Стабильность — все элементы интерфейса одинаково ведут себя на разных разделах сайта или приложения;

• Эстетичность — визуальное восприятие продукта должно доставлять удовольствие;

• Минимум усилий — пользователь без заминок решает свои задачи, взаимодействуя с интерфейсом продукта;

• Забота о человеке — у пользователя должно быть право на ошибку и безболезненный способ ее исправить.

Инструменты и навыки UI дизайнера

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

Работа с цветом

• ColorHexa — моделирование подробной палитры;

• Paletton — построение цветовых схем;

• Flat UI Color — подбор цветов для Flat-стиля.

Типографика

• Google fonts — бесплатный сервис для работы со шрифтами;

• Typekit — обширная библиотека шрифтов, требуется купить подписку;

• Fontjoy — инструмент для подбора и сравнения сочетающихся шрифтов.

Иконки

• Icons8 — постоянно пополняющаяся библиотека иконок;

• Free Icon Maker — рисование и редактирование иконок онлайн;

• IconJar — органайзер пользовательской библиотеки пиктограмм;

• Flaticon.com — сайт бесплатных и платных наборов иконок с возможностью создания бесшовных паттернов.

Где используют UX и UI в Digital

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

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

UX/UI дизайн существенно влияет на поведенческие факторы — практически 95 % респондентов не доверяют сайтам с плохим, неудобным, устаревшим дизайном, а 40% просто уйдут с ресурса, который им не понравился.

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

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

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

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

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

Офлайн курсы, учебные программы

• Британская Высшая Школа Дизайна (Москва)

  Годовой курс.

  britishdesign.ru/courses/ux-ui/

• Высшая Школа Экономики (Москва)

  Бакалавриат, диплом о высшем образовании государственного образца, есть бюджетные места.

  design.hse.ru/ba/programming

• Epic Skills (Санкт-Петербург)

  Обзорная учебная программа рассчитана на 30 часов.

  epixx.ru/course_programs/ux-design

Онлайн учеба

• Skillbox + AIC. Образовательный курс UX-дизайн.

  Изучение 20 блоков рассчитано на 4 месяца. По окончании обучения защищается реальный проект и выдается диплом.

  skillbox.ru/course/aic

• Онлайн школа дизайна Bang Bang Education.

  Предлагают 9 программ, раскрывающих разные аспекты UX/UI дизайна.

  bangbangeducation.ru/tag/ux-design

• Среда обучения.

  Разные форматы образования в виртуальном классе. Программы от 2 до 4,5 лет. Диплом о высшем образовании государственного образца.

  design.sredaobuchenia.ru/digital

Книги

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

• Дон Норман, «Дизайн привычных вещей» — пользовательский опыт на примере бытовых предметов;

• Артемий Лебедев, «Ководство» — развивает дизайнерскую интуицию;

• Стив Круг «Не заставляйте меня думать» — увлекательный рассказ с шутками и прибаутками о том, как надо и не надо делать сайты;

• Расс Унгер, Кэролайн Чендлер, «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия» — учебник с подробным описанием методик.

Практика

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

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

Выводы

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

Источник.

Какая Разница Между UI и UX Дизайном?

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

Погружаемся в суть

Ну а как по-другому-то, если хотим узнать разницу между UI и UX?

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

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

Чем отличается UI от UX? UX — это скелет, UI — обертка

UI — это про то, как продукт выглядит, каким его воспринимает пользователь. Главная задача — создать интерфейс, который будет выделяться на фоне конкурентов. Глядя на который пользователь подумает: «Блин, кто так круто сделал?» Для этого в ход идут цвета, типографика, инфографика и анимация.

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

Получается, что разница между UI и UX заключается в рабочих процессах. А цель одна.

Анализируем процесс работы

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

Первым в бой идет UX

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

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

На этом этапе задач куча:

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

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

Так мы в Purrweb разработали вайрфреймы и user flow для приложения Wishlist

А  UI выйдет? Выйдет!

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

Финальные штрихи — это добавление цвета и прорисовка всех оставшихся графических элементов.

Вот таким стал персональный вишлист после работы над визуальным дизайном

Пошагово это выглядит вот так:

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

Вот так вот разные процессы, которые составляют разницу между UI и UX, взаимодействуют между собой. Они взаимосвязаны и взаимозависимы.

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

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

Когда речь идет о разработке MVP (первой продуктовой версии) и ограниченном бюджете, важно следующее: не забить на UI или UX. А ещё не прогадать с наймом дизайнера. Найти человека, который сможет закрыть задачи “с обеих сторон” = сэкономить ресурсы.

Продукт с непроработанными флоу и крутым UI — такой себе вариант. Это же касается решений с крутым UX и дизайном из 00-x

250 стартапов за плечами. С тебя email — с нас чеклист по запуску MVP.

У вас есть идея для проекта?

X

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

Ре­зуль­тат ра­бо­ты ди­зай­не­ров окру­жа­ет нас по­всю­ду. У сай­тов — ди­зайн. У но­ут­бу­ка или те­ле­фо­на — тоже дизайн. У чай­ной круж­ки, стола, одежды, книг — ди­зайн есть у все­го. От­сю­да и мно­же­ство от­дель­ных ди­зай­нер­ских про­фес­сий: гра­фи­че­ский ди­зай­нер, ди­зай­нер мо­биль­ных при­ло­же­ний, веб-дизайнер. 

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

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

UX vs UI: в чем отличие? 

UX и UI часто путают или воспринимают как одно целое, не вдаваясь в подробности. 

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

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

При проектировании интерфейсов удобство взаимодействия так же важно, как и внешний вид

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

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

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

На Asos Marketplace выполняются все задачи дизайна: пользователям интуитивно понятно и видно, куда нажимать для просмотра женской коллекции, как сделать заказ, где ответ на его вопросы и сколько надо заплатить за понравившуюся вещь. 

Терминология:

• UX — User eXperience — Пользовательский опыт. Цель UX — сделать продукт удобным.

• UI — User Interface — Пользовательский интерфейс. Цель UI — сделать продукт красивым.

Какие инструменты используют дизайнеры

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

Если задача сложная, требует построения сложных логических связей используйте mindmap-сервисы — XMind, FlowMapp, MindMeister.

Макеты концептов можно рисовать где удобно. Для этих целей подходят Photoshop и Sketch.

Для создания интерактивных прототипов можно использовать Figma, InVision, Axure, Adobe XD.

Если хотите проработать анимацию в интерфейсе, можно использовать Framer и UXPin.

Аналитическая сторона работы

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

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

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

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

Рассмотрим на примере. Вы только прилетели из путешествия и вспомнили, что у подруги сегодня день рождения. Открываете переписку — праздник сегодня, вы приглашены. Срочно нужен подарок! По пути на мероприятие вы смотрите на карте ближайший цветочный магазин — отлично, есть прям рядом с ее домом. Открываете сайт цветочного — картинки четкие, на товарах стикер «В наличии», букеты разделены по цене и есть удобная кнопка для заказа, которая при нажатии открывает чат в Whatsapp. Вы написали продавцу, забронировали букет и со спокойной душой успели на праздник с подарком. 

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

Soft skills 

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

Сколько зарабатывают веб-дизайнеры

Российский портал rbc.ru составил список востребованных профессий за 2019, в его топ вошли UX и UI-дизайнеры. Но спрос на кадры растет не только в России. Например, в Google Trends за последние 5 лет интерес к запросу «UX-дизайн» в Европе, США, Канаде и Австралии удвоился и продолжает увеличиваться. 

Диапазон зарплат зависит от обязанностей, скиллов и места работы: на фрилансе или в студии. По данным hh.ru, средняя предлагаемая зарплата в 2019 году была вот такой:

 

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

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

2. Окружите себя дизайном. Рекомендуем погрузиться полностью в дизайн и каждый день смотреть чужие работы. Такая практика просмотров чужих портфолио поможет вам видеть, как и что делают другие. Вы будете в курсе модных тенденций и сможете вдохновляться. Посмотреть работы других дизайнеров можно на Behance, Dribbble или Awwwards. 

3. Пройдите курсы. Так ваш труд быстрее окупится, и вы сможете сэкономить время на старте в новой профессии. На курсе веб-дизайна от Бруноям вы получите заботливого наставника, вдохновленных одногруппников и проекты для готового портфолио. Практика начнётся с самого первого занятия. На курсе обязательно расскажем, где искать работу, как набраться опыта, составить резюме и пройти собеседование. А еще дадим сертификат и научим находить первых клиентов. 

4. Читайте. Литературы, статей, материалов для веб-дизов создано очень много. Поделимся подборкой книг, которые вдохновили нас и наших студентов — Остин Клеон «Кради как художник» и «Покажи свою работу!», Майкл Джанда «Сожги своё портфолио!», Брайан Трейси «Выйди из зоны комфорта. Измени свою жизнь».

5. Практикуйтесь до упора и не бойтесь ошибаться. Попробуйте начать работать над важным для вас проектом еще на этапе обучения на курсах и во время обучения инструментов. Старайтесь все время делать какой-нибудь проект. Лучший способ учиться — тут же делать то, что вы читаете и слушаете. Конфуций как-то сказал: «Скажи мне — и я забуду, покажи мне — и я запомню, Дай мне сделать — и я пойму!».

Остались вопросы? С удовольствием ответим на все по телефону 8 (800) 551-39-04 или в онлайн-чате на сайте. Не забывайте подписываться на нас в Instagram и ВКонтакте. Будем дружить! 

Что такое и чем отличаются UX, UI, юзабилити, SD, CX — разбираемся с терминами

Существует огромное количество аббревиатур, которые постоянно мелькают в разных статьях по UX — от cервис-дизайна (SD) и Customer Development (CustDev) до Customer Experience (CX). А еще многие постоянно путают UX и UI-дизайнеров. Баталии из-за формулировок вызывают глобальное противостояние между специалистами CX, SD и UX-дизайна, а это замедляет интеграцию UX в процессы компаний, интерфейсы, коммуникации и во все, что связано с людьми.

Если пообщаться с зарубежными коллегами, то какую роль ты бы ни назвал, будь то Service Designer, CX-er и так далее, реакция чаще всего одна: «This is UX?» — и растерянность во взгляде собеседника.

Что такое UX и как с ним связаны остальные термины

Одно из самых распространенных заблуждений — считать UX исключительно дизайном взаимодействия. При этом даже беглый взгляд на пословный перевод UX (User Experience — пользовательский опыт) показывает: это всеобъемлющий термин, который касается всего, что влияет на работу пользователя. Фактически, у нас в стране смысл UX был искусственно сужен, втиснут в рамки дизайна и маркетинга.

Термины «UX» и «UX-специалист» в 1995 году предложил Дональд Норман (Nielsen Norman Group). Однако комплексное понимание пользовательского опыта было и раньше — оно основано на эргономике, инженерной психологии, когнитивистике, робототехнике и других научных дисциплинах, которые меняли наш мир на протяжении XX века.

Норман выделяет несколько областей, с которыми связан UX-специалист:

1. Бизнес и процессы — организационная структура, та часть, которая касается взаимодействия с пользователем.
2. Взаимодействие с пользователем или интерактивный дизайн (именно этот уровень у нас чаще всего называют UX). Однако классически интерактивный дизайн работает с пятью сущностями: текст, визуальное представление, физические объекты и контекст, время, поведение.
3. Продукт — все, что с ним связано, в том числе конкуренты и стратегия развития.
4. UI — User Interface (пользовательский интерфейс), самый маленький из перечисленных разделов. Вообще, UI говорит о взаимодействии пользователя с интерфейсом, хотя в России он исторически сохранился за отделами маркетинга и редко выделяется в самостоятельную область. К сожалению, до сих пор встречаются примеры объединения этих подразделений из серии: «Исследования и исследования, какая разница».

Зоны интереса UX-специалиста по Дональду Норману

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

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

Лучше понять SD поможет «табуретка Нормана». Это три пересекающихся круга: 

• пользовательские потребности; 
• бизнес-потребности; 
• физические или технические ограничения. 

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

SD — Service Design на «табуретке Нормана»

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

CX — это Customer Experience, покупательский опыт. Например, когда человек сам что-то покупает (детям, партнеру, для компании), но пользователем не является. К сожалению, сейчас UX пытаются запихнуть и в CX.

Что со всем этим делать менеджеру продуктов

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

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

Поэтому я бы рекомендовал нанимать эксперта, который поможет подобрать команду и правильно выстроить процессы. Так сделали в Авито — найти лида на UX-направление и выстроить лабораторию им помогала Head of UX из Mail.ru. Но тут многое связано с конкретной задачей: кому-то надо просто тестировать интерфейсы, кому-то — создавать UX-тексты, кому-то — выстраивать коммуникацию и стратегию. Поэтому для начала стоит определиться, какие цели вы ставите перед UX, а уже под эти цели подбирать команду.

Если вам интересно, как возник и развивался UX в мире и России, какие у него перспективы и откуда возникла такая неразбериха в терминах — рекомендую свою статью «Терминологический хаос. Прошлое/Настоящее/Будущее UX».

Михаил ведет телеграм-канал UX Horn — рассказывает о UX, дизайне, интерфейсах, менеджменте продуктов.

---

❓ Задать вопрос продакту

что привело меня в UX/UI дизайн

Привет, я Дина — UX/UI дизайнер. И есть один вопрос, который мне задают достаточно часто: «Что заставило тебя выбрать UX-дизайн?». Многие люди, спрашивающие об этом, знают, насколько большим изменением это было в моей жизни.

Как все начиналось

На самом деле это была любовь с первого взгляда!

Серьезно, я хорошо помню день — это было 20 июля 2017 года, когда я открыла для себя термин «UX/UI дизайн» и весь мир цифровых технологий, стоящий за ним. С тех пор я ни дня своей жизни не провела без UX дизайна в голове.

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

Интересный факт… Все началось примерно за 21–22 года до этого, когда еще маленькой девочкой (мне было около 10–11 лет) я услышала от отца, авиационного инженера, слово «эргономика». Я спросила его: «Папа, что это?». Он, не торопясь, объяснил мне, что это значит (конечно, теперь он этого даже не помнит).

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

Словарь Мерриам-Вебстер

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

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

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

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

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

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

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

В новую жизнь за 9 недель

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

Ты хочешь освоить профессию в сфере цифровых технологий за 9 недель? Присоединяйся к курсу по UX/UI дизайну

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

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

9 недель учебы по 12-16 часов, 4 выполненных практических проекта, 5 преподавателей — профессионалов в своей области — из Майами, Сан Франциско и Чикаго, 1 неделя программирования и защита финального проекта — и все, я была готова начать путь в своей новой карьере.

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

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

Что такое UX / UI дизайн? | Ironhack Blog

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

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

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

Прежде чем продолжить, важно провести различие между пользовательским интерфейсом (UI) и пользовательским интерфейсом (UX), двумя дисциплинами, которые часто путают, вероятно, потому, что они работают рука об руку и из-за схожести их аббревиатур. Реальность такова, что UI относится к созданию интерфейса, который может быть визуальным или разработан в основном с использованием таких языков, как HTML, CSS или Javascript, в то время как UX фокусируется на удобстве использования, уделяя особое внимание анализу и социальным отношениям.

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

Навыки UX-дизайнера

Задачи столь же важные, как создание опыта, отвечающего потребностям клиентов, улучшение восприятия бренда, и создание прочной связи со своими продуктами. часто попадает в руки дизайнера UX.Задумайтесь на минутку о таких приложениях, как Netflix или Spotify, таких инструментах, как Google Sheets или Zapier, и цифровых продуктах, таких как Google Home или Philips Hue. Мы заверяем вас, что за всеми ними стоит огромный объем работы с пользовательским интерфейсом с целью создания простого, интуитивно понятного, эффективного и красивого приложения.

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

Специализация UX-дизайнера

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

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

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

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

Ресурсы для начала работы в UX

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

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

Подайте заявку сейчас!

UI Trends 2021: 13 главных трендов, которые понравятся вашим пользователям

На этот раз я пошел дальше и спросил наших дизайнеров из UX Studio, какими они ожидают трендов пользовательского интерфейса 2021 года.

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

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

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

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

П.С. На основе наших знаний и опыта мы также проанализировали лучшие компании-разработчики продуктов для работы в 2021 году.

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

1. Уникальные иллюстрации и анимация

Цифровые или нарисованные от руки, 2D или 3D, пользовательские иллюстрации, что угодно.Свободные формы, невыровненные элементы, компоненты и обширная асимметрия не только помогают платформам выделиться из общего, но также создают дружественную и привлекательную среду, которая обеспечивает лучший опыт для пользователей. Кроме того, чтобы выделить эти страницы, эти иллюстрации часто оживают с помощью сложного анимационного дизайна.

Lottie Animations от Drawer

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

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

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

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

2. Повествование с анимацией с запуском прокрутки

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

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

3. Искусственный интеллект

AI продолжает интегрироваться практически во все возможные продукты. Но мы очень сомневаемся, что он заменит дизайнеров. Напротив, это принесет пользу и облегчит нашу работу. Благодаря способности ИИ собирать данные (собирать огромные объемы данных.) мы заметим больше персонализированных продуктов, которые на 100% адаптированы к потребностям каждого человека.

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

Инструменты Google Smart Reply и Smart Compose на базе искусственного интеллекта в Gmail, которые хорошо справляются со своей задачей, генерируя точные ответы, что значительно экономит время, особенно если английский является вашим вторым языком.Предлагаемые ответы хорошо различимы и заметны из-за их контраста с окружением.

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

Продукты

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

4. Дополненная реальность

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

Google и Apple уже представили свои собственные платформы разработки дополненной реальности, ARCore и AEKit, которые сочетают в себе физический и цифровой миры.AR UI может иметь разные подходы:

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

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

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

5. Виртуальная реальность

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

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

6. Год виртуальных встреч

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

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

Wonder уже вырвался из привычного скучного интерфейса видеочата. В значительной степени просто MVP, но это интересный случай UX / взаимодействия.

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

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

7.

Удобство использования

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

Вы, наверное, уже слышали об объявлении Google о том, что в 2021 году они представят три новых показателя взаимодействия с пользователем для измерения скорости загрузки, интерактивности и визуальной стабильности веб-сайта. Все вместе они называются Core Web Vitals. Аудит UX — проверенный метод выявления недостатков юзабилити в вашем продукте и повышения его производительности в сети.Вы также можете провести тестирование юзабилити с реальными пользователями, чтобы узнать больше об их мотивации и потребностях.

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

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

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

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

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

8.

Глассморфизм

Вы, наверное, помните, что видели этот стиль в старой доброй Windows Vista или ios 7, но эффект матового стекла, похоже, вернулся, и мы, вероятно, увидим его еще больше в 2021 году.

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

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

Также этот стиль реализован в новом обновлении macOS под названием macOS Big Sur.

9.

3D будет UI rockstar

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

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

Adobe XD также может повлиять на будущие 3D-элементы в дизайне. Он представил новую функцию под названием 3D Transforms, которая теперь может добавить совершенно новую перспективу в предстоящие проекты. Как они описали, «3D-преобразование позволяет манипулировать объектом в трехмерном пространстве, создавая наклоны и повороты, а также изменяя глубину объекта на холсте».

Проще говоря, дизайнеры могут мыслить вне традиционных осей X и Y, когда дело доходит до создания концепций.

Это также может открыть дверь к проектированию для AR или VR.

10. Слишком похожие значки

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

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

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

Бывшие логотипы Google G Suite или логотипы Facebook Messenger и Instagram — это значки, которые используются ежедневно. Бесчисленные пользователи нажимают и нажимают на них более одного раза в день. Они должны быть в состоянии обнаружить их менее чем за секунду.

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

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

Итак, давайте вспомним о том, как мы будем создавать наши значки и логотипы в будущем.

11.

Шрифты ловушки чернил

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

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

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

12. Ретро эстетика Board.boldare.com

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

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

13. Младшие и бескодовые платформы

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

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

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

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

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

---

Какие факторы повлияют на тенденции пользовательского интерфейса в 2021 году?

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

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

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

---

Ищете подходящее UX-агентство? Студия

UX успешно работала более чем с 250 компаниями по всему миру.

Что мы можем для вас сделать сейчас? Свяжитесь с нами, и давайте обсудим ваши текущие проблемы.

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

UI против UX — исследуйте основные различия

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

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

Что такое UX?

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

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

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

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

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

Что такое UI?

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

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

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

Один важнее другого?

Короткий ответ: нет.

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

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

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

• • •

Дополнительная литература в блоге Toptal Design:

Понимание основ

Как вы определяете UX?

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

Что вы подразумеваете под UX-дизайном?

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

Почему так важен пользовательский интерфейс?

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

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

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

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

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

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

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

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

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

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

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

По словам дизайнера UX Ника Бабича, «Лучшие продукты хорошо справляются с двумя вещами: функциями и деталями.Особенности — это то, что привлекает людей к вашему продукту. Детали — вот что их удерживает ».

Что делает пользовательский опыт приятным?

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

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

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

Почему важно дизайн-мышление

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

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

Что такое методология дизайн-мышления?

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

Источник: Neilsen Norman Group

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

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

Пользовательский опыт — это не то же самое, что удобство использования

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

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

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

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

«Цель дизайна пользовательского интерфейса — сделать взаимодействие пользователя максимально простым и эффективным с точки зрения достижения целей пользователя (дизайн, ориентированный на пользователя)».

Почему так важен дизайн пользовательского интерфейса?

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

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

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

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

1. Ясность: интерфейс позволяет избежать путаницы и двусмысленности, делая все понятным с помощью языка и визуальных эффектов.Мобильные приложения с хорошим пользовательским интерфейсом обычно не нуждаются в обширной адаптации, чтобы показать пользователю, как приложение работает.
2. Знакомство. Многим пользователям нравятся знакомые функции, кнопки или призыв к действию. Знакомство включает в себя обычные символы, значки или цвета, чтобы передать сообщение, например красный для выхода или удаления. Даже если кто-то впервые использует интерфейс, некоторые элементы могут быть вам знакомы.
3. Отзывчивость: сюда входит скорость, так как отличный пользовательский интерфейс не должен отставать или казаться медленным.Предоставление обратной связи при загрузке экрана также улучшит пользовательский интерфейс, информируя пользователя о том, что происходит, например, сообщая ему о подтверждении покупки или обработке данных.
4. Согласованность. Обеспечение единообразия интерфейса для всего приложения важно, поскольку оно позволяет пользователям распознавать шаблоны использования. Как только ваши пользователи узнают, как работают определенные части интерфейса, они смогут применить эти знания к новым областям и функциям.
5. Эстетика. Хотя для правильной работы необязательно делать привлекательный интерфейс пользователя, создание привлекательного внешнего вида сделает приложение более приятным.

Заключительные мысли

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

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

Продолжайте читать:

[Инфографика] 9 распространенных ошибок дизайна пользовательского интерфейса, которых следует избегать

4 вывода о дизайн-мышлении для создания успешных мобильных продуктов

Columbia Engineering UX / UI Boot Camp | NYC

UX / UI: обзор отрасли

Стоят ли учебные курсы UX?

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

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

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

Сколько зарабатывают UX-дизайнеры?

Ряд факторов может повлиять на заработную плату человека, включая: профессиональный опыт, знание востребованных навыков, образование, размер компании и местонахождение. Тем не менее, годовая зарплата веб-разработчиков и дизайнеров цифровых интерфейсов может варьироваться от 39 550 долларов США на нижнем уровне до 142080 долларов США на более высоком уровне. Средняя годовая зарплата тех, кто живет в Нью-Йорке, сопоставима со средней по стране — около 73 000 долларов. Поскольку ряд различных отраслей нанимает дизайнеров UX, ваша зарплата также будет зависеть от вашего работодателя и от того, работаете ли вы по контракту на почасовой, неполной или полной ставке.

Есть ли хорошие возможности трудоустройства для UX-дизайнеров в Нью-Йорке?

Перспективы трудоустройства многообещающие для начинающих дизайнеров UX в Нью-Йорке и пригородах. По состоянию на март 2021 года в Glassdoor было размещено более 1000 объявлений о вакансиях для дизайнеров пользовательского интерфейса, многие из которых предлагают возможности удаленной работы. Кроме того, дизайнеры UX пользуются спросом в самых разных отраслях, включая такие компании, как Spotify, Salesforce, Bloomberg, Peloton и другие.

Можно ли стать дизайнером UX без опыта?

Хотя получение технической должности без предшествующего профессионального опыта сопряжено с проблемами, это не невозможно.Посещение учебного лагеря UX / UI — отличный способ отточить навыки, которые нужны работодателям, а также дает вам возможность практиковать эти навыки с помощью практических упражнений и портфельных проектов. В Columbia Engineering UX / UI Boot Camp вы также получите специальную помощь в планировании карьеры, которая поможет вам стать конкурентоспособным работодателем и выйти на рынок труда.

Какие навыки дизайна UX / UI нужны работодателям?

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

Что такое UI-дизайнеры и чем они отличаются от UX-дизайнеров?

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

Ты не единственный.

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

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

Зная это, моя команда из Creative Tim и я провели много исследований и создали исчерпывающее руководство по наиболее важным частям этих двух огромных доменов:

1. Дизайн пользовательского интерфейса — как все выглядит
2. UX-дизайн — как все работает
3. В чем основные различия между UI и UX-дизайном?
4. Чем занимаются UI / UX-дизайнеры?
5. Каковы недостатки комбинированной роли UI / UX?
6. Как UI / UX-дизайнеры работают вместе?
7. Какова зарплата UI- и UX-дизайнеров?
8. Как стать экспертом по пользовательскому интерфейсу или пользовательскому интерфейсу? Какие курсы / руководства по дизайну вы должны выбрать?
9. На чем следует специализироваться? UI или UX-дизайн?

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

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

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

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

Source

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

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

UX-дизайн — как все работает Дизайн

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

Чтобы получить представление о процессе UX, вот основные шаги:

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

Для хорошего UX-дизайна вам следует придерживаться следующих правил:

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

Когнитивные предубеждения

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

Источник

В чем основные различия между UI и UX-дизайном?

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

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

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

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

Вот основные различия между UI и UX дизайном:

• Основное внимание: Основное внимание дизайнеров пользовательского интерфейса уделяет качеству и визуальному оформлению конечного продукта, а также использованию Hi-Fi-моделей в качестве прототипов. UX-дизайнеры больше внимания уделяют цели и функциональности конечного продукта и больше заботятся о логике. Кроме того, дизайнеры пользовательского интерфейса занимаются техническими аспектами дизайна продукта, в то время как дизайнеры пользовательского интерфейса уделяют больше внимания управлению проектами и анализу проекта.
• Использование цвета: Дизайнеры пользовательского интерфейса создают прототипы в полном цвете, а дизайнеры UX — в черном, белом или сером.
• Инструменты: Дизайнеры пользовательского интерфейса используют такие инструменты, как Sketch, Flinto, Principle и InVision для совместного создания изображений. UX-дизайнеры используют инструменты прототипирования на основе каркасов, такие как Mockplus.
• Художественный компонент: Дизайнеры пользовательского интерфейса должны включать художественный компонент в свой дизайн, поскольку он связан с тем, что конечный пользователь видит, слышит и чувствует.UX-дизайн имеет больше социальной составляющей, поскольку он должен понимать, что пользователь хочет получить от конечного продукта.

Вот пример прототипов UX и UI для одного и того же конечного продукта:

Источник

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

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

• Работа в гибких командах.
• Создание пользовательских потоков, каркасов, прототипов и т. Д.
• Инструменты визуализации, такие как InVision, Sketch, Photoshop, Figma и т. Д. Для получения дополнительной информации о том, какой инструмент выбрать, ознакомьтесь с нашим исследованием в этой статье: InVision vs Sketch vs Figma vs Photoshop
• Языки программирования для внешнего интерфейса, такие как HTML5, CSS3 и JavaScript.
• Выполнение этапов визуального проектирования от начала до окончательной передачи.
• Сотрудничество с UX-дизайнерами, разработчиками, специалистами по контролю качества и менеджерами по продуктам для разработки и реализации инновационных визуальных идей для продуктов.
• Доведение бренда и стиля компании до пользователей через дизайн.
• Создание внешнего вида продукта с помощью анализа и исследования клиентов.
• Управление отзывчивостью, интерактивностью и анимацией продукта и его адаптация ко всем размерам экрана устройства.

Если вы хотите стать отличным UX дизайнером , вам следует развить следующие навыки / обязанности:

• Работа в гибких командах.
• Сильное понимание процесса UX.
• Инструменты для создания прототипов, такие как Adobe Creative Suite, Sketch, InVision, Axure и т. Д.
• Навыки решения проблем и любопытство ко всему, что связано с дизайном, людьми, жизнью и технологиями.
• Управление заинтересованными сторонами и взаимодействие с клиентами.
• Создание потоков процессов, каркасов, карт сайта, прототипов и результатов UX.
• Тесное сотрудничество с разработчиками, менеджерами по продуктам, дизайнерами пользовательского интерфейса, внешними заинтересованными сторонами и инженерами по обеспечению качества для итерации проектов на основе динамики рынка, отзывов пользователей и технических ограничений.
• Анализ потребностей клиентов, конкурентов, структуры продукта и стратегий для создания впечатлений от продукта.
• Создание безупречного дизайна и стратегий взаимодействия для мобильных, веб-сайтов, настольных компьютеров и другого оборудования.

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

Совместная роль UI / UX — это почти то же самое, что носить две разные шляпы одновременно.

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

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

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

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

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

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

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

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

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

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

UI-дизайнеров зарабатывают в среднем 50 тысяч человек по всему миру, при этом средняя зарплата в США составляет 91 тысячу, в Германии — 57 тысяч, во Франции — 47 тысяч, и 67 тысяч в Великобритании.

UX-дизайнеров зарабатывают немного больше, в среднем 52k по всему миру. UX-дизайнеры в США зарабатывают в среднем 102 тысячи, в Германии — 53 тысячи, во Франции — 49 тысяч, в Великобритании — 68 тысяч. (Источник: Glassdoor)

Примечание. Все перечисленные выше зарплаты являются средними для данного региона и указаны в долларах США.

Как стать экспертом по UI или UX? Какие курсы / руководства по дизайну вы должны выбрать?

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

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

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

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

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

На чем следует специализироваться? UI или UX-дизайн?

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

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

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

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

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

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

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

Последние мысли Пользовательский интерфейс

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

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

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

Если вы хотите создавать свои иллюстрации, используя компоненты рисованного эскиза с возможностью масштабирования, не ищите ничего, кроме продукта Creative Tim: IRA Design.

И будем поддерживать связь в Твиттере.

Взаимодействие с пользователем / Дизайн пользовательского интерфейса (UX / UI)

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

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

Мы научим вас программному обеспечению современных дизайнеров, в том числе:

Adobe Creative Suite (Acrobat, Illustrator, XD и т. Д.)

октябрь 2021 г.
Эта когорта будет ограничена аудиторией из сельских районов Нью-Йорка, Техаса и ОК в возрасте от 18 до 29 лет.

Узнайте больше о стипендии Thoma Equity Grant Rural Deep Dive Scholarship

Даты: 11 октября 2021 г. — 12 февраля 2022 г.
В праздничные недели будут перерывы.
Срок подачи заявок: 5 сентября 2021 г.

Февраль 2022 г. — Открытая регистрация
Даты: 21 февраля 2022 г. — 4 июня 2022 г.
Крайний срок подачи заявок: 21 января 2022 г.

июнь 2022 г.
Даты: 6 июня — 17 сентября
Крайний срок подачи заявок: 6 мая 2022 г.

август 2022 г.
Даты: 29 августа — 9 декабря
Крайний срок подачи заявок: 22 июля 2022 г.

Pre-Bootcamp (перед запуском программы)

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

Дизайн-мышление, стратегическое мышление, вдохновение и человеческий компонент (недели 1-2)

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

Исследование UX / UI-дизайна, методологии разработки программного обеспечения, идеи и исследования (недели 3-5)

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

Семиотика в дизайне, дизайн пользовательского интерфейса и символика, потоки пользователей и дизайн макета (недели 6-8)

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

Итерация — каркасы, пользовательское тестирование, прототипирование (9-11 недели)

• Начните понимать важность макетов и пользовательского тестирования.
• Перейдите на этап прототипирования с помощью Figma и Adobe XD.
• Результаты, отзывы, презентации презентаций и реализация (недели 12-15)
• Поймите, что значит прислушиваться к отзывам клиентов и реализовывать их.

  No related posts.