Введение в дизайн и UX

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

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

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

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

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

Пункты для размышления

  • Что такое дизайн?
  • Что такое пользовательский опыт (UX)?
  • Какая разница между UX и UI?
  • На каких трех вещах должен фокусироваться UX?
  • Что такое визуальная иерархия и почему она важна для сайтов?
  • Каковы первостепенные способы достижения визуальной иерархии?
  • Что такое пирамида дизайнерской иерархии?
  • Что такое CRAP факторы эффективного макета и для чего они используются?

Задание:

  1. Прочитайте "Вот как работает дизайн" от Startups
  2. Прочитайте UX 101 - Что такое пользовательский опыт от Dashburst.com
  3. Более детальный взгляд на то, что же такое UX на самом деле от Smashing Magazine. Don't worry about absorbing all the tools and techniques... focus on the high level stuff at the top.
  4. Прочитайте Очень простой обзов визуальной иерархии от 52weeksofUX
  5. Почитайте о принципах C.R.A.P дизайна, о которых вы, не осознавая этого, знаете уже давно.

Дополнительные ресурсы

...Если вам недостаточно UX/Design. Не отвлекайтесь... Не отрывайте взгляда от награды!

Поделиться уроком: