SlideShare a Scribd company logo
1 of 42
Выращиваем интерфейс своими руками Б ез дизайнеров и usability-специалистов twitter @op
Что такое интерфейс? ,[object Object],[object Object],twitter @op
Интерфейс — инструмент для диалога Пользователя с Системой twitter @op
Какие ещё бывают инструменты для диалога? ,[object Object],twitter @op
Часть правил игры уже знакома ,[object Object],twitter @op
Интонации интерфейса ,[object Object],[object Object],twitter @op
Текст? Текст! ,[object Object],twitter @op
Расскажите, что происходит между Пользователем и Системой twitter @op
Картинки — дело привычки. Буквы — дело принципа. twitter @op
Запишите диалоги twitter @op
Пользовательские сценарии ,[object Object],[object Object],twitter @op
Монолог — это вырожденный диалог twitter @op
«Мама мыла раму» — пишем просто и быстро twitter @op
Как писать? Как будто вы не видите экран ,[object Object],[object Object],twitter @op
Принцип мячика ,[object Object],twitter @op
Ожидание (молчание)—тоже часть диалога twitter @op
Бывают ошибки ,[object Object],twitter @op
Где же «страницы» («экраны»)? ,[object Object],twitter @op
[object Object],[object Object],[object Object],[object Object],[object Object],twitter @op
Нашли «страницы»? Опишите! ,[object Object],twitter @op
По каждой «странице»: ,[object Object],[object Object],[object Object],[object Object],twitter @op
Пока всё хорошо. Но что же конкретно делать? twitter @op
Нужны приоритеты. Самое время для персонажей . twitter @op
[object Object],twitter @op
Поверьте в персонажей ,[object Object],twitter @op
Для экстремалов — персонажи живьём Usability-тестирование twitter @op
Персонажи, а не вы, выставят приоритеты ,[object Object],[object Object],[object Object],[object Object],twitter @op
Вы и ваши коллеги можете быть персонажами twitter @op
Можно собирать интерфейс ,[object Object],twitter @op
Авторитет важней умения ,[object Object],twitter @op
Запаситесь буквами перед обсуждением картинок ,[object Object],[object Object],twitter @op
Сценарии и модель — посредники при доведении до ума twitter @op
Поговорим? twitter @op
«Тут не предусмотрен случай  такой-то » ,[object Object],twitter @op
«Нужно цельное решение, предложите готовые варианты» ,[object Object],twitter @op
«Нет никаких сценариев, сделайте мне одну простую страничку» ,[object Object],twitter @op
«А где техническое задание?» ,[object Object],twitter @op
«Не вижу картину в целом, покажите список страниц» ,[object Object],twitter @op
«Должно быть по guidelines» ,[object Object],twitter @op
Первая версия — в помойку. Вторая — в топку. А третья — в разработку. twitter @op
Долго? Дорого? Правда, что ли? ,[object Object],[object Object],[object Object],[object Object],[object Object],twitter @op
Спасибо   :) Ольга Павлова,  UsabilityLab olga-pavlova.ru twitter @op twitter @op

More Related Content

Similar to выращиваем интерфейс своими руками. ольга павлова. зал 3

Разработка ПО. Введение в специальность 3. Требования
 Разработка ПО. Введение в специальность 3. Требования Разработка ПО. Введение в специальность 3. Требования
Разработка ПО. Введение в специальность 3. ТребованияPavel Egorov
 
Приёмы программирования
Приёмы программированияПриёмы программирования
Приёмы программированияTimur Shaporev
 
Проектирование интерфейса: как запланировать и оценить стоимость?
Проектирование интерфейса: как запланировать и оценить стоимость?Проектирование интерфейса: как запланировать и оценить стоимость?
Проектирование интерфейса: как запланировать и оценить стоимость?Ольга Павлова
 
Проектирование: как запланировать и оценить стоимость?
Проектирование: как запланировать и оценить стоимость?Проектирование: как запланировать и оценить стоимость?
Проектирование: как запланировать и оценить стоимость?I2B 2011
 
Роль_текста_в_интерфейсе
Роль_текста_в_интерфейсеРоль_текста_в_интерфейсе
Роль_текста_в_интерфейсеYandex
 
Проектирование историй в интерфейсах
Проектирование историй в интерфейсахПроектирование историй в интерфейсах
Проектирование историй в интерфейсахСобака Павлова
 
Особенности веба
Особенности вебаОсобенности веба
Особенности вебаMax Burtsev
 
Как бороться с профессиональной незрелостью
Как бороться с профессиональной незрелостьюКак бороться с профессиональной незрелостью
Как бороться с профессиональной незрелостьюОльга Павлова
 
Framework продуктового планирования
Framework продуктового планированияFramework продуктового планирования
Framework продуктового планированияОльга Павлова
 
