Формула сайта 2011, Нижний Новгород. Красивая обложка или удобство использования? Компромисс между дизайном и юзабилити. Евгений Молев, Burbon.ru

1. Дизайн vs Юзабилити
2000 – 2012 гг
Евгений В. Молев, Burbon.ru

2. Двуликий Янус визуализации
Диза́йн (англ. design инженер-конструктор,
от лат. designare отмерять) — творческая
деятельность, целью которой является
определение формальных качеств объекта,
включая внешние черты, структурные и
функциональные взаимосвязи, которые
превращают объект дизайна в единое целое
как с точки зрения дизайнера, так и с точки
зрения потребителя.

3. Двуликий Янус визуализации
Дизайн ∩ Юзабилити

4. Web design – веб-дизайнеру!

5. Оценить дизайн? Конверсия.

6. Parter.ru 2000г.

7. Parter.ru 2005г.

8. Parter.ru 2008г.

9. Parter.ru 2011г.

10. Sendflowers.ru 2000г.

11. Sendflowers.ru 2001г.

12. Sendflowers.ru 2011г.

13. Planetashop.ru 2002г.

14. Planetashop.ru 2004г.

15. Planetashop.ru 2011г.

16. Shinashop.ru 2002г.

17. Shinashop.ru 2006г.

18. Shinashop.ru 2011г.

19. Vipmir.ru 2004г.

20. Vipmir.ru 2008г.

21. Vipmir.ru 2011г.

22. Ozon.ru 2000г.

23. Ozon.ru 2005г.

24. Ozon.ru 2011г.

25. Runигрet 2000-2012г.

26. Привлекли Всех на сайт!
1. Нечитаемый текст
2. Нестандартные ссылки
3. Злоупотребление Flash-анимацией
4. Контент, не для Web
5. Плохой поиск
6. Несовместимость браузеров
7. Громоздкие формы
8. Отсутствие контактной информации
9. Страницы с фиксированной шириной
10. Неверное увеличение фотографий
(“10 главных ошибок веб-дизайна 2005 года”,
Якоб Нильсен)

27. А что дальше?
Не дайте пользователю споткнуться, пока он несет Вам деньги!

28. Где покупатель ищет информацию?

29. Что отталкивает покупателей?
- Всплывающие окна;
- Необходимость установки дополнительного ПО;
- Не работающие ссылки;
- Запутанная навигация и структура сайта;
- Обязательная регистрация для доступа к контенту;
- Медленная загрузка страниц;
- Неэффективный поиск по сайту;
- Устаревший контент;
- Отсутствие контактной информации (только веб-форма);
- Звуковое сопровождение;
- Невозможность использования кнопки браузера «Назад»;
- Анимация графики и текста;
- Открытие ссылки в новом окне;
- Бедные внешний вид, отсутствие дизайна;

30. Проектирование продаж
1. Ух ты, это что-то интересное!
2. Это зачем же они его так крепят?
3. - Какие у него свойства?
- Что лучше из этого класса товаров?
- Сколько это стоит?
- А оно того стоит?
- Я могу купить это здесь?
- А скидки будут?
- А привезут когда?
- А что если... с кого спросить?
- А как оплатить?
4. А кассовый чек дадут?

31. Точки входа: главная

32. Точки входа: главная

33. Точки входа: каталог

34. Точки входа: товар

35. Дело сделано!

36. Корзина – это еще не все!

37. Точка выхода: заказ

38. А еще и красиво?

39. А еще и красиво?

40. А еще и красиво?

41. Благодарю за внимание :-)
Прайс нашего дизайнера:
1. Я всё делаю сам - €100;
2. Я делаю, Вы смотрите - €200;
3. Я делаю, Вы советуете - €300;
4. Я делаю, Вы помогаете - €500;
5. Вы делаете, я помогаю - €800.
mailto:
ev.molev@burbon.ru