SlideShare a Scribd company logo
1 of 56
Download to read offline
Юзабилити Windows 8

    171 вебинар UX Russia
Юлия Суворова, Мария Пичугина
       25 октября 2012
Со времен выхода Windows 95….



   Old School              User
Теперь всё иначе
• Две вселенные: Классика и Modern
Теперь всё иначе



Идеальный минимализм:
• Нет меню Пуск;
• Минимум кнопок
  управления;
• Минимум навигационных
  элементов на экране –
• Только контент!
Теперь всё иначе
Красивая графика:
• Большие высококачественные фотографии;
• Векторная графика;
• Никакой псевдореальности!
Теперь всё иначе

                         Простота управления:
                         • В ModernStyle всё
                           управление спрятано в
                           контекстные меню.




  • В ClassicStyle
    интерфейс Ribbon в
    проводнике.
Теперь всё иначе




• Масштабируемость: нет проблем совместимости с
  устройствами –


                Win8 везде один и тот же!
Теперь всё иначе




• Интеграция с социальными сетями и облачными
  сервисами (SkyDrive).
Теперь всё иначе




• Будущее всё-таки
  наступило?
Подробнее об интерфейсе Modern
Only tiles
• Никаких окошек больше нет – только
  квадратные и прямоугольные тайлы .
• Их можно менять местами, удалять, настраивать
  размер, форму и анимацию.
Война скроллов




• Приоритет вертикального скролла в Modern.
• Свободное использование горизонтального скролла в Classic…
Война скроллов




• Отвыкайте от скролла внутри окна. Окно поглотило весь экран.
Всё чётко




• Жёсткие гайдлайны накладывают существенные ограничения
  на контент. Учитесь краткости.
А где все приложения?
• Список со всеми приложениями спрятан.
• Похож на привычный список программ в Пуске.
Я - социопат




• Интерфейс Start по умолчанию заточен под социальные
  функции, а не под рабочие потребности.
Воздуха мне!




 • В приложениях в стиле Modern место на экране не
   экономится. Пустое пространство - такой же
   полноправный элемент интерфейса, как и контент.
Перестарались




 • Усердные проектировщики убирают скрывают в панели
   вообще всё. И контент и навигацию.
Навигация




• Вся навигация убрана в
  верхнее меню.
• 2 жестких типа структуры
  приложений: линейная и
  иерархическая.
Я - клаустрофоб




• Где я?
• Где моя навигация?



  - Только в Classic…
Осторожно, перегрузка




• Вся навигация убрана в
  верхнее меню.
• 2 жестких типа структуры
  приложений: линейная и
  иерархическая.

• Ограниченное число одновременно отрытых приложений.
• Больше можно, но лучше не надо.
Панель чудес
Запустить поисковик, расшарить файл, запустить Modern,
увидеть список подключённых устройств или перейти к
параметрам системы – легко!
Я хочу пролистать!




• Жест вызова Чудо-кнопок очень похож на жест пролистывания
Сколько времени?




• В интерфейсе ОС часы спрятаны в раскрывающуюся панель.
Ещё не привыки




• Не все ещё привыкли, что нельзя закладывать никаких других
  функций в правую панель.
Поиск такой поиск
  В новом интерфейсе поиска можно быстро
  переключаться между поисковыми средами!
Не помню, как называется




                     • Нельзя осуществлять поиск
                       по типу файла, времени
                       последнего изменения,
                       размеру и т.д.

                     Только в Classic…
Modern Snap




Позволяет разделить
классический рабочий стол и
приложения Modern, либо
выводить на экран сразу пару
приложений Modern.
Больше никогда…




 • Нельзя одновременно держать открытыми и переключаться
   более чем между двумя приложениями.
 • И листать приложения можно только в одну сторону.
Ты ещё слишком мал




 • Только от 1366х768 и выше. Иначе только 1 приложение.
   Всегда.
Приглядись




 • Только примерно 1:4. Только так.
Настройки
Настройки в стиле Modern – строги и лаконичны.




                                   Всё самое главное можно
                                   найти быстро и просто,
                                   лёгким движением мыши.
                                   Или пальца.
Я - гик

                                   • Мне нужно больше
                                     настроек!




 • За любыми сложными настройками – в Classic-интерфейс!
Даешь синхронизацию устройств!
Новая функция ОС – синхронизация параметров между
разными ПК.
Я устал




• Очередной аккаунт в социальной сети. Ну сколько же можно!
IE 10 – Modern style!
В Windows 8 существует 2 браузера IE 10. В классическом меню
существенных изменений не произошло, а вот браузер в
Modern…
Не больше 10 вкладок
И это всё?




