UX (user experience) — это то, что думает и делает пользователь, когда взаимодействует с веб-проектом, т.е. его пользовательский опыт. И на это могут влиять совершенно разные факторы: стоимость продукта, ассортимент, удобство интерфейса, скорость загрузки, визуал и т. д.⠀
Вёрстка — воплощение дизайна в браузере или в мобильных приложениях. То есть это последний шаг перед тем, как пользователь увидит готовый продукт. Задача веб-разработчика не только сверстать то, что нарисовал дизайнер, но и адаптировать дизайн под правильное использование.
Обычно за UX отвечает дизайнер, но веб-разработчик может быть именно тем звеном, которое помогает команде своими навыками и умениями улучшить продукт, а именно ⬇️
▪️ настроить удобное управление с клавиатуры;
▪️ создать интерфейс, который будет быстро загружаться без багов;
▪️ сделать классную анимацию и плавные переходы между страницами.⠀
Понимание принципов UX поможет разобраться в макетах, размерах элементов, отступах и т.д., а также находить решения в сложных ситуациях, если рядом нет дизайнера.
Где и как прокачиваться в UX:
— обращать внимание на метрики страницы, производительность анимаций;
— изучать популярные UX-библиотеки, особенно набор компонентов, типографические стили и анимации;
— просматривать примеры отличных дизайнов и вёрсток, например на интернет-сайте конкурса профессиональных веб-дизайнеров и разработчиков ➡️ https://www.awwwards.com/?ref
— быть на одной волне с дизайнерами и менеджерами проекта.⠀
Подытожим: крутой фронтендер всегда несёт ответственность за качество продукта. Он не только верстает по макету, а ещё и осмысленно понимает решения дизайнера, помогает их улучшить, предлагая свои идеи.
#советы_от_methed