Ключевые страницы: красота или удобство?
DESCRIPTION
5 октября 2011, семинар "Формула сайта", СПб.TRANSCRIPT
![Page 1: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/1.jpg)
Ключевые страницы:красота или удобство?
05.10.2011 twitter @op 1
![Page 2: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/2.jpg)
Пользователь думает только о себе
05.10.2011 twitter @op 2
![Page 3: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/3.jpg)
Подстилаем соломку мыслям Пользователя
05.10.2011 twitter @op 3
![Page 4: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/4.jpg)
Страницы принятия решения?05.10.2011 twitter @op 4
![Page 5: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/5.jpg)
Карточка товараКонтактная информацияГлавная страница сайта05.10.2011 twitter @op 5
![Page 6: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/6.jpg)
«Приземляющие» страницы05.10.2011 twitter @op 6
![Page 7: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/7.jpg)
Действия + впечатление05.10.2011 twitter @op 7
![Page 8: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/8.jpg)
Что делает?
05.10.2011 twitter @op 8
![Page 9: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/9.jpg)
Проектировщик интерфейса отвечает за действия05.10.2011 twitter @op 9
![Page 10: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/10.jpg)
Что в голове Пользователя?05.10.2011 twitter @op 10
![Page 11: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/11.jpg)
Информационные запросыДействия в контексте05.10.2011 twitter @op 11
![Page 12: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/12.jpg)
Пример: карточка товара
Инфозапросы• Как выглядит товар?• Сколько стоит?• Подходит ли мне этот товар?
– для тех целей, в которых я хочу его использовать
– по техническим параметрам– по внешнему виду/размеру/цвету
• Как использовать/настроить товар?• Что говорят об этом товаре другие? Рекомендуют
ли его?• Какие товары (в этой же категории) лучше этого?• Есть ли товар в ближайшей/конкретной точке?• Как купить товар?• Где купить товар?• Какие запчасти, комплектующие, программы
могут понадобиться при работе с этим товаром?
Действия• Изучить информацию о
товаре• Купить товар• Обсудить в товар в
социальных сетях• Запомнить товар• Поторговаться о цене• Оставить отзыв о товаре
05.10.2011 twitter @op 12
![Page 13: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/13.jpg)
Из чего состоит ваш «конструктор»?
05.10.2011 twitter @op 13
![Page 14: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/14.jpg)
Пример: контактная информацияПродажи IT
Телефон + -
Соц. сети - +
Карта проезда + -
Время работы + -
05.10.2011 twitter @op 14
![Page 15: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/15.jpg)
Голова Пользователя + ваш конструктор == прототип
05.10.2011 twitter @op 15
![Page 16: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/16.jpg)
Пример: форма заказа авиабилета
05.10.2011 twitter @op 16
![Page 17: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/17.jpg)
Главная работа — обсуждение05.10.2011 twitter @op 17
![Page 18: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/18.jpg)
Время и силы:3-4 часа на итерацию по странице05.10.2011 twitter @op 18
![Page 19: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/19.jpg)
«Работает — не работает»:usability-тестирование05.10.2011 twitter @op 19
![Page 20: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/20.jpg)
Какой?
05.10.2011 twitter @op 20
![Page 21: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/21.jpg)
Графический дизайнеротвечает за впечатление05.10.2011 twitter @op 21
![Page 22: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/22.jpg)
Список прилагательных — основа дизайна
05.10.2011 twitter @op 22
![Page 23: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/23.jpg)
Три эскиза — три дизайнера05.10.2011 twitter @op 23
![Page 24: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/24.jpg)
Задача для дизайнера
1. Только ключевые страницы.
2. Прототип интерфейса.
3. Список прилагательных.
4. Файл с логотипом.
05.10.2011 twitter @op 24
![Page 25: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/25.jpg)
Время и силы:4-5 часов на страницу05.10.2011 twitter @op 25
![Page 26: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/26.jpg)
Не доделывайте эскизы!05.10.2011 twitter @op 26
![Page 27: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/27.jpg)
«Нравится — не нравится»: семантический дифференциал05.10.2011 twitter @op 27
![Page 28: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/28.jpg)
http://www.youtube.com/usabilitylab
137 бесплатных вебинаров
05.10.2011 twitter @op 28
![Page 29: Ключевые страницы: красота или удобство?](https://reader036.vdocuments.pub/reader036/viewer/2022070302/5477989fb4af9f30558b4735/html5/thumbnails/29.jpg)
Спасибо :)
Ольга Павлова, UsabilityLab
[email protected]+7 (812) 998-35-10olga-pavlova.ru
2905.10.2011 twitter @op