Elettracompany.com

Компьютерный справочник
12 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

Дизайн интерфейсов: 10 правил UI-дизайна

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

1. Четко понимайте роль UI и UX

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

Грубо говоря, UX – это «как работает», а UI – «как выглядит».

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

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

2. Знайте целевую аудиторию сайта

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

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

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

Помните: использование визуально приятных веб-шаблонов поможет привлечь ЦА.

При этом отличайте вкусы аудитории от своих собственных. Определившись с ЦА, можно провести тестирование и получить отзывы посетителей. Фидбэк – залог успеха.

3. Простой и понятный UI-дизайн

Отличительной особенностью хорошего интерфейса является простота.

Мы не имеем в виду приклеивание кнопки здесь и там с примитивной анимацией.

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

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

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

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

4. Внедряйте визуальную иерархию сайта

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

Самый простой пример – укрупнение элемента, превращение его в центр страницы (вот почему никто не игнорирует Годзиллу!). Возьмем популярный веб-сайт Netflix, где при открытии главной страницы вас сразу встречают выделенные рекомендации.

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

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

5. Правильно используйте типографику

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

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

Размер играет ключевую роль при использовании шрифтов в вебе.

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

6. Цвета и контраст в дизайне интерфейса

Некоторые комбинации, такие как синий на красном, читаются ужасно.

Хороший UI-дизайнер никогда не допустит появления такого «салата» на мониторе.

Выбор правильных цветов для дизайна интерфейса – это целая наука.

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

Цветовая схема должна быть не только красивой, но и эффективной.

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

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

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

7. Настройте обратную связь

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

Идет загрузка? Почему бы не вывести в этот момент анимацию с полезным сообщением для пользователя? Человек неверно заполнил форму – почему сразу не сообщить ему?

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

Обратная связь – лучший способ научить людей правильно пользоваться продуктом.

8. Упрощайте формы для заполнения

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

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

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

Спросите себя: «Действительно ли эта форма необходима?».

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

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

9. Дизайн интерфейсов – командная работа

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

10. Объедините результаты UI-дизайна

Как мы уже говорили, дизайн интерфейсов – сложный процесс.

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

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

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

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

В этой статье рассказывается, какую роль дизайн интерфейсов играет в условиях современного рынка. А также, что отличает хороший интерфейс от плохого ( UI = user interface, то есть, интерфейс пользователя ). Также мы взглянем на парочку новых моделей UI дизайна, включая Google Fuchsia и Fluent Design от Microsoft .

Роль UI дизайна сегодня?

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

Творчество разработчиков пользовательских интерфейсов ограничено определенным устройством и операционной системой. Их работа часто должна соответствовать рекомендациям производителя операционной системы ( Google для Android, Apple для iOS ). Apple публикует, что можно, а чего нельзя для пользовательского интерфейса, а также подробный список рекомендаций для UI . У Google также есть собственные стандарты материального дизайна .

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

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

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

Читать еще:  Ювелир дизайнер обучение

Поле для ввода текста и курсор предлагают пользователю ввести текст, а кнопка « Подтвердить » — кликнуть или коснуться ее, чтобы продолжить:

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

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

При нажатии по кнопке-гамбургеру…

…появляется меню, которое приглашает пользователя выбрать дополнительные варианты:

Ползунок приглашает пользователя коснуться/кликнуть и перетащить его, чтобы изменить настройки, например, яркость экрана:

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

Это лишь некоторые примеры элементов дизайна интерфейсов приложений . Но все они объединены идеей повысить эффективность взаимодействия с пользователем.

Интерфейс: хороший, плохой и ужасный

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

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

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

Разработан с учетом глубокого понимания пользователя, его потребностей и того, как он будет перемещаться по приложению или сайту. Поэтому мы и говорим, что дизайн UI является одним из аспектов UX-дизайна ( UX = User eXperience , опыт взаимодействия ).

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

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

Плохой интерфейс

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

В таком интерфейсе очень много мелкого текста, который трудно читать. Кроме этого, плохому интерфейсу присуще использование жаргона ( в том числе профессионального ) вместо понятного языка. Например, написано: « Плохие данные ». А нужно — « Неверные логин и пароль ». К плохому интерфейсу также можно отнести применение назойливых диалоговых окон вместо панели уведомлений:

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

