SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
Гадания на тайлах
                  или почему если не проводить оценку
                интерфейсов для 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
Вопросы?

Contenu connexe

Tendances

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

Tendances (20)

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

En vedette

194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайнJulia Suvorova
 
Веб-аналитика VS Юзабилити
Веб-аналитика VS ЮзабилитиВеб-аналитика VS Юзабилити
Веб-аналитика VS ЮзабилитиJulia Suvorova
 
РИФ-2014: интерфейсы для землян
РИФ-2014: интерфейсы для землянРИФ-2014: интерфейсы для землян
РИФ-2014: интерфейсы для землянJulia Suvorova
 
195. опыт пользователя и гражданина
195. опыт пользователя и гражданина195. опыт пользователя и гражданина
195. опыт пользователя и гражданинаJulia Suvorova
 
Поиск в интернет магазине глазами пользователя
Поиск в интернет магазине глазами пользователяПоиск в интернет магазине глазами пользователя
Поиск в интернет магазине глазами пользователяJulia Suvorova
 
Как застраховать своё здоровье и не растерять его
Как застраховать своё здоровье и не растерять егоКак застраховать своё здоровье и не растерять его
Как застраховать своё здоровье и не растерять егоJulia Suvorova
 
UX без компромиссов
UX без компромиссовUX без компромиссов
UX без компромиссовJulia Suvorova
 
Аналитика СМИ для всех и каждого
Аналитика СМИ для всех и каждогоАналитика СМИ для всех и каждого
Аналитика СМИ для всех и каждогоJulia Suvorova
 
Portfolio Pierre & Aurélie
Portfolio Pierre & AuréliePortfolio Pierre & Aurélie
Portfolio Pierre & AurélieRevi Performances
 
The North Korean Famine
The North Korean FamineThe North Korean Famine
The North Korean FamineTori Parrish
 
844 file
844 file844 file
844 filealex-02
 
Couple wise mont.final_final_711gk3
Couple wise mont.final_final_711gk3Couple wise mont.final_final_711gk3
Couple wise mont.final_final_711gk3gary krane
 
CourseworkRadioComAssignDataBank
CourseworkRadioComAssignDataBankCourseworkRadioComAssignDataBank
CourseworkRadioComAssignDataBankCharan Litchfield
 

En vedette (20)

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

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

Константин Кичинский, Microsoft
Константин Кичинский, MicrosoftКонстантин Кичинский, Microsoft
Константин Кичинский, MicrosoftDiana Dymolazova
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Yana Brodetski
 
Эволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваЭволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваZotov Andrey
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»e-Legion
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуляITCP Community
 
Design Course 3 process
Design Course 3 processDesign Course 3 process
Design Course 3 processKostya Gorskiy
 
как создавать прототипы
как создавать прототипыкак создавать прототипы
как создавать прототипыAlexey Korotkov
 
Дизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковДизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковIgor Malinovskiy
 
Описание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаОписание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаDmitry Laier
 
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсовСтажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов7bits
 
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabМастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabInternet-Burzhui Andrei Ryabykh
 
Designer in you, Irina Shapoval, Lead Designer, DataArt
Designer in you, Irina Shapoval, Lead Designer, DataArtDesigner in you, Irina Shapoval, Lead Designer, DataArt
Designer in you, Irina Shapoval, Lead Designer, DataArtAlina Vilk
 
Проектирование интерфейсов
Проектирование интерфейсовПроектирование интерфейсов
Проектирование интерфейсовVladimir Zimin
 
Аналитики и UX
Аналитики и UXАналитики и UX
Аналитики и UXJulia Shamrey
 
Стройные процессы = эффективный интерфейс. Лидия Богданович
Стройные процессы = эффективный интерфейс. Лидия Богданович Стройные процессы = эффективный интерфейс. Лидия Богданович
Стройные процессы = эффективный интерфейс. Лидия Богданович ПрофсоUX
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда Heads&Hands
 
METRO. Дизайн для Windows Phone
METRO. Дизайн для Windows PhoneMETRO. Дизайн для Windows Phone
METRO. Дизайн для Windows PhoneNikita Lukianets
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилитиElena Kotina
 
Точка сборки Material design
Точка сборки Material designТочка сборки Material design
Точка сборки Material designAlexander Kulikov
 
исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных смиEugene Kulakov
 

Similaire à Гадания на тайлах (20)

Константин Кичинский, Microsoft
Константин Кичинский, MicrosoftКонстантин Кичинский, Microsoft
Константин Кичинский, Microsoft
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60.
 
Эволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваЭволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерства
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
 
Design Course 3 process
Design Course 3 processDesign Course 3 process
Design Course 3 process
 
как создавать прототипы
как создавать прототипыкак создавать прототипы
как создавать прототипы
 
Дизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковДизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиков
 
Описание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаОписание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продукта
 
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсовСтажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
 
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabМастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
 
Designer in you, Irina Shapoval, Lead Designer, DataArt
Designer in you, Irina Shapoval, Lead Designer, DataArtDesigner in you, Irina Shapoval, Lead Designer, DataArt
Designer in you, Irina Shapoval, Lead Designer, DataArt
 
Проектирование интерфейсов
Проектирование интерфейсовПроектирование интерфейсов
Проектирование интерфейсов
 
Аналитики и UX
Аналитики и UXАналитики и UX
Аналитики и UX
 
Стройные процессы = эффективный интерфейс. Лидия Богданович
Стройные процессы = эффективный интерфейс. Лидия Богданович Стройные процессы = эффективный интерфейс. Лидия Богданович
Стройные процессы = эффективный интерфейс. Лидия Богданович
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
 
METRO. Дизайн для Windows Phone
METRO. Дизайн для Windows PhoneMETRO. Дизайн для Windows Phone
METRO. Дизайн для Windows Phone
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилити
 
Точка сборки Material design
Точка сборки Material designТочка сборки Material design
Точка сборки Material design
 
исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных сми
 

Plus de Julia Suvorova

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

Plus de Julia Suvorova (7)

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