4я лекция - Прототипирование.
4я лекция - Прототипирование.4я лекция - Прототипирование.
4я лекция - Прототипирование.allileja
 
портрет профессии технический писатель
портрет профессии технический писательпортрет профессии технический писатель
портрет профессии технический писательОльга Михеева
 
Организация бета-тестирования
Организация бета-тестированияОрганизация бета-тестирования
Организация бета-тестированияОльга Павлова
 
Деловой интернет - Человек человеку робот
Деловой интернет - Человек человеку роботДеловой интернет - Человек человеку робот
Деловой интернет - Человек человеку роботYury Shilyaev
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»e-Legion
 
Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...
Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...
Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...Alexander Orlov
 
Интерфейсы
ИнтерфейсыИнтерфейсы
ИнтерфейсыMax Burtsev
 
Завершающая лекция - часть 1 - информатика и зомби
Завершающая лекция - часть 1 - информатика и зомбиЗавершающая лекция - часть 1 - информатика и зомби
Завершающая лекция - часть 1 - информатика и зомбиAlexey Vasyukov
 
Пери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллектПери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллектMicrosoft
 
Bank.Bot-2016. 14 digitalx
Bank.Bot-2016. 14 digitalxBank.Bot-2016. 14 digitalx
Bank.Bot-2016. 14 digitalxBankir_Ru
 

Similar to выращиваем интерфейс своими руками. ольга павлова. зал 3 (20)

Разработка ПО. Введение в специальность 3. Требования
 Разработка ПО. Введение в специальность 3. Требования Разработка ПО. Введение в специальность 3. Требования
Разработка ПО. Введение в специальность 3. Требования
 
Приёмы программирования
Приёмы программированияПриёмы программирования
Приёмы программирования
 
Проектирование интерфейса: как запланировать и оценить стоимость?
Проектирование интерфейса: как запланировать и оценить стоимость?Проектирование интерфейса: как запланировать и оценить стоимость?
Проектирование интерфейса: как запланировать и оценить стоимость?
 
Проектирование: как запланировать и оценить стоимость?
Проектирование: как запланировать и оценить стоимость?Проектирование: как запланировать и оценить стоимость?
Проектирование: как запланировать и оценить стоимость?
 
Роль_текста_в_интерфейсе
Роль_текста_в_интерфейсеРоль_текста_в_интерфейсе
Роль_текста_в_интерфейсе
 
Проектирование историй в интерфейсах
Проектирование историй в интерфейсахПроектирование историй в интерфейсах
Проектирование историй в интерфейсах
 
Особенности веба
Особенности вебаОсобенности веба
Особенности веба
 
Как бороться с профессиональной незрелостью
Как бороться с профессиональной незрелостьюКак бороться с профессиональной незрелостью
Как бороться с профессиональной незрелостью
 
Framework продуктового планирования
Framework продуктового планированияFramework продуктового планирования
Framework продуктового планирования
 
4я лекция - Прототипирование.
4я лекция - Прототипирование.4я лекция - Прототипирование.
4я лекция - Прототипирование.
 
портрет профессии технический писатель
портрет профессии технический писательпортрет профессии технический писатель
портрет профессии технический писатель
 
Организация бета-тестирования
Организация бета-тестированияОрганизация бета-тестирования
Организация бета-тестирования
 
