ݺߣ

ݺߣShare a Scribd company logo
Проектирование интерфейсов


         Михаил Фролов, 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 - персонажи




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


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


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

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

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

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

Recommended

9.1 Usability testing
9.1 Usability testing
Natalia Odegova
Концепция проекта как инженерный документ —основа успеха проекта
Концепция проекта как инженерный документ —основа успеха проекта
Denis Beskov
Mobile UI @Levelapp.me
Mobile UI @Levelapp.me
Ilya Chernetskiy (Tchernetski)
Красивый интерфейс – это лишь часть крутого UX
Красивый интерфейс – это лишь часть крутого UX
Nikita Efimov
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехи
Nikita Efimov
Дизайн интерфейсов (Константин Горский, Яндекс)
Дизайн интерфейсов (Константин Горский, Яндекс)
2Niversity
Design Thinking (Екатерина Храмкова, Lumiknows)
Design Thinking (Екатерина Храмкова, Lumiknows)
2Niversity
Кроссплатформенная разработка на Flash Platform и Marmalade (Павел Скорынин, ...
Кроссплатформенная разработка на Flash Platform и Marmalade (Павел Скорынин, ...
2Niversity
Создание игр с помощью Cocos2D (Станислав Краснояров)
Создание игр с помощью Cocos2D (Станислав Краснояров)
2Niversity
Yota Assist November Desember 2009
Yota Assist November Desember 2009
katyaliekki
Онлайн обучение
Онлайн обучение
Chupas
Operational Analytics on Splunk
Operational Analytics on Splunk
CleverDATA
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Ольга Федина
Немного о Splunk в Yota
Немного о Splunk в Yota
Timur Bagirov
Outsourcing in yota dec2011
Outsourcing in yota dec2011
SPIBA
04 25 2011_students_conference
04 25 2011_students_conference
sershova
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Медведев Маркетинг
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Dmitry Shatohin
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Ольга Федина
Некорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура Yota
Cossa
Вовлеченность в Yota
Вовлеченность в Yota
Daria Rudnik
Наталья Князева "УБРИР"
Наталья Князева "УБРИР"
veshkru
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Wonderfull
Особенности проектирования для Мобильных устройств
Особенности проектирования для Мобильных устройств
Mike Frolov
Работа с Usability
Работа с Usability
Нарижный Денис
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Internet-Burzhui Andrei Ryabykh
Стратегия продвижения в социальных медиа
Стратегия продвижения в социальных медиа
Sergey Begansky
"Пользователи: сигнал из космоса". CodeFest mini 2012
"Пользователи: сигнал из космоса". CodeFest mini 2012
Michael Karpov
Артем Борисенко
Артем Борисенко
Стефания Сагайдак

More Related Content

Viewers also liked (16)

Создание игр с помощью Cocos2D (Станислав Краснояров)
Создание игр с помощью Cocos2D (Станислав Краснояров)
2Niversity
Yota Assist November Desember 2009
Yota Assist November Desember 2009
katyaliekki
Онлайн обучение
Онлайн обучение
Chupas
Operational Analytics on Splunk
Operational Analytics on Splunk
CleverDATA
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Ольга Федина
Немного о Splunk в Yota
Немного о Splunk в Yota
Timur Bagirov
Outsourcing in yota dec2011
Outsourcing in yota dec2011
SPIBA
04 25 2011_students_conference
04 25 2011_students_conference
sershova
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Медведев Маркетинг
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Dmitry Shatohin
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Ольга Федина
Некорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура Yota
Cossa
Вовлеченность в Yota
Вовлеченность в Yota
Daria Rudnik
Наталья Князева "УБРИР"
Наталья Князева "УБРИР"
veshkru
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Wonderfull
Создание игр с помощью Cocos2D (Станислав Краснояров)
Создание игр с помощью Cocos2D (Станислав Краснояров)
2Niversity
Yota Assist November Desember 2009
Yota Assist November Desember 2009
katyaliekki
Онлайн обучение
Онлайн обучение
Chupas
Operational Analytics on Splunk
Operational Analytics on Splunk
CleverDATA
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Будущее за мобильным интернетом. Валерий Геленава, Yota.
Ольга Федина
Немного о Splunk в Yota
Немного о Splunk в Yota
Timur Bagirov
Outsourcing in yota dec2011
Outsourcing in yota dec2011
SPIBA
04 25 2011_students_conference
04 25 2011_students_conference
sershova
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Взаимодействие с лидерами мнений — только ли работа или что-то большее?
Медведев Маркетинг
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Лидеры мнений в социальных медиа, их влияние на общество (ReTweet09)
Dmitry Shatohin
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Презентация Сергея Волкова, Yota. SIM-карта с NFC и ЭЦП: зачем это нужно.
Ольга Федина
Некорпоративная корпоративная культура Yota
Некорпоративная корпоративная культура Yota
Cossa
Вовлеченность в Yota
Вовлеченность в Yota
Daria Rudnik
Наталья Князева "УБРИР"
Наталья Князева "УБРИР"
veshkru
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Wonderfull

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

Особенности проектирования для Мобильных устройств
Особенности проектирования для Мобильных устройств
Mike Frolov
Работа с Usability
Работа с Usability
Нарижный Денис
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Internet-Burzhui Andrei Ryabykh
Стратегия продвижения в социальных медиа
Стратегия продвижения в социальных медиа
Sergey Begansky
"Пользователи: сигнал из космоса". CodeFest mini 2012
"Пользователи: сигнал из космоса". CodeFest mini 2012
Michael Karpov
Артем Борисенко
Артем Борисенко
Стефания Сагайдак
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
Julia Lebedeva
Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
Ksenia Sternina
CodeFest, июль 2012. Карпов М.— Пользователи: сигнал из космоса
CodeFest, июль 2012. Карпов М.— Пользователи: сигнал из космоса
CodeFest
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
qasib
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
Tatyana Pischasova
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
PCampRussia
Исследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всем
Helen Rubtsova
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
Rus Kr
Проектирование мобильного приложения
Проектирование мобильного приложения
Diana Dymolazova
Useful meetup#2 jtbd
Useful meetup#2 jtbd
usefulagency
Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.
Nikita Efimov
Михаил Фролов - Особенности проектирования для мобильных устройств
Михаил Фролов - Особенности проектирования для мобильных устройств
UsabilityTalks
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Wordshop Academy
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
it-people
Особенности проектирования для Мобильных устройств
Особенности проектирования для Мобильных устройств
Mike Frolov
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Internet-Burzhui Andrei Ryabykh
Стратегия продвижения в социальных медиа
Стратегия продвижения в социальных медиа
Sergey Begansky
"Пользователи: сигнал из космоса". CodeFest mini 2012
"Пользователи: сигнал из космоса". CodeFest mini 2012
Michael Karpov
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
"Без, платно: виды монетизации через Freemium в мобильной индустрии", Леонид ...
Julia Lebedeva
Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
Ksenia Sternina
CodeFest, июль 2012. Карпов М.— Пользователи: сигнал из космоса
CodeFest, июль 2012. Карпов М.— Пользователи: сигнал из космоса
CodeFest
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
qasib
Дмитрий Пиликов - Юзабилити тестирование
Дмитрий Пиликов - Юзабилити тестирование
Tatyana Pischasova
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
19 личностных потребностей, или чего на самом деле хотят пользователи ИТ-прод...
PCampRussia
Исследования интерфейсов: как понравиться всем
Исследования интерфейсов: как понравиться всем
Helen Rubtsova
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
2013.06.07. Нетология вебинар 7 мест на сайте, где вы теряете посетителя (и е...
Rus Kr
Проектирование мобильного приложения
Проектирование мобильного приложения
Diana Dymolazova
Про ИА. Визуальные сценарии и объекто-информационная модель.
Про ИА. Визуальные сценарии и объекто-информационная модель.
Nikita Efimov
Михаил Фролов - Особенности проектирования для мобильных устройств
Михаил Фролов - Особенности проектирования для мобильных устройств
UsabilityTalks
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Мила Мелькина. Digital среда как важнейший источник знаний о потребителе
Wordshop Academy
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
"Ура, заработало!", или как аналитика помогла нам улучшить внутрисайтовый пои...
it-people
Ad

Проектирование интерфейсов (Михаил Фролов, 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 - персонажи Категоризация
  • 17. Метод 2 – жизненный путь
  • 18. Метод 3 – Карта эмпатии
  • 22. /когда-то потом/ уточняем все до мелочей Карточка товара: Информационные запросы : Действия: - Что это за товар (картинка / описание) - Купить (один / несколько) - Сколько стоит - Показать подруге - Кому подходит - Почитать отзывы - Толи это, что просила жена - Оставить отзыв - Как применять - Запомнить товар - Какие характеристики (вес / объем) - Вернуться в каталог (к поиску) - Каков опыт использования - Посмотреть похожие - Есть ли в моем магазине за углом ** + основные информационные запросы с главной страницы
  • 27. Часто забывают - Есть другие города кроме того, в котором проектируют - У каждого пользователя своя задача, они могут не пересекаться вообще - Точки входа бывают очень разные - Бывают технические ограничения - Выпадающие меню не выпадают на айпадодройдах