10.94M
Category: internetinternet

Дизайн на нашей стороне. 100 и 1 блюдо из рыбы фугу

1.

Вадим Кендюхов
Дизайн на нашей стороне.
100 и 1 блюдо из рыбы фугу.

2.

Лучший друг
вашего
заказчика

3.

Этапы разработки дизайна
1. Предпроектное исследование (собираем всю необходимую информацию, как о
2.
клиенте, так и об отрасли и его конкурентах)
Проектирование (определение целей, составление портретов и сценариев
пользователей, создание карты сайта)
Прототипирование (схематичное отображение будущего сайта)
3.
4. Согласование прототипа
5. Дизайн главной страницы
6. Согласование главной страницы
7. Дизайн внутренних
8. Согласование внутренних
9. Адаптивный дизайн
10.Согласование концепции

4.

Правила и методология
Дизайн интерфейса
Теория близости
(правило внутреннего и внешнего)
равило модульной сетки
Теория цвета
Правило якорных объектов
Принципы работы с
типографикой
Теория иерархии объектов
Принципы работы с
фотографией
Правила взаимодействия с
текстом
Правила соблюдения
концепции

5.

Рыбы семейства «Иглобрюхие»

6.

Процесс приготовления рыбы фугу
Тебе 22. Ты на экзамене.
Готовишь фугу

7.

А давай сами
приготовим
ядовитую рыбу,
от которой люди
мрут пачками!

8.

Задачи дизайна интернет-магазина
Максимально быстрый переход пользователя с главной страницы в категорию,
товар или акцию
Обеспечение удобной и понятной навигации по каталогу
Помощь пользователю в поиске нужных товаров
Простой и понятный механизм добавления товаров в корзину
Увеличение продаж при помощи акций и скидок
Побуждение пользователя, находящегося в карточке товара, к покупке
Побуждение пользователя к приобретению дополнительных или смежных товаров
Побуждение пользователя оставить e-mail или телефон для рассылки
Обеспечение беспрепятственного и быстрого сценария оплаты товара

9.

Примеры классического дизайна

10.

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

11.

Традиционные элементы в дизайне

12.

Я уже видел
квадратные
кнопки у
конкурентов.
Нужны круглые.

13.

Банально круглый
руль
Клавиатура ноутбука
со скучной
раскладкой «как у
всех»
Крыло самолета с
пресловутой подъемной
силой

14.

Благодарю за внимание!
Вадим Кендюхов
Руководитель проектов,
веб-студия «Клипсайт»
При поддержке:
[email protected]
facebook.com/kendyuhov.vadim
vk.com/kendyuhov
Организаторы:
English     Русский Rules