Ужасный интерфейс

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

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

Я, как давний пользователь Amazon , особо и не замечал изменений во внешнем виде или способе взаимодействия. Но вот как выглядел Amazon 10 лет назад:

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

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

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

В последние месяцы все чаще слышно о «Fluent Design» от Microsoft . Говорят, он нацелен на интеграцию большей визуальной глубины и движения. То же самое касается экспериментальной операционной системы от Google с кодовым названием «Fuchsia» , в которой разработчики пытаются обойтись без рабочих столов и иконок.

Каково, по-вашему, будущее UI-дизайна? Поделитесь своими соображениями!

Данная публикация представляет собой перевод статьи « How To Get Started In User Interface (UI) Design » , подготовленной дружной командой проекта Интернет-технологии.ру

Дизайнер интерфейсов

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

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

Краткое описание

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

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

Особенности профессии

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

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

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

Плюсы и минусы профессии

Плюсы

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

Минусы

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

Важные личные качества

  • Отличные аналитические способности.
  • Не конфликтность.
  • Склонность к монотонной и малоподвижной работе.
  • Знание иностранных языков и языков программирования.
  • Хорошо развитый художественный вкус.
  • Умение рисовать, используя современные программы.
  • Знание основ маркетинга, дизайна и программирования.

Обучение на Дизайнера интерфейсов

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

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

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

Читать еще:  Дизайн интерьера заочное обучение

Курсы

Школа Projector (г. Киев, форма обучения — вечерняя)

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

Что должен уметь дизайнер интерфейсов

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

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

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

UI/UX дизайнер мобильных приложений

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

Навыки

Думать: Теоретические навыки

  • Современные тенденции в digital-дизайне
  • Основы мобильного дизайна
  • Принципы взаимодействия при помощи интерфейса (GUI/UX)
  • Понимание итераций, метрик, конверсии, воронок, KPI, Roadmap, MVP и т.д.
  • Композиция, колористика
  • Понимание usability
  • Гайдлайны мобильных платформ (iOS, Android, Windows Phone)
  • Процесс сопровождения и поддержки цифровых продуктов
  • Техническая сторона мобильной разработки
  • Функционирование медийных каналов распространения коммуникации

Делать: Профессиональные навыки

  • Создание логики приложения
  • Владение ПО для разработки дизайна цифровых продуктов (Adobe СС, Axure, SketchApp, InVision)
  • Работа с основными составляющими дизайна интерфейса (типографика, макет, цвет, иконки, анимация)
  • Интерактивный дизайн
  • Создание целостного продукта (прототипирование, wireframe, проектирование, тестирование, отрисовка, сопровождение)
  • Продвижение продуктов (промо, лендинги, видео)
  • Технические задания
  • Тестирование продукта

Действовать: Личностные качества

  • Клиентоориентированность, работа с заказчиком
  • Профессиональная коммуникация
  • Тайм-менеджмент, рациональная организация рабочего процесса
  • Независимая работа
  • Работа в команде
  • Многозадачность, умение вести несколько проектов параллельно
  • Внимание к деталям
  • Ответственность за результат
  • Саморазвитие, повышение своего профессионального уровня

Кто такой дизайнер интерфейсов

Михаил Розов (Pinkman) считает, что дизайнер интерфейсов должен уметь:

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

Так как это сейчас одно из самых популярных направлений на рынке, в Москве такой профессионал может рассчитывать на зарплату от 50 до 170 тысяч рублей, в регионах – от 30 до 90 тысяч.

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

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

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

Что нужно уметь

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

  • базовые навыки графического дизайна: работа с редакторами (Illustrator, Photoshop, InDesign), типографика (язык искусства оформления текста),
  • понимание того, как вообще проектируются интерфейсы,
  • основы юзабилити (ориентация пользователя на сайте при минимуме ошибок),
  • производство объектов.

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

Такой подход подразумевает работу с самым разным софтом – помимо Figma или Sketch, нужно уметь работать в 3D.

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

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

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

Куда пойти учиться

