SlideShare a Scribd company logo
Гадания на тайлах
                  или почему если не проводить оценку
                интерфейсов для Win 8 можно попасть в ад



                                     Юлия Суворова
                                     Игорь Мыслинский



www.usabilitylab.ru
Когда оценивать?




                                  Релиз
                     Разработка           Готовый
            Проектирование                продукт
     Идея
Оценка на этапе идеи




                                  Релиз
                     Разработка           Готовый
            Проектирование                продукт
     Идея
Modern VS Classic




     Не слишком ли много для Modern?
Приоритезируй то:
              •   Мой пользователь – именно Дормидонт.
              •   Моё приложение самое лучшее именно
                  в планировании грядок свёклы.
              •   Дормидонт открывает приложение, и
                  расставляет свёклу по грядке. Именно
                  свёклу. Именно по грядке.
              •   Три грядки рядом с домом в приложении
                  расположены по порядку, можно
                  проскроллить. Именно в линию, без
                  вложенности.
              •   Можно спланировать грядки. А ещё план
                  грядки можно напечатать и расшарить в
                  Фейсбуке. В космос свёклу запустить
                  нельзя.
              •   Именно.
Оценить:
1.   Правильные бизнес-цели и идею приложения.
2.   Адекватность и чёткость целевой аудитории.
3.   Правильность сценариев.
4.   Структуру данных и планируемую навигацию.
5.   Минимальность и достаточность функционала.



                           Анализ бизнес-задач
                           Исследование пользователей
Оценка на этапе проектирования




                                  Релиз
                     Разработка           Готовый
            Проектирование                продукт
     Идея
