Обучение ui/ux дизайну

10 рекомендаций начинающим UI/UX дизайнерам

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

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

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

Не жалейте времени на рисунки и наброски

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

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

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

Тестируйте прототипы

10 рекомендаций начинающим UI/UX дизайнерам

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

На самом деле, способов тестирования очень много. Можно организовать лабораторные испытания или тестирование с дисконтом. В случае если интересуют детали, советуем к прочтению книгу «Справочник по юзабилити-тестированию: Как планировать, разрабатывать, проводить качественное тестирование» Даны Чиснел и Джеффри Рубина.

Также нам очень нравится средство для прототипирования Invision. Оно превращает задумки в кликабельные и интерактивные макеты.

Адаптируйте дизайн под различные мобильные устройства

10 рекомендаций начинающим UI/UX дизайнерам

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

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

Мы использовали принцип разбиения задачи на компоненты. При этом каждому отдельному процессу соответствует одна подзадача.

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

Используйте UI шаблоны

10 рекомендаций начинающим UI/UX дизайнерам

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

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

Поймите механику процесса

10 рекомендаций начинающим UI/UX дизайнерам

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

Это могут быть способы динамичной разработки применительно к интерактивному и пошаговому дизайну, модель зрелости организации (CMMI и CMM) для контроля качества и анализа, либо принципы «бережливого стартапа» в плане понимания нужд пользователя через наименее жизнеспособный продукт (MVP).

Улучшение = изучение

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

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

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

Применяйте GoogleDrive и его аналоги

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

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

Изучаем технические нюансы

10 рекомендаций начинающим UI/UX дизайнерам

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

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

Не стоит забывать про сочетаемость цветов

10 рекомендаций начинающим UI/UX дизайнерам

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

Применяйте такие элементы дизайна, как пустое пространство, линии, анимация

10 рекомендаций начинающим UI/UX дизайнерам

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

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

Бесплатный онлайн-курс «UX Designer: быстрый старт»

источник

Понравилось? Расскажите друзьям:






Комментарии:

(напишите, что вы думаете об этом)