Дизайн-образование в России сегодня отвечает требованиям индустрии, помимо Школы дизайна НИУ ВШЭ и Британской высшей школы дизайна, существует масса различных курсов, предназначенных для людей, начинающих с нуля. Все они могут сделать из человека перспективного junior-дизайнера.

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

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

БВШД предлагает следующую программу

UX/UI дизайн: Передовые методики для создания фундаментального и конструктивного пользовательского опыта

  • дизайн опыта взаимодействия (англ. User eXperience, UX)
  • дизайн интерфейса (англ. User Interface, UI)

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

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

Базовый фреймворк (Human Centered Design)

  • Введение в предметную область
  • Уровни UX дизайна
  • Основные элементы UI
  • Гайдлайны платформы iOS, типографика, макет, цвет, иконки, UI-kit
  • Сторителлинг

Design Sprint — взгляд из Mail.ru

  • UX-стратегия / DesignOps
  • Эмоциональная коммуникация в интерфейсах
  • Качественные исследования
  • CJM
  • Дизайн-системы
  • Кодинг
  • Прототипирование
  • Анимация и дизайн интерфейсов
  • Презентация проектов

IBM Design Thinking и навыки работы с AR/VR

  • Введение в IBM Design Thinking
  • Проведение качественных исследований
  • Карты эмпатии и Scenario maps
  • Lego Serious Play
  • Индустрии применения VR
  • Сторителлинг в VR
  • VR/AR прототипирование и основа программ
  • Основы разработки

Jobs to be done

  • Взгляд на потребности людей
  • Jobs as progress
  • Переключение
  • Взгляд на конкурентов через призму работ
  • Стратегия развития продуктов
  • JTBD Framework в качественном исследовании
  • Интерпретация интервью и синтез артефактов

Для обучения на курсе вам необходимо иметь собственные устройства, которые потребуется приносить с собой на занятия: ноутбук (желательно MAC, но возможно и РС) и смартфон на iOS или Android выпуска не ранее 2015 года.

Курсы UX дизайна включают работу в разных программах. Вам может понадобиться дополнительное программное обеспечение, покупку и установку которого необходимо произвести самостоятельно. Перечень, степень обязательности зависит от специфики учебных заданий и того, какими средствами вы решите реализовывать ваши проекты. Одними из самых популярных и основных инструментов для работы с UI на сегодня являются Sketch и Figma. Инструментами анимации могут быть Principle или Flinto. Для работы с VR мы будем использовать Unity.

Дизайнеру интерфейсов нельзя быть интровертом

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

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

Именно поэтому, помимо hard skills, о которых рассказывали выше, нужно учиться правильно презентовать свой субъективный продукт клиенту и общаться с заказчиком. Нужно уметь убеждать, что твоя работа уникальна, поскольку не каждый менеджер сможет сделать это за тебя.

Читать еще:  Дизайн аксессуаров обучение

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

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

UX/UI-дизайн: что это такое?

Понятиям UX и UI уже около 70 лет, но некоторые дизайнеры все еще путают их. Мы рассказали, что означают аббревиатуры и кто такой UX-дизайнер.

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

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

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

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

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

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

UX не заканчивается на красивой и понятной форме на сайте. UX — это путь пользователя от точки входа до точки выхода, из пункта А в пункт&nbspБ.

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

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

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

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

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

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

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

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

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

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

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

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

Ясность

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

Лаконичность

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

Узнаваемость

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

Отзывчивость

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

Постоянство

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

Эстетика

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

Эффективность

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

Снисходительность

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

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

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

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

UX, User Experience

UI, User Interface

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

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

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

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

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

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

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

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

Что такое UX и UI — бесплатный вебинар Skillbox+AIC.

Что такое UX-дизайн в блоге Tilda.

Что такое UX и UI на примере средневековых профессий.

Чем отличается UX-дизайнер и UI-дизайнер в блоге ADN.

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

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

Карта талантов UX-дизайнера: что стоит развивать.

Прошлое, настоящее и будущее UX: что ждет дизайн интерфейсов в 2018 году.

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

Бесплатный курс «Дизайн интерфейсов для нормальных людей» Антона Жиянова.

Ссылка на основную публикацию
ВсеИнструменты 220 Вольт
Adblock
detector