SlideShare a Scribd company logo
1 of 27
Проектирование интерфейсов


         Михаил Фролов, UsabilityLab
         msfroloff@gmail.com
         @FrollowMi
         FB: https://www.facebook.com/mike.frolov.3
Придумали всякие умные штуки
Кто поможет всем на свете?
У вас есть два пути
Это что за юзабилити? Взгляд заказчика!




  Одни спрашиваю почему, другие говорят как!
Какие бывают проекты
Кто будет пользоваться?
Как узнать все о продукте и пользователях?
Интервью с бизнесом (руководитель, менеджеры, кто-то еще)


1. Какова роль продукта в бизнесе?
2. Что сподвигло на этот шаг?
3. Что и как выполняло эту роль ранее?
4. Кто ваши клиенты, какие группы можно выделить?
5. Опишите представителя каждой из групп?
6. Целевое действие клиента?
7. Есть ли специфический контекст использования?
8. Откуда берутся эти люди (куда приходят)?
9. Как часто обращаются к вам постоянные клиенты?
10. Какие вопросы задают в службу поддержки / продавцу / кому-то еще
11. Чем не устраивает текущее решение?
12. Кто ваши конкуренты, что нравится не нравится?
13. Ваши пожелания
Важно


Убедиться что вы поняли проблему, рассказать заказчику то, что вы
услышали и что будете с этим делать!




           «Чтобы присоединиться к нашей команде, мы предлагаем вам
           выполнить задание. Оно заключается в создании интерфейса
           мобильного приложения для решения насущной питерской
           проблемы — ******* ******»
Спросите пользователей, даже если их еще нет! Наблюдайте за ними
Кто из вас был в спектре ?
Создаем портреты пользователей
Метод 1 - персонажи




Категоризация
Метод 2 – жизненный путь
Метод 3 – Карта эмпатии
Зачем все эти люди?
Работаем
( цель: 2 персоны)
Собираем по крупицам
/когда-то потом/ уточняем все до мелочей


Карточка товара:


Информационные запросы :                       Действия:

-    Что это за товар (картинка / описание)    -   Купить (один / несколько)
-    Сколько стоит                             -   Показать подруге
-    Кому подходит                             -   Почитать отзывы
-    Толи это, что просила жена                -   Оставить отзыв
-    Как применять                             -   Запомнить товар
-    Какие характеристики (вес / объем)        -   Вернуться в каталог (к поиску)
-    Каков опыт использования                  -   Посмотреть похожие
-    Есть ли в моем магазине за углом

** + основные информационные запросы
с главной страницы
Пилим концепции
Пилим концепции (строгая)
Пилим концепции (смелая)
Пилим концепции (еще и еще )
Часто забывают

 -   Есть другие города кроме того, в котором проектируют
 -   У каждого пользователя своя задача, они могут не пересекаться вообще
 -   Точки входа бывают очень разные
 -   Бывают технические ограничения
 -   Выпадающие меню не выпадают на айпадодройдах

More Related Content

Viewers also liked

Yota Assist November Desember 2009
Yota Assist November Desember 2009Yota Assist November Desember 2009
Yota Assist November Desember 2009
katyaliekki
 
Онлайн обучение
Онлайн обучениеОнлайн обучение
Онлайн обучение
Chupas
 
Top seven digital tools
Top seven digital toolsTop seven digital tools
Top seven digital tools
Diane Harrigan
 
Outsourcing in yota dec2011
Outsourcing in yota dec2011Outsourcing in yota dec2011
Outsourcing in yota dec2011
SPIBA
 
Некорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура YotaНекорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура Yota
Cossa
 
Наталья Князева "УБРИР"
Наталья Князева "УБРИР"Наталья Князева "УБРИР"
Наталья Князева "УБРИР"
veshkru
 

Viewers also liked (16)

Создание игр с помощью Cocos2D (Станислав Краснояров)
Создание игр с помощью Cocos2D (Станислав Краснояров)Создание игр с помощью Cocos2D (Станислав Краснояров)
Создание игр с помощью Cocos2D (Станислав Краснояров)
 
Yota Assist November Desember 2009
Yota Assist November Desember 2009Yota Assist November Desember 2009
Yota Assist November Desember 2009
 
Онлайн обучение
Онлайн обучениеОнлайн обучение
Онлайн обучение
 
Top seven digital tools
Top seven digital toolsTop seven digital tools
Top seven digital tools
 
Operational Analytics on Splunk
Operational Analytics on SplunkOperational Analytics on Splunk
Operational Analytics on Splunk
 
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Будущее за мобильным интернетом. Валерий Геленава, Yota. Будущее за мобильным интернетом. Валерий Геленава, Yota.
Будущее за мобильным интернетом. Валерий Геленава, Yota.
 
Немного о Splunk в Yota
Немного о Splunk в YotaНемного о Splunk в Yota
Немного о Splunk в Yota
 
Outsourcing in yota dec2011
Outsourcing in yota dec2011Outsourcing in yota dec2011
Outsourcing in yota dec2011
 
04 25 2011_students_conference
04 25 2011_students_conference04 25 2011_students_conference
04 25 2011_students_conference
 
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Взаимодействие с лидерами мнений — только ли работа или что-то большее?Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
 
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
 
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно. Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
 
Некорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура YotaНекорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура Yota
 
Вовлеченность в Yota
Вовлеченность в YotaВовлеченность в Yota
Вовлеченность в Yota
 