• Добавить страницу в избранное; Найти; Скопировать в буфер
  обмена; Открыть на рабочем столе.
• Пожалуй, хватит.
People




Все данные о
контактах теперь в
одном месте!
Поддержи отечественного проивзодителя




• Пока что мало социальных сетей.
• Может быть, это и хорошо?...
Экранная клавиатура Windows 8
Разрыв шаблона




 • В Win8 отказались от двойных кликов.
Скажи волшебное слово




• Просто так не откроешь.
• Поэтому в тач-интерфейсе просто начать поиск от ввода
  нельзя.
Глазок
При нажатии на глазок можно посмотреть, только что
напечатанный, пароль.
Я - параноик




• Можно ли это как-то отключить – пока непонятно.
• А если мой пароль кто-то подсмотрит?
Выход есть!




Как же теперь выключить или
перезагрузить компьютер?
Выхода нет…




      Всё плохо
Всё очень просто
• В любом приложении в
  стиле Modern – одна
  ключевая идея.
• Это то, в чём это
  приложение лучше всех
  остальных.
IQ < 90?
• Ни одна сложная профессиональная программа
  никогда не будет реализована в стиле Modern.
Только Classic…
Немного о классике
He`s alive!
А где же меню Пуск?
Я - мобильный




 • Только не для тач-устройств.
Да здравствует Ribbon!
Windows Explorer преобразован в соответствии с ленточным
(ribbon) интерфейсом.




                       Всё хорошо?
Что в итоге?


• Большинство юзабилити-
  проблем самоустранится
  после привыкания.




      Просто сделайте первую затяжку.
26 октября 2012




        Meet Windows 8
Спасибо за внимание!

More Related Content

Viewers also liked

The nature of learner language
The nature of learner languageThe nature of learner language
The nature of learner languagevitaarum
 
172 вебинар UXRussia
172 вебинар UXRussia172 вебинар UXRussia
172 вебинар UXRussiaJulia Suvorova
 
Internal structure of a leaf
Internal structure of a leafInternal structure of a leaf
Internal structure of a leafLEONARD_AKO
 
managing disciplinary problems
managing disciplinary problemsmanaging disciplinary problems
managing disciplinary problemskomathi muniyandi
 
เรียงความ
เรียงความเรียงความ
เรียงความJensutthida
 

Viewers also liked (7)

The nature of learner language
The nature of learner languageThe nature of learner language
The nature of learner language
 
Committment
CommittmentCommittment
Committment
 
Conflict resolution
Conflict resolutionConflict resolution
Conflict resolution
 
172 вебинар UXRussia
172 вебинар UXRussia172 вебинар UXRussia
172 вебинар UXRussia
 
Internal structure of a leaf
Internal structure of a leafInternal structure of a leaf
Internal structure of a leaf
 
managing disciplinary problems
managing disciplinary problemsmanaging disciplinary problems
managing disciplinary problems
 
เรียงความ
เรียงความเรียงความ
เรียงความ
 

Similar to вебинар юзабилити Windows8

MagicPlot @ UXSPb @ IT Global Meetup #7
MagicPlot @ UXSPb @ IT Global Meetup #7MagicPlot @ UXSPb @ IT Global Meetup #7
MagicPlot @ UXSPb @ IT Global Meetup #7Alexander Levantovsky
 
Обзор интернет браузеров
Обзор интернет браузеровОбзор интернет браузеров
Обзор интернет браузеровAlina Kolosova
 
Обзор интернет браузеров
Обзор интернет браузеровОбзор интернет браузеров
Обзор интернет браузеровAlina Kolosova
 
Вредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилитиВредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилитиSQALab
 
Мобильная коллаборация
Мобильная коллаборацияМобильная коллаборация
Мобильная коллаборацияAnatoly Levenchuk
 
исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных смиEugene Kulakov
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...COMAQA.BY
 
Human computer interfaces v8
Human computer interfaces v8Human computer interfaces v8
Human computer interfaces v8Yuri Ammosov
 
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...IT Club Mykolayiv
 
сравнение Mac os x & linux ubuntu
сравнение Mac os x & linux ubuntuсравнение Mac os x & linux ubuntu
сравнение Mac os x & linux ubuntureeds62
 
Гадания на тайлах
Гадания на тайлахГадания на тайлах
Гадания на тайлахJulia Suvorova
 
Тренды и тенденции веб- дизайна 2014
Тренды и тенденции веб- дизайна 2014Тренды и тенденции веб- дизайна 2014
Тренды и тенденции веб- дизайна 2014Artjoker
 
Trenddesign2014 131216032334-phpapp01
Trenddesign2014 131216032334-phpapp01Trenddesign2014 131216032334-phpapp01
Trenddesign2014 131216032334-phpapp01Evgeny Borodin
 
филиппов Material design для проектирования продуктов
филиппов   Material design для проектирования продуктовфилиппов   Material design для проектирования продуктов
филиппов Material design для проектирования продуктовMagneta AI
 
ефимов как Ux-специалист делился своими инструментами с agile-командами
ефимов   как Ux-специалист делился своими инструментами с agile-командамиефимов   как Ux-специалист делился своими инструментами с agile-командами
ефимов как Ux-специалист делился своими инструментами с agile-командамиMagneta AI
 
Как UX-специалист делился своими инструментами с agile-командами
Как UX-специалист делился своими инструментами с agile-командамиКак UX-специалист делился своими инструментами с agile-командами
Как UX-специалист делился своими инструментами с agile-командамиNikita Efimov
 
Денис Царев – Как не разбить лоб об HTML5
Денис Царев – Как не разбить лоб об HTML5Денис Царев – Как не разбить лоб об HTML5
Денис Царев – Как не разбить лоб об HTML5404fest
 
Human mind and Usability
Human mind and UsabilityHuman mind and Usability
Human mind and UsabilitySergei Spivak
 
сравнение Mac-os-x-linux-ubuntu
сравнение Mac-os-x-linux-ubuntuсравнение Mac-os-x-linux-ubuntu
сравнение Mac-os-x-linux-ubuntuAnyuta Roschina
 

Similar to вебинар юзабилити Windows8 (20)

MagicPlot @ UXSPb @ IT Global Meetup #7
MagicPlot @ UXSPb @ IT Global Meetup #7MagicPlot @ UXSPb @ IT Global Meetup #7
MagicPlot @ UXSPb @ IT Global Meetup #7
 
Обзор интернет браузеров
Обзор интернет браузеровОбзор интернет браузеров
Обзор интернет браузеров
 
Обзор интернет браузеров
Обзор интернет браузеровОбзор интернет браузеров
Обзор интернет браузеров
 
Вредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилитиВредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилити
 
Мобильная коллаборация
Мобильная коллаборацияМобильная коллаборация
Мобильная коллаборация
 
исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных сми
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
 
Human computer interfaces v8
Human computer interfaces v8Human computer interfaces v8
Human computer interfaces v8
 
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
 
сравнение Mac os x & linux ubuntu
сравнение Mac os x & linux ubuntuсравнение Mac os x & linux ubuntu
сравнение Mac os x & linux ubuntu
 
Гадания на тайлах
Гадания на тайлахГадания на тайлах
Гадания на тайлах
 
Тренды и тенденции веб- дизайна 2014
Тренды и тенденции веб- дизайна 2014Тренды и тенденции веб- дизайна 2014
Тренды и тенденции веб- дизайна 2014
 
Trenddesign2014 131216032334-phpapp01
Trenddesign2014 131216032334-phpapp01Trenddesign2014 131216032334-phpapp01
Trenddesign2014 131216032334-phpapp01
 
Mobile UI @Levelapp.me
Mobile UI @Levelapp.meMobile UI @Levelapp.me
Mobile UI @Levelapp.me
 
филиппов Material design для проектирования продуктов
филиппов   Material design для проектирования продуктовфилиппов   Material design для проектирования продуктов
филиппов Material design для проектирования продуктов
 
ефимов как Ux-специалист делился своими инструментами с agile-командами
ефимов   как Ux-специалист делился своими инструментами с agile-командамиефимов   как Ux-специалист делился своими инструментами с agile-командами
ефимов как Ux-специалист делился своими инструментами с agile-командами
 
Как UX-специалист делился своими инструментами с agile-командами
Как UX-специалист делился своими инструментами с agile-командамиКак UX-специалист делился своими инструментами с agile-командами
Как UX-специалист делился своими инструментами с agile-командами
 
Денис Царев – Как не разбить лоб об HTML5
Денис Царев – Как не разбить лоб об HTML5Денис Царев – Как не разбить лоб об HTML5
Денис Царев – Как не разбить лоб об HTML5
 
Human mind and Usability
Human mind and UsabilityHuman mind and Usability
Human mind and Usability
 
сравнение Mac-os-x-linux-ubuntu
сравнение Mac-os-x-linux-ubuntuсравнение Mac-os-x-linux-ubuntu
сравнение Mac-os-x-linux-ubuntu
 

More from Julia Suvorova

Аналитика СМИ для всех и каждого
Аналитика СМИ для всех и каждогоАналитика СМИ для всех и каждого
Аналитика СМИ для всех и каждогоJulia Suvorova
 
UX без компромиссов
UX без компромиссовUX без компромиссов
UX без компромиссовJulia Suvorova
 
Рекламатрикс-2014
Рекламатрикс-2014Рекламатрикс-2014
Рекламатрикс-2014Julia Suvorova
 
Как застраховать своё здоровье и не растерять его
Как застраховать своё здоровье и не растерять егоКак застраховать своё здоровье и не растерять его
Как застраховать своё здоровье и не растерять егоJulia Suvorova
 
Веб-аналитика VS Юзабилити
Веб-аналитика VS ЮзабилитиВеб-аналитика VS Юзабилити
Веб-аналитика VS ЮзабилитиJulia Suvorova
 
РИФ-2014: интерфейсы для землян
РИФ-2014: интерфейсы для землянРИФ-2014: интерфейсы для землян
РИФ-2014: интерфейсы для землянJulia Suvorova
 
Поиск в интернет магазине глазами пользователя
Поиск в интернет магазине глазами пользователяПоиск в интернет магазине глазами пользователя
Поиск в интернет магазине глазами пользователяJulia Suvorova
 
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайнJulia Suvorova
 
195. опыт пользователя и гражданина
195. опыт пользователя и гражданина195. опыт пользователя и гражданина
195. опыт пользователя и гражданинаJulia Suvorova
 
эффективный интерфейс для корпоративного сайта
эффективный интерфейс для корпоративного сайтаэффективный интерфейс для корпоративного сайта
эффективный интерфейс для корпоративного сайтаJulia Suvorova
 
184. взгляд со стороны
184. взгляд со стороны184. взгляд со стороны
184. взгляд со стороныJulia Suvorova
 
180. мобильный и доступный
180. мобильный и доступный180. мобильный и доступный
180. мобильный и доступныйJulia Suvorova
 
Вебинар сообщества UXRussia №170. Эмоциональная оценка бренда
Вебинар сообщества UXRussia №170. Эмоциональная оценка брендаВебинар сообщества UXRussia №170. Эмоциональная оценка бренда
Вебинар сообщества UXRussia №170. Эмоциональная оценка брендаJulia Suvorova
 

More from Julia Suvorova (15)

Аналитика СМИ для всех и каждого
Аналитика СМИ для всех и каждогоАналитика СМИ для всех и каждого
Аналитика СМИ для всех и каждого
 
ICBDA'2015
ICBDA'2015ICBDA'2015
ICBDA'2015
 
UX без компромиссов
UX без компромиссовUX без компромиссов
UX без компромиссов
 
iMetrics 2014
iMetrics 2014iMetrics 2014
iMetrics 2014
 
Рекламатрикс-2014
Рекламатрикс-2014Рекламатрикс-2014
Рекламатрикс-2014
 
Как застраховать своё здоровье и не растерять его
Как застраховать своё здоровье и не растерять егоКак застраховать своё здоровье и не растерять его
Как застраховать своё здоровье и не растерять его
 
Веб-аналитика VS Юзабилити
Веб-аналитика VS ЮзабилитиВеб-аналитика VS Юзабилити
Веб-аналитика VS Юзабилити
 
РИФ-2014: интерфейсы для землян
РИФ-2014: интерфейсы для землянРИФ-2014: интерфейсы для землян
РИФ-2014: интерфейсы для землян
 
Поиск в интернет магазине глазами пользователя
Поиск в интернет магазине глазами пользователяПоиск в интернет магазине глазами пользователя
Поиск в интернет магазине глазами пользователя
 
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
194. Как не напугать пользователя своим интернет-магазином: покупка обуви онлайн
 
195. опыт пользователя и гражданина
195. опыт пользователя и гражданина195. опыт пользователя и гражданина
195. опыт пользователя и гражданина
 
эффективный интерфейс для корпоративного сайта
эффективный интерфейс для корпоративного сайтаэффективный интерфейс для корпоративного сайта
эффективный интерфейс для корпоративного сайта
 
184. взгляд со стороны
184. взгляд со стороны184. взгляд со стороны
184. взгляд со стороны
 
180. мобильный и доступный
180. мобильный и доступный180. мобильный и доступный
180. мобильный и доступный
 
Вебинар сообщества UXRussia №170. Эмоциональная оценка бренда
Вебинар сообщества UXRussia №170. Эмоциональная оценка брендаВебинар сообщества UXRussia №170. Эмоциональная оценка бренда
Вебинар сообщества UXRussia №170. Эмоциональная оценка бренда
 

вебинар юзабилити Windows8