10 камней преткновения пользователя в путешествии по...

60
10 камней преткновения пользователя в его путешествии по сложному интерфейсу

Upload: andrew-shapiro

Post on 15-Jun-2015

1.161 views

Category:

Design


1 download

DESCRIPTION

Чем затупляют свои копья пользователи сложных веб-сервисов. О чем не стоит забывать проектировщику интерфейса и дизайнеру, сосредотачивающихся на решении массы составных задач в ходе проектирования. Поговорим коротко и на реальных примерах об опасностях, которые мы оставляем пользователям наших продуктов, оставляя без внимания такие вопросы как — назначение продукта, — нестыковки ментальных моделей, — система пространственной ориентации, — монотонность и множественные пути, — непрерывность и область невидимости, — учет особенностей человеческого восприятия, — различный опыт пользователей, — мнемонические правила и системы ценностей пользователей, — особенности реального отклика разных типов прототипов, — языковые формулировки.

TRANSCRIPT

Page 1: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

10 камней преткновения пользователяв его путешествии по сложному интерфейсу

Page 2: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Дизайн — это про передачу

смысла

«Главное, что волнует всех в дизайне — это то, как любую мысль передать средствами дизайна».

Самизнаетекто

Page 3: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Неясное назначениечто и зачем

Page 4: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Главное, что следует донести приложению до пользователя в первые минуты

что это, зачем это мне

Page 5: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Dude’s Law

Value = Why / How

David Hussman, dude,

software antropologist

Page 6: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 7: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 8: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Мы живём в скроллируемых «лентах»

Скорость потока только возрастает

Что вы сделаете чтобы вас не «прокрутили»?

Page 9: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Меня здесь ждут?

Page 10: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

А здесь? Эй..

Page 11: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Победителей не судят?

Page 12: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 13: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 14: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Конфликт ментальных моделейкак это работает-то?

Page 15: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Аудио и видео хостинг

Сайт знакомств

Площадка для троллинга

Платформа для разработки

Page 16: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Ментальная модель пользователя

Гениальный замысел создателей

ожидание пользователя →

цель и предположение о том, как ее достичь

как передать понимание?

Page 17: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 18: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Если процесс управления неочевиден, как пользователь узнает о нём?

Page 19: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Представление пользователя

Page 20: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 21: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

При излишнем постулировании вы рискуете привнести чуждые пользователю категории, сущности и связи между ними

Page 22: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Прерывание потокаразрывы и области невидимости

Page 23: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 24: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 25: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Гензель и Гретель братьев Гримм

В область «невидимости» могут попасть:

— категории и сущности новые для пользователя— участки пути пользователя

Оставленным в закоулках ваших интерфейсов пользователям одиноко и грустно

Page 26: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Пространственная дезориентациягде, куда, откуда

Page 27: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 28: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 29: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Неучет динамики — реального отклика системы

Page 30: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Как устроен город, если я…

езжу на авто езжу на метро

Page 31: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 32: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Прототипы– Раскадровка– Спрайт-шоу Axure

– С реальным откликом

Page 33: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Нарушение монотонности, двойные пути и страх

Page 34: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 35: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Опасения из-за предположений

Страх пробовать, ошибаться

Page 36: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 37: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Несовместимость опыта

Page 38: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

– Почему он не жмёт на эту огромную кнопку?

– Почему он жмёт на эти индикаторы?

Page 39: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 40: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 41: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Как мне подчеркивать ссылки: сплошным, пунктиром или точечками?

Page 42: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Неучет особенностей восприятия

Page 43: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Локус внимания

Page 44: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 45: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Цветовое пятно против формы

Беда с биннерами

Page 46: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Снято с охраны?

Сигналка — ОК

Сигналка отключена!

Page 47: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 48: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Нарушение мнемонических условностей и стандартов

Page 49: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Некоторые стандарты лучше бы не нарушать

Так ли много у нас стандартов…

Page 50: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Так что у нас есть

– Правила подчеркивания ссылок?– Лого в левом верхнем?– Расположение функциональных элементов

Page 51: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Мы можем условиться…

Page 52: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Языковые формулировки— Простите, что?

Page 53: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Люди формулируют…

– Данная страница не была найдена

– Что-то неправильно с вашими аудио настройками

– Кажется, ваш cookie для входа в ЖЖ потерялся

– Злонамеренное программное обеспечение может повредить или похитить информацию, находящуюся на вашем компьютере

Page 54: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 55: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

«Загрузить», «Скачать»

Page 56: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 57: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 58: 10 камней преткновения пользователя в путешествии по сложному интерфейсу
Page 59: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Очаровательная ненаглядность

Page 60: 10 камней преткновения пользователя в путешествии по сложному интерфейсу

Спасибо за внимание!

@xraizor

[email protected]

x-raizor.livejournal.com

Андрей Шапиропроектировщик интерфейса, организатор процесса разработки