Гайдлайн такой гайдлайн


                     Не использовал
                     горизонтальный скролл, а
                     утрамбовал всё в одном окне:(




А так ли я
проектирую?
Гайдлайн такой гайдлайн


                     Отобразаил весь контент не
                     тайлами, а списком, как в
                     старых интерфейсах:(




А так ли я
проектирую?
Гайдлайн такой гайдлайн




А так ли я           Сделал слишком длинные
                     заголовки:(
проектирую?
Гайдлайн такой гайдлайн




А так ли я           Сделал неправильный
                     скролл:(
проектирую?
Гайдлайн такой гайдлайн




А так ли я           Использовал на экране
                     одновременно
проектирую?          горизонтальную и
                     вертикальную прокрутку:(
Оценить:
1. Соответствие гайдлайнам Microsoft для
   Windows 8.




                          Экспертная оценка по
                          чеклисту
Проектировщик против пользователя


                    Скрыл в контекстные меню
                    вообще весь контент и
                    вообще всю навигацию,
                    пользователь не понял, куда
                    нажимать:(




А поймёт ли меня
юзер?
Я - робот
                             Убрал все
                             обозначения,
                             пользователь не понял,
                             что это цифры:(




Человеческая логика или машинная?
Оценить:
1. Проходимость и логичность основных сценариев
   пользователей в приложении.




                         Сценарная экспертная оценка
Оценка на этапе разработки




                                  Релиз
                     Разработка           Готовый
            Проектирование                продукт
     Идея
Нипашет
                             Поиск не ведёт на
                             страницу с
                             результатами – не
                             дописали код:(




Все ли базовые функции работают нормально?
Нипашет
                             Часть кода осталась
                             видна в интерфейсе и
                             сработала
                             некорректно:(




Корректно ли работает код?
Оценить:
1. Наличие технических недоработок.
2. Работоспособность кода на основных сценариях.




                          Юзабилити-тестирование
Оценка перед релизом




                                  Релиз
                     Разработка           Готовый
            Проектирование                продукт
     Идея
Я потерялася
                            На некоторых экранах
                            забыл поставить
                            кнопку «Назад».
                            Пользователь зашёл в
                            тупик:(




С приложением вообще можно работать?
Я потерялася
                              Не подумал над
                              соотношением
                              контрастности фона и
                              текста:(




Все ли смогут работать с приложением?
Оценить:
1. Наличие критических ошибок.
2. Доступность для разных групп пользователей.




                          Юзабилити-тестирование
                          Экспертная оценка
                          доступности (accesability)
Оценка готовых версий




                                  Релиз
                     Разработка           Готовый
            Проектирование                продукт
     Идея
Первый пошёл
                             Не правильно
                             работают счётчики:(




                             Из-за расположения
                             контента на экране
                             пользователи путают
                             жест прокрутки и
                             листания экранов.
                             Людей это бесит:(




Какие некритичные проблемы нужна исправить?
Оценить:
1. Наличие некритичных проблем.
2. Восприятие и впечатление от интерфейса.




                          Сценарная экспертная оценка
                          Юзабилити-тестирование
                          Оценка эмоционального
                          восприятия
Что в итоге?




Приложение, которое пройдёт модерацию в MS
и понравится людям.
Что в итоге?



      Бизнес          Функционал




               Пользователь


                                   Максимальное
                                   перекрытие!
Мы приглашаем в гости
                  иа исследования
                  USABILITYLAB




                   г. Москва, ул. 8 марта, д.1, стр.12
Вопросы?

More Related Content

PPTX
UX Research для интенсива UX&UI Британская Школа Дизайна
PDF
Design Management
PDF
Lean UX, Уровни UX, UXD процесс
PDF
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
PPTX
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
PDF
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
PPTX
филиппов Material design для проектирования продуктов
PPT
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
UX Research для интенсива UX&UI Британская Школа Дизайна
Design Management
Lean UX, Уровни UX, UXD процесс
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
филиппов Material design для проектирования продуктов
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...

What's hot (20)

PDF
Павел Манахов, Поиск причин юзабилити-проблем
PPTX
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
PDF
Как не испортить прототип. Никита Гарейшин
PPTX
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
PDF
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
PPTX
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
PPTX
Мастер-класс по ЮТ для Британки
PPTX
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
PDF
Юзабилити-тестирование
PDF
BHSD MAIL.RU UI/UX 2016 Restrictions
PDF
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
PDF
Юрий Ветров — Алгоритмический дизайн
PDF
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
PPTX
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
PDF
Курсы по User Experience от ITMINE
PPTX
опыт проектирования интерфейса Smart nut
PPTX
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
PDF
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
PDF
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
PDF
BHSD MAIL.RU UI/UX 2016 Single interface
Павел Манахов, Поиск причин юзабилити-проблем
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Как не испортить прототип. Никита Гарейшин
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
Мастер-класс по ЮТ для Британки
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
Юзабилити-тестирование
BHSD MAIL.RU UI/UX 2016 Restrictions
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
Юрий Ветров — Алгоритмический дизайн
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
Курсы по User Experience от ITMINE
опыт проектирования интерфейса Smart nut
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
BHSD MAIL.RU UI/UX 2016 Single interface
Ad

Viewers also liked (20)

PPTX
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
PDF
iMetrics 2014
PDF
Веб-аналитика VS Юзабилити
PDF
РИФ-2014: интерфейсы для землян
PDF
195. опыт пользователя и гражданина
PDF
Поиск в интернет магазине глазами пользователя
PDF
Как застраховать своё здоровье и не растерять его
PDF
UX без компромиссов
PDF
ICBDA'2015
PDF
Аналитика СМИ для всех и каждого
PPTX
Webquest nook
PDF
Portfolio Pierre & Aurélie
PPTX
Presentation1
PPTX
The North Korean Famine
PPT
844 file
PPTX
Louisiana purchase
PPTX
Couple wise mont.final_final_711gk3
DOC
CourseworkRadioComAssignDataBank
PPTX
First digipak deconstruction
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
iMetrics 2014
Веб-аналитика VS Юзабилити
РИФ-2014: интерфейсы для землян
195. опыт пользователя и гражданина
Поиск в интернет магазине глазами пользователя
Как застраховать своё здоровье и не растерять его
UX без компромиссов
ICBDA'2015
Аналитика СМИ для всех и каждого
Webquest nook
Portfolio Pierre & Aurélie
Presentation1
The North Korean Famine
844 file
Louisiana purchase
Couple wise mont.final_final_711gk3
CourseworkRadioComAssignDataBank
First digipak deconstruction
Ad

Similar to Гадания на тайлах (20)

PPT
Mobile Usability
PDF
Дизайн пользовательских интерфейсов для разработчиков
PPTX
Проводник по джунглям user experience
PPSX
Эволюция интерфейса. Без магии и читерства
PDF
Usability lecture sam solutions by gleb uvarov part 1
PPTX
Вредные советы для тестирования юзабилити
PDF
прототипирование юзабилити
PPT
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
PDF
Пользовательский интерфейс - передний край битвы
PDF
Всё юзабилити за час
PDF
Project Manager - Глупая идея
PDF
Красивый интерфейс – это лишь часть крутого UX
PPT
почему юзабилити дмитрий сатин
PDF
Современный подход к проектированию
PDF
TК°Conf. Красивый интерфейс — это лишь часть крутого UX. Никита Ефимов.
PPTX
PDF
Проектирование мобильного приложения
PPTX
Проектирование интерфейсов (Михаил Фролов, UsabilityLab)
PPTX
Req Labs'2011. Коммуникация нефункциональных требований
PPTX
Эллина Азадова "Что за зверь Usability... и как его протестировать"
Mobile Usability
Дизайн пользовательских интерфейсов для разработчиков
Проводник по джунглям user experience
Эволюция интерфейса. Без магии и читерства
Usability lecture sam solutions by gleb uvarov part 1
Вредные советы для тестирования юзабилити
прототипирование юзабилити
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
Пользовательский интерфейс - передний край битвы
Всё юзабилити за час
Project Manager - Глупая идея
Красивый интерфейс – это лишь часть крутого UX
почему юзабилити дмитрий сатин
Современный подход к проектированию
TК°Conf. Красивый интерфейс — это лишь часть крутого UX. Никита Ефимов.
Проектирование мобильного приложения
Проектирование интерфейсов (Михаил Фролов, UsabilityLab)
Req Labs'2011. Коммуникация нефункциональных требований
Эллина Азадова "Что за зверь Usability... и как его протестировать"

More from Julia Suvorova (7)

PDF
Рекламатрикс-2014
PDF
эффективный интерфейс для корпоративного сайта
PDF
184. взгляд со стороны
PDF
180. мобильный и доступный
PDF
172 вебинар UXRussia
PDF
вебинар юзабилити Windows8
PDF
Вебинар сообщества UXRussia №170. Эмоциональная оценка бренда
Рекламатрикс-2014
эффективный интерфейс для корпоративного сайта
184. взгляд со стороны
180. мобильный и доступный
172 вебинар UXRussia
вебинар юзабилити Windows8
Вебинар сообщества UXRussia №170. Эмоциональная оценка бренда

Гадания на тайлах

  • 1. Гадания на тайлах или почему если не проводить оценку интерфейсов для Win 8 можно попасть в ад Юлия Суворова Игорь Мыслинский www.usabilitylab.ru
  • 2. Когда оценивать? Релиз Разработка Готовый Проектирование продукт Идея
  • 3. Оценка на этапе идеи Релиз Разработка Готовый Проектирование продукт Идея
  • 4. Modern VS Classic Не слишком ли много для Modern?
  • 5. Приоритезируй то: • Мой пользователь – именно Дормидонт. • Моё приложение самое лучшее именно в планировании грядок свёклы. • Дормидонт открывает приложение, и расставляет свёклу по грядке. Именно свёклу. Именно по грядке. • Три грядки рядом с домом в приложении расположены по порядку, можно проскроллить. Именно в линию, без вложенности. • Можно спланировать грядки. А ещё план грядки можно напечатать и расшарить в Фейсбуке. В космос свёклу запустить нельзя. • Именно.
  • 6. Оценить: 1. Правильные бизнес-цели и идею приложения. 2. Адекватность и чёткость целевой аудитории. 3. Правильность сценариев. 4. Структуру данных и планируемую навигацию. 5. Минимальность и достаточность функционала. Анализ бизнес-задач Исследование пользователей
  • 7. Оценка на этапе проектирования Релиз Разработка Готовый Проектирование продукт Идея
  • 8. Гайдлайн такой гайдлайн Не использовал горизонтальный скролл, а утрамбовал всё в одном окне:( А так ли я проектирую?
  • 9. Гайдлайн такой гайдлайн Отобразаил весь контент не тайлами, а списком, как в старых интерфейсах:( А так ли я проектирую?
  • 10. Гайдлайн такой гайдлайн А так ли я Сделал слишком длинные заголовки:( проектирую?
  • 11. Гайдлайн такой гайдлайн А так ли я Сделал неправильный скролл:( проектирую?
  • 12. Гайдлайн такой гайдлайн А так ли я Использовал на экране одновременно проектирую? горизонтальную и вертикальную прокрутку:(
  • 13. Оценить: 1. Соответствие гайдлайнам Microsoft для Windows 8. Экспертная оценка по чеклисту
  • 14. Проектировщик против пользователя Скрыл в контекстные меню вообще весь контент и вообще всю навигацию, пользователь не понял, куда нажимать:( А поймёт ли меня юзер?
  • 15. Я - робот Убрал все обозначения, пользователь не понял, что это цифры:( Человеческая логика или машинная?
  • 16. Оценить: 1. Проходимость и логичность основных сценариев пользователей в приложении. Сценарная экспертная оценка
  • 17. Оценка на этапе разработки Релиз Разработка Готовый Проектирование продукт Идея
  • 18. Нипашет Поиск не ведёт на страницу с результатами – не дописали код:( Все ли базовые функции работают нормально?
  • 19. Нипашет Часть кода осталась видна в интерфейсе и сработала некорректно:( Корректно ли работает код?
  • 20. Оценить: 1. Наличие технических недоработок. 2. Работоспособность кода на основных сценариях. Юзабилити-тестирование
  • 21. Оценка перед релизом Релиз Разработка Готовый Проектирование продукт Идея
  • 22. Я потерялася На некоторых экранах забыл поставить кнопку «Назад». Пользователь зашёл в тупик:( С приложением вообще можно работать?
  • 23. Я потерялася Не подумал над соотношением контрастности фона и текста:( Все ли смогут работать с приложением?
  • 24. Оценить: 1. Наличие критических ошибок. 2. Доступность для разных групп пользователей. Юзабилити-тестирование Экспертная оценка доступности (accesability)
  • 25. Оценка готовых версий Релиз Разработка Готовый Проектирование продукт Идея
  • 26. Первый пошёл Не правильно работают счётчики:( Из-за расположения контента на экране пользователи путают жест прокрутки и листания экранов. Людей это бесит:( Какие некритичные проблемы нужна исправить?
  • 27. Оценить: 1. Наличие некритичных проблем. 2. Восприятие и впечатление от интерфейса. Сценарная экспертная оценка Юзабилити-тестирование Оценка эмоционального восприятия
  • 28. Что в итоге? Приложение, которое пройдёт модерацию в MS и понравится людям.
  • 29. Что в итоге? Бизнес Функционал Пользователь Максимальное перекрытие!
  • 30. Мы приглашаем в гости иа исследования USABILITYLAB г. Москва, ул. 8 марта, д.1, стр.12