Как оценить дизайн?

25
Алгебра вкусовщины Андрей Сикорский

Upload: andrew-sickorsky

Post on 22-May-2015

800 views

Category:

Technology


0 download

DESCRIPTION

Доклад на #404fest в 2010 году

TRANSCRIPT

Page 1: Как оценить дизайн?

Алгебра вкусовщины

Андрей Сикорский

Page 2: Как оценить дизайн?

Дисклеймер

1. Этот доклад скучный2. В нем есть страшная

картинка3. Даже несколько

страшных картинок

Page 3: Как оценить дизайн?
Page 4: Как оценить дизайн?

Контрастнее или нет?

Page 5: Как оценить дизайн?

Второй вариант!

Page 6: Как оценить дизайн?

Что делать с шрифтом?

Page 7: Как оценить дизайн?

Второй вариант!

Page 8: Как оценить дизайн?

Что комфортнее?

Page 9: Как оценить дизайн?

Первый вариант!

Page 10: Как оценить дизайн?

Что вызывает больше доверия?

Page 11: Как оценить дизайн?

Первый вариант!

Page 12: Как оценить дизайн?

КАК ЭТО ВСЕ ОЦЕНИВАТЬ?!

Page 13: Как оценить дизайн?

HiPPO

Дизайнер

Друзья-дизайнеры

Критерии

Page 14: Как оценить дизайн?

HiPPO

Дизайнер

Друзья-дизайнеры

Критерии

КАК ЭТО ВСЕ ОЦЕНИВАТЬ?1!!11

Page 15: Как оценить дизайн?

Критерии?• Задачи, ставящиеся

перед продуктом– Аудитория– Конкуренты– «Желаемый образ»

• Гипотезы дизайнеров– «теплее-холоднее»

• Эмоциональное воздействие

• …

Page 16: Как оценить дизайн?

Desirability toolkit• 118 карточек «отношения

к продукту»– Доступный– Высококачественный– Приглашающий– Техничный– Перегруженный– …

• Пользователи отбирают карточки и делают комментарии– Это можно сделать в

online!

Page 17: Как оценить дизайн?

Оценка по шкалам• Полярные шкалы,– некоторые качества

продукта– Выровненные

эмоционально

• Пользователь оценивает продукт

• Анализ ведется– По средним значениям

шкал– По факторам

Page 18: Как оценить дизайн?

Реальный случай:Оцениваемый интерфейс Другие устройства/дизайны

2 устройства, 2 вариации дизайна

Page 19: Как оценить дизайн?

Еще одна возможная оценка Оцениваемый интерфейс Идеальный интерфейс

Page 20: Как оценить дизайн?

Шкалы и результаты

• Быстрый- Медленный • Молодежный- Солидный • Гибкий- Не гибкий • Простой- Сложный • Дружелюбный- Отстраненный • Сильный- Слабый • Упорядоченный- Хаотичный

Page 21: Как оценить дизайн?

Еще одно представлениеБыстрый- Медленный

Молодежный- Солидный

Гибкий- Не гибкий

Простой- СложныйДружелюбный- Отстраненный

Сильный- Слабый

Упорядоченный- Хаотичный

0.00

1.00

2.00

Series1 Series2 Series3 Series4

Это не та страшная картинка!

Page 22: Как оценить дизайн?

Факторный анализ• Найти, что объединяет

те или иные шкалы– Что на самом деле

влияет на отношение к продукту

• Сравнить продукты по факторам

Та самая страшная картинка

Page 23: Как оценить дизайн?

Для упомянутого случая• Активность – Быстрый,– сильный

• Удобство– простой, – дружелюбный,– Гибкий

• Крикливая якрость (экспрессивность)– молодежный, – хаотичный

Активность

Удобство

Крикливая яркость

-0.8 -0.6 -0.4 -0.2 0 0.2 0.4 0.6 0.8

0.4

0.2

-0.1

0.5

0.2

-0.4

-0.4

-0.5

0.7

-0.6

-0.3

0.1

Page 24: Как оценить дизайн?

Резюме процесса1. Разобраться с исходными критериями2. Выделить оппозиты

1. Выровнять по эмоциональности2. Соблюдать одинаковую степень оценочности3. Использовать понятный язык4. Добиваться смысловых антонимов5. Перемешать направления шкал для опросника

3. Провести исследования1. Google forms2. usabilla3. Surveygizmo4. …

4. Анализ1. Выделить факторы и сравнить2. Сравнить средние

Page 25: Как оценить дизайн?

СПАСИБО! ВОПРОСЫ?