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

Дизайн интерфейсов: 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 Дизайн — Часть 1

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

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

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

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

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

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

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

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

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

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

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

Яндекс.Еда и Delivery Club.(Не реклама).

Начнем с Яндекс.

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

Давайте сравним его с Деливери. На первый взгляд интерфейс достаточно схожий.

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

Как по мне интерфейс Деливери оказался интуитивно понятнее и проще.

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