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

Опубликовано: 25.02.2017

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

Пожилые пользователи ноутбуков и юзабилити

Читать первую часть статьи



Читать вторую часть статьи

Читать третью часть статьи

Читать четвертую часть статьи

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


Что такое юзабилити и как оно должно быть сделано?

Прототип и макет: что такое wireframe и mockup

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


Как делать юзабилити аудит сайта - Практика Обучение

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

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

Что нужно знать о модульной сетке 960 и 970

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

 

rss