design vs usability

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

Upload: -burbonru

Post on 22-Nov-2014

525 views

Category:

Business


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Design vs usability

Дизайн vs Юзабилити2000 – 2012 гг

Евгений В. Молев, Burbon.ru

Page 2: Design vs usability

Двуликий Янус визуализации

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

Page 3: Design vs usability

Двуликий Янус визуализации

Дизайн ∩ Юзабилити

Page 4: Design vs usability

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

Page 5: Design vs usability

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

Page 6: Design vs usability

Parter.ru 2000г.

Page 7: Design vs usability

Parter.ru 2005г.

Page 8: Design vs usability

Parter.ru 2008г.

Page 9: Design vs usability

Parter.ru 2011г.

Page 10: Design vs usability

Sendflowers.ru 2000г.

Page 11: Design vs usability

Sendflowers.ru 2001г.

Page 12: Design vs usability

Sendflowers.ru 2011г.

Page 13: Design vs usability

Planetashop.ru 2002г.

Page 14: Design vs usability

Planetashop.ru 2004г.

Page 15: Design vs usability

Planetashop.ru 2011г.

Page 16: Design vs usability

Shinashop.ru 2002г.

Page 17: Design vs usability

Shinashop.ru 2006г.

Page 18: Design vs usability

Shinashop.ru 2011г.

Page 19: Design vs usability

Vipmir.ru 2004г.

Page 20: Design vs usability

Vipmir.ru 2008г.

Page 21: Design vs usability

Vipmir.ru 2011г.

Page 22: Design vs usability

Ozon.ru 2000г.

Page 23: Design vs usability

Ozon.ru 2005г.

Page 24: Design vs usability

Ozon.ru 2011г.

Page 25: Design vs usability

Runигрet 2000-2012г.

Page 26: Design vs usability

Привлекли Всех на сайт!

1. Нечитаемый текст2. Нестандартные ссылки3. Злоупотребление Flash-анимацией4. Контент, не для Web5. Плохой поиск6. Несовместимость браузеров7. Громоздкие формы8. Отсутствие контактной информации9. Страницы с фиксированной шириной10. Неверное увеличение фотографий

(“10 главных ошибок веб-дизайна 2005 года”,Якоб Нильсен)

Page 27: Design vs usability

А что дальше?

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

Page 28: Design vs usability

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

Page 29: Design vs usability

Что отталкивает покупателей?

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

Page 30: Design vs usability

Проектирование продаж

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

Page 31: Design vs usability

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

Page 32: Design vs usability

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

Page 33: Design vs usability

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

Page 34: Design vs usability

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

Page 35: Design vs usability

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

Page 36: Design vs usability

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

Page 37: Design vs usability

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

Page 38: Design vs usability

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

Page 39: Design vs usability

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

Page 40: Design vs usability

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

Page 41: Design vs usability

Благодарю за внимание :-)

mailto: [email protected]

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