Введение в дизайн
Что такое дизайн?
Сайты часто являются проводником к услуге и продукту, поэтому, как любой проводник, сайт должен быть понятным и удобным. И отвечать прежде всего на два критерия: время и комфорт.
UX-дизайн
Для того, чтобы максимально сэкономить время посетителя сайта, вы должны уменьшить время поиска, время на выбор, показать все самое важное для пользователя быстро, четко и структурировано.
UI-дизайн
Для того чтобы пользователю было комфортно и приятно находится на сайте, и он получал эстетическое удовольствие от вида сайта.
UX-дизайн
Наша задача состоит в том, чтобы посетитель достиг своих (и ваших) целей на сайте максимально быстро. И так же быстро сделал выбор в вашу пользу. Также важно заслужить доверие аудитории.
UX и целевая аудитория
Сайты, ориентированные на разные группы людей, должны выглядеть по-разному.
Сайт, ориентированный на мужчин:
Сайт, ориентированный на женщин:
Сайт, ориентированный на детей:
Кто посетитель сайта?
Целевая аудитория сайта - это совокупность заинтересованных в контенте сайта пользователей или потенциальных потребителей продуктов, которые этот сайт предлагает.
Чем меньше кликов будет сделано до конечной цели посетителя (покупка, звонок, отправка формы, подписка на новости, … ) тем лучше. Такая цель называется конверсионным действием.
UX-дизайн. Основные ошибки
Основные ошибки:
- Перегруженная визуальная часть;
2. Ненужные разделы, которые не решают вашу задачу;
3. Длинные неструктурированные тексты;
4. Неправильное расположение элементов сайта.
UI-дизайн
Базовые правила UI
- от 3 до 5 цветов на странице;
- не более двух шрифтов на странице;
- расстояния между блоками и разделами - одинаковые;
- максимальный контраст цвета шрифта и фона;
- ссылки всегда подчеркнуты и одного цвета;
- иконки должны быть интуитивно понятны;
- прямоугольники с текстом - это кнопки;
- никаких градиентов.
Законы UI
- закон ясности: понятные иконки и картинки;
- закон контекста: элементы управления рядом с управляемым объектом;
- закон Фиттса: расстояние между курсором и “главной” кнопкой действия должно быть минимальным;
- закон Миллера и эффект края: при большом количестве разделов разбивать их на группы по 5-9 разделов;
- закон упрощения: при большом количестве текста, элементов формы максимально разбивать на шаги или этапы.