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