Наталья Князева "УБРИР"
Наталья Князева "УБРИР"Наталья Князева "УБРИР"
Наталья Князева "УБРИР"
 
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianДизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
 

Similar to Проектирование интерфейсов (Михаил Фролов, UsabilityLab)

Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиМастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
Ksenia Sternina
 
CodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космоса
CodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космосаCodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космоса
CodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космоса
CodeFest
 
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестированиеДмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
qasib
 
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестированиеДмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
Tatyana Pischasova
 
Михаил Фролов - Особенности проектирования для мобильных устройств
Михаил Фролов - Особенности проектирования для мобильных устройствМихаил Фролов - Особенности проектирования для мобильных устройств
Михаил Фролов - Особенности проектирования для мобильных устройств
UsabilityTalks
 
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Мила Мелькина. Digital среда как важнейший источник знаний о потребителеМила Мелькина. Digital среда как важнейший источник знаний о потребителе
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Wordshop Academy
 
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои..."Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
it-people
 

Similar to Проектирование интерфейсов (Михаил Фролов, UsabilityLab) (20)

Особенности проектирования для Мобильных устройств
Особенности проектирования для Мобильных устройствОсобенности проектирования для Мобильных устройств
Особенности проектирования для Мобильных устройств
 
Работа с Usability
Работа с UsabilityРабота с Usability
Работа с Usability
 
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabМастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
 
Стратегия продвижения в социальных медиа
Стратегия продвижения в социальных медиаСтратегия продвижения в социальных медиа
Стратегия продвижения в социальных медиа
 
"Пользователи: сигнал из космоса". CodeFest mini 2012
"Пользователи: сигнал из космоса". CodeFest mini 2012"Пользователи: сигнал из космоса". CodeFest mini 2012
"Пользователи: сигнал из космоса". CodeFest mini 2012
 
Артем Борисенко
Артем БорисенкоАртем Борисенко
Артем Борисенко
 
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ..."Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
 
Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиМастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
 
CodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космоса
CodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космосаCodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космоса
CodeFest, июль 2012. Карпов М. — Пользователи: сигнал из космоса
 
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестированиеДмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
 
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестированиеДмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
 
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
 
Исследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всемИсследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всем
 
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
 
Проектирование мобильного приложения
Проектирование мобильного приложенияПроектирование мобильного приложения
Проектирование мобильного приложения
 
Useful meetup#2 jtbd
Useful meetup#2 jtbdUseful meetup#2 jtbd
Useful meetup#2 jtbd
 
Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.
 
Михаил Фролов - Особенности проектирования для мобильных устройств
Михаил Фролов - Особенности проектирования для мобильных устройствМихаил Фролов - Особенности проектирования для мобильных устройств
Михаил Фролов - Особенности проектирования для мобильных устройств
 
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Мила Мелькина. Digital среда как важнейший источник знаний о потребителеМила Мелькина. Digital среда как важнейший источник знаний о потребителе
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
 
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои..."Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
 

Проектирование интерфейсов (Михаил Фролов, UsabilityLab)

  • 1. Проектирование интерфейсов Михаил Фролов, UsabilityLab msfroloff@gmail.com @FrollowMi FB: https://www.facebook.com/mike.frolov.3
  • 4. У вас есть два пути
  • 5. Это что за юзабилити? Взгляд заказчика! Одни спрашиваю почему, другие говорят как!
  • 8. Как узнать все о продукте и пользователях?
  • 9. Интервью с бизнесом (руководитель, менеджеры, кто-то еще) 1. Какова роль продукта в бизнесе? 2. Что сподвигло на этот шаг? 3. Что и как выполняло эту роль ранее? 4. Кто ваши клиенты, какие группы можно выделить? 5. Опишите представителя каждой из групп? 6. Целевое действие клиента? 7. Есть ли специфический контекст использования? 8. Откуда берутся эти люди (куда приходят)? 9. Как часто обращаются к вам постоянные клиенты? 10. Какие вопросы задают в службу поддержки / продавцу / кому-то еще 11. Чем не устраивает текущее решение? 12. Кто ваши конкуренты, что нравится не нравится? 13. Ваши пожелания
  • 10. Важно Убедиться что вы поняли проблему, рассказать заказчику то, что вы услышали и что будете с этим делать! «Чтобы присоединиться к нашей команде, мы предлагаем вам выполнить задание. Оно заключается в создании интерфейса мобильного приложения для решения насущной питерской проблемы — ******* ******»
  • 11. Спросите пользователей, даже если их еще нет! Наблюдайте за ними
  • 12. Кто из вас был в спектре ?
  • 14. Метод 1 - персонажи Категоризация
  • 15.
  • 16.
  • 17. Метод 2 – жизненный путь
  • 18. Метод 3 – Карта эмпатии
  • 22. /когда-то потом/ уточняем все до мелочей Карточка товара: Информационные запросы : Действия: - Что это за товар (картинка / описание) - Купить (один / несколько) - Сколько стоит - Показать подруге - Кому подходит - Почитать отзывы - Толи это, что просила жена - Оставить отзыв - Как применять - Запомнить товар - Какие характеристики (вес / объем) - Вернуться в каталог (к поиску) - Каков опыт использования - Посмотреть похожие - Есть ли в моем магазине за углом ** + основные информационные запросы с главной страницы
  • 27. Часто забывают - Есть другие города кроме того, в котором проектируют - У каждого пользователя своя задача, они могут не пересекаться вообще - Точки входа бывают очень разные - Бывают технические ограничения - Выпадающие меню не выпадают на айпадодройдах