Деловой интернет - Человек человеку робот
Деловой интернет - Человек человеку роботДеловой интернет - Человек человеку робот
Деловой интернет - Человек человеку робот
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»
 
Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...
Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...
Как начать моделировать? Переход от текстов к моделям в требованиях (Григорий...
 
Интерфейсы
ИнтерфейсыИнтерфейсы
Интерфейсы
 
Завершающая лекция - часть 1 - информатика и зомби
Завершающая лекция - часть 1 - информатика и зомбиЗавершающая лекция - часть 1 - информатика и зомби
Завершающая лекция - часть 1 - информатика и зомби
 
Pp
PpPp
Pp
 
Пери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллектПери Инновации - Боты машинное обучение и искусственный интеллект
Пери Инновации - Боты машинное обучение и искусственный интеллект
 
Bank.Bot-2016. 14 digitalx
Bank.Bot-2016. 14 digitalxBank.Bot-2016. 14 digitalx
Bank.Bot-2016. 14 digitalx
 

More from rit2011

классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2rit2011
 
Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2
Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2
Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2rit2011
 
как объяснить заказчику, что он не прав. денис тучин. зал 3
как объяснить заказчику, что он не прав. денис тучин. зал 3как объяснить заказчику, что он не прав. денис тучин. зал 3
как объяснить заказчику, что он не прав. денис тучин. зал 3rit2011
 
классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2rit2011
 
Kpi разработчика vs kpi разработки. евгения фирсова. зал 1
Kpi разработчика vs kpi разработки. евгения фирсова. зал 1Kpi разработчика vs kpi разработки. евгения фирсова. зал 1
Kpi разработчика vs kpi разработки. евгения фирсова. зал 1rit2011
 
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....rit2011
 
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....rit2011
 
что и почему вы должны программировать на Erlang.максим лапшин. зал 4
что и почему вы должны программировать на Erlang.максим лапшин. зал 4что и почему вы должны программировать на Erlang.максим лапшин. зал 4
что и почему вы должны программировать на Erlang.максим лапшин. зал 4rit2011
 
I pv6 малоизвестные подробности. андрей пантюхин. зал 2
I pv6   малоизвестные подробности. андрей пантюхин. зал 2I pv6   малоизвестные подробности. андрей пантюхин. зал 2
I pv6 малоизвестные подробности. андрей пантюхин. зал 2rit2011
 
безопасность веб приложений сегодня. дмитрий евтеев. зал 4
безопасность веб приложений сегодня. дмитрий евтеев. зал 4безопасность веб приложений сегодня. дмитрий евтеев. зал 4
безопасность веб приложений сегодня. дмитрий евтеев. зал 4rit2011
 
как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4rit2011
 
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...rit2011
 
распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2
распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2
распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2rit2011
 
от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4rit2011
 
Ie9 и ie10. алекс могилевский. зал 2
Ie9 и ie10. алекс могилевский. зал 2Ie9 и ie10. алекс могилевский. зал 2
Ie9 и ie10. алекс могилевский. зал 2rit2011
 
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...rit2011
 
полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...
полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...
полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...rit2011
 
рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...
рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...
рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...rit2011
 
типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2
типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2
типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2rit2011
 
круглый стол по найму. александр зиза. зал 2
круглый стол по найму. александр зиза. зал 2круглый стол по найму. александр зиза. зал 2
круглый стол по найму. александр зиза. зал 2rit2011
 

More from rit2011 (20)

классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2
 
Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2
Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2
Chef. кто на кухне хозяин. концепция devops. а,титов. зал 2
 
как объяснить заказчику, что он не прав. денис тучин. зал 3
как объяснить заказчику, что он не прав. денис тучин. зал 3как объяснить заказчику, что он не прав. денис тучин. зал 3
как объяснить заказчику, что он не прав. денис тучин. зал 3
 
классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2классификация Ddos. александр лямин, артем гавриченков. зал 2
классификация Ddos. александр лямин, артем гавриченков. зал 2
 
Kpi разработчика vs kpi разработки. евгения фирсова. зал 1
Kpi разработчика vs kpi разработки. евгения фирсова. зал 1Kpi разработчика vs kpi разработки. евгения фирсова. зал 1
Kpi разработчика vs kpi разработки. евгения фирсова. зал 1
 
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
 
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
ускорение Front end разработки с помощью haml, sass и compass. андрей ситник....
 
что и почему вы должны программировать на Erlang.максим лапшин. зал 4
что и почему вы должны программировать на Erlang.максим лапшин. зал 4что и почему вы должны программировать на Erlang.максим лапшин. зал 4
что и почему вы должны программировать на Erlang.максим лапшин. зал 4
 
I pv6 малоизвестные подробности. андрей пантюхин. зал 2
I pv6   малоизвестные подробности. андрей пантюхин. зал 2I pv6   малоизвестные подробности. андрей пантюхин. зал 2
I pv6 малоизвестные подробности. андрей пантюхин. зал 2
 
безопасность веб приложений сегодня. дмитрий евтеев. зал 4
безопасность веб приложений сегодня. дмитрий евтеев. зал 4безопасность веб приложений сегодня. дмитрий евтеев. зал 4
безопасность веб приложений сегодня. дмитрий евтеев. зал 4
 
как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4
 
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
 
распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2
распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2
распределенное файловое хранилище (Nginx, zfs, perl). перепелица мамонтов. зал 2
 
от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4
 
Ie9 и ie10. алекс могилевский. зал 2
Ie9 и ie10. алекс могилевский. зал 2Ie9 и ie10. алекс могилевский. зал 2
Ie9 и ie10. алекс могилевский. зал 2
 
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
сотни серверов, десятки компонент. автоматизация раскладки и конфигурирования...
 
полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...
полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...
полмиллиона юзеров в онлайне без падений оптимизация высоконагруженной Server...
 
рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...
рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...
рисуем тз. эффективный способ коммуникации в веб проектах. артем вольфтруб. з...
 
типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2
типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2
типология личности и прогноз отношений по а. афанасьеву. сергей котырев. зал 2
 
круглый стол по найму. александр зиза. зал 2
круглый стол по найму. александр зиза. зал 2круглый стол по найму. александр зиза. зал 2
круглый стол по найму. александр зиза. зал 2
 

выращиваем интерфейс своими руками. ольга павлова. зал 3