Ключевые страницы: красота или удобство?

Ключевые страницы:красота или удобство?

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

op@usabilitylab.net+7 (812) 998-35-10olga-pavlova.ru

2905.10.2011 twitter @op