SlideShare a Scribd company logo
1 of 16
Download to read offline
С	
  чего	
  начинается	
  приложение:	
  
 прототипирование	
  юзабилити

                               Айрат	
  Гиниятуллин
                                         CMG	
  Russia




                                                         1
Convergent Media Group: QUICK FACTS

•   American	
  owned	
  and	
  managed,	
  est.	
  2001
•   OperaKons	
  in	
  USA,	
  Russia,	
  Ukraine,	
  CroaKa	
  and	
  UAE
•   100-­‐Member	
  in-­‐house	
  team:	
  
     –   CreaKve	
  staff
     –   Project	
  managers
     –   ProducKon	
  managers
     –   Programmers/	
  Developers/	
  Mobile	
  Developers/Flashers/	
  Animators
     –   Copywriters/	
  Editors/	
  Category	
  Managers
     –   All	
  back-­‐end	
  technical	
  staff
•   Over	
  50	
  long-­‐term	
  part	
  Kme	
  team	
  members:	
  copywriters,	
  animators,	
  bloggers,	
  
    moderators,	
  mobile	
  porKng	
  programmers,	
  etc.
•   100+	
  P&G-­‐approved	
  translators	
  and	
  local	
  language	
  editors	
  for	
  45	
  languages
•   Delivered	
  projects	
  in	
  over	
  50	
  EMEA,	
  NA,	
  SA	
  and	
  Asian	
  markets
•   300%	
  operaKons	
  expansion	
  since	
  2008
•   Over	
  50	
  internaKonal,	
  regional	
  and	
  local	
  clients	
  on	
  4	
  conKnents




                                                                                                                  2
Selected Multinational Clients




                                 3
Direct Work with Agencies

•   CMG	
  has	
  wide	
  experience	
  working	
  together	
  with	
  other	
  agencies	
  either	
  
    directly	
  or	
  within	
  loop	
  team	
  process




                                                                                                         4
С чего начинается мобильное приложение

• Техническое	
  задание	
  
  • в	
  идеале	
  –	
  	
  SRS	
  (IEEE-­‐830)
  • если	
  время	
  поджимает	
  –	
  хотя	
  бы	
  список	
  необходимых	
  фич
• Прототип	
  интерфейса
  • дорожная	
  карта
  • usability	
  prototype
  • дизайн-­‐макет




                                                                                    5
Основные платформы




•   Touch-­‐screen
•   отсутствие*	
  аппаратной	
  
    клавиатуры
•   широкая	
  целевая	
  
    аудитоия	
  


           *	
  У	
  Palm	
  (ныне	
  HP/Palm)	
  есть	
  одно	
  устройство	
  с	
  аппаратной	
  клавиатурой	
  



                                                                                                                 6
Страшное слово «юзабилити»

•   Международный	
  стандарт	
  ISO	
  9241-­‐11	
  определяет	
  юзабилити	
  как	
  
    «степень,	
  с	
  которой	
  продукт	
  может	
  быть	
  использован	
  определёнными	
  
    пользователями	
  при	
  определённом	
  контексте	
  использования	
  для	
  
    достижения	
  определённых	
  целей	
  с	
  должной	
  эффективностью,	
  
    продуктивностью	
  и	
  удовлетворённостью»
•   При	
  разработке	
  пользовательских	
  интерфейсов	
  словом	
  юзабилити	
  
    обозначают	
  общую	
  концепцию	
  их	
  удобства	
  при	
  использовании	
  
    программного	
  обеспечения,	
  логичность	
  и	
  простоту	
  в	
  расположении	
  
    элементов	
  управления.	
  Однако	
  при	
  этом	
  нередко	
  происходит	
  подмена	
  
    понятий	
  —	
  утилитарных	
  эстетическими.	
  Тогда	
  чётко	
  не	
  определённая	
  в	
  
    целях	
  и	
  не	
  обоснованная	
  в	
  деталях	
  полезность	
  конкретного	
  решения	
  для	
  
    пользователя,	
  считается	
  сама	
  собой	
  разумеющейся,	
  вытекающей	
  из	
  
    оригинальности	
  внешнего	
  вида.	
  (ru.wikipedia.org)




                                                                                                          7
Кто такой «юзабелист»




•   Юзабилист	
  –	
  это	
  очень	
  страшный	
  человек,	
  который	
  определяет,	
  как	
  будет	
  
    пользователь	
  мучаться,	
  использую	
  изготовленный	
  по	
  юзабилити	
  продукт




                                                                                                           8
Почему выгодно быть хорошим юзабелистом

•   Хорошего	
  юзабелиста	
  пользователи	
  не	
  матерят
•   Хороший	
  юзабелист	
  –	
  первый	
  друг	
  менеджера	
  проекта,	
  опора	
  заказчику	
  и	
  
    верный	
  товарищ	
  программистов
•   Хороший	
  юзабелист	
  не	
  боиться	
  слов	
  «эргономика»	
  и	
  «interacKon	
  design»	
  –	
  
    это	
  его	
  работа
•   Хорошего	
  юзабелиста	
  все	
  считают	
  адекватным	
  человек	
  и	
  совсем	
  не	
  
    психопатом
•   Плохих	
  юзабелистов	
  матерят,	
  считают	
  неадекватными	
  психами,	
  боятся	
  
    заказчики,	
  тихо	
  ненавидят	
  все	
  остальные




                                                                                                            9
Как стать хорошим юзабелистом

•   Обладать	
  хотя	
  бы	
  одним	
  устройством,	
  для	
  которого	
  он	
  делает	
  прототипы
•   ПОСТОЯННО	
  пользоваться	
  хотя	
  бы	
  одним	
  устройством,	
  для	
  которого	
  он	
  
    делает	
  прототипы
•   Быть	
  «немножко	
  программистом»	
  
•   Иметь	
  не	
  извращенное	
  «чувство	
  прекрасного»
•   Помнить	
  про	
  «три	
  тапа»
•   Всегда	
  быть	
  за	
  пользователя




                                                                                                      10
Библия юзабелиста




Apple	
  Human	
  Interface	
  Guidelines hŽp://developer.apple.com/library/mac/navigaKon/



                                                                                             11
Как сэкономить время

•   Как	
  показывает	
  практика,	
  в	
  90%	
  случаев	
  при	
  разработке	
  приложения	
  на	
  
    несколько	
  платформ,	
  достаточно	
  иметь	
  прототипы	
  интересов	
  для	
  iPhone
•   Накиданные	
  в	
  Interface	
  Builder	
  интерфейсы	
  экономят	
  время	
  
    программистов	
  и	
  помогают	
  окончательно	
  понять	
  –	
  что	
  прототипировать	
  
    можно,	
  а	
  что	
  нельзя
•   Смотрите	
  howto-­‐видео	
  с	
  dev.apple.com	
  
•   Гиперссылки	
  катастрофически	
  повышают	
  понятность	
  прототипа.




                                                                                                         12
Дорожная карта
•   Показывает	
  что	
  должно	
  происходить	
  в	
  приложении,	
  когда	
  нажимают	
  на	
  
    кнопочки	
  и	
  тыкают	
  в	
  буковки
•   Для	
  построения	
  достаточно	
  ручки	
  и	
  бумажки
•   Не	
  надо	
  гнаться	
  за	
  визуальным	
  отображением	
  -­‐	
  только	
  за	
  логикой




                                                                                                    13
ПО для прототипирования




                          14
Mock App




           15
Contacts




           16

More Related Content

What's hot

Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...IT Club Mykolayiv
 
Start-up Reality Check - Empatika в ВШЭ
Start-up Reality Check - Empatika в ВШЭStart-up Reality Check - Empatika в ВШЭ
Start-up Reality Check - Empatika в ВШЭOleg Parinov
 
Course User interface — Lesson 8
Course User interface — Lesson 8Course User interface — Lesson 8
Course User interface — Lesson 8Oleksandr Lisovskyi
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаKsenia Sternina
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7Oleksandr Lisovskyi
 
Способы создания электронного журнала для iPad
Способы создания электронного журнала для iPadСпособы создания электронного журнала для iPad
Способы создания электронного журнала для iPadMaria Podolyak
 
я выбираю профессию в It
я выбираю профессию в Itя выбираю профессию в It
я выбираю профессию в Itmalahova-helen
 
Как стать игроком большой команды
Как стать игроком большой командыКак стать игроком большой команды
Как стать игроком большой командыAgilie Team
 
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42Maria Podolyak
 
Пользовательские исследования мобильных приложений
Пользовательские исследования мобильных приложенийПользовательские исследования мобильных приложений
Пользовательские исследования мобильных приложенийMail.ru Group
 
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...Yury Solonitsyn
 
Mobile testing: Android, iOS, BlackBerry
Mobile testing: Android, iOS, BlackBerryMobile testing: Android, iOS, BlackBerry
Mobile testing: Android, iOS, BlackBerryQA Club Kiev
 
Nival: Как не увлечься погоней за универсализацией компонент
Nival: Как не увлечься погоней за универсализацией компонентNival: Как не увлечься погоней за универсализацией компонент
Nival: Как не увлечься погоней за универсализацией компонентDevGAMM Conference
 
Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...
Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...
Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...Maria Podolyak
 
Экспертиза usability. Изучаем требования к продукту
Экспертиза usability. Изучаем требования к продуктуЭкспертиза usability. Изучаем требования к продукту
Экспертиза usability. Изучаем требования к продуктуYury Solonitsyn
 
Course User interface — Lesson 11
Course User interface — Lesson 11Course User interface — Lesson 11
Course User interface — Lesson 11Oleksandr Lisovskyi
 
Информационные и ментальные модели - WIAD 2015
Информационные и ментальные модели - WIAD 2015Информационные и ментальные модели - WIAD 2015
Информационные и ментальные модели - WIAD 2015Yury Solonitsyn
 
Course User interface — Lesson 9
Course User interface — Lesson 9Course User interface — Lesson 9
Course User interface — Lesson 9Oleksandr Lisovskyi
 
Всё юзабилити за час
Всё юзабилити за часВсё юзабилити за час
Всё юзабилити за часDigital Guru Club
 

What's hot (20)

Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
 
Start-up Reality Check - Empatika в ВШЭ
Start-up Reality Check - Empatika в ВШЭStart-up Reality Check - Empatika в ВШЭ
Start-up Reality Check - Empatika в ВШЭ
 
Course User interface — Lesson 8
Course User interface — Lesson 8Course User interface — Lesson 8
Course User interface — Lesson 8
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7
 
Способы создания электронного журнала для iPad
Способы создания электронного журнала для iPadСпособы создания электронного журнала для iPad
Способы создания электронного журнала для iPad
 
я выбираю профессию в It
я выбираю профессию в Itя выбираю профессию в It
я выбираю профессию в It
 
Как стать игроком большой команды
Как стать игроком большой командыКак стать игроком большой команды
Как стать игроком большой команды
 
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
Электронные журналы для планшетов. Новые возможности в Magtoapp Editor 1.42
 
Task-Centered Design
Task-Centered DesignTask-Centered Design
Task-Centered Design
 
Пользовательские исследования мобильных приложений
Пользовательские исследования мобильных приложенийПользовательские исследования мобильных приложений
Пользовательские исследования мобильных приложений
 
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...
 
Mobile testing: Android, iOS, BlackBerry
Mobile testing: Android, iOS, BlackBerryMobile testing: Android, iOS, BlackBerry
Mobile testing: Android, iOS, BlackBerry
 
Nival: Как не увлечься погоней за универсализацией компонент
Nival: Как не увлечься погоней за универсализацией компонентNival: Как не увлечься погоней за универсализацией компонент
Nival: Как не увлечься погоней за универсализацией компонент
 
Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...
Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...
Как разработать мобильное приложение для печатного СМИ? Статья из журнала "Гл...
 
Экспертиза usability. Изучаем требования к продукту
Экспертиза usability. Изучаем требования к продуктуЭкспертиза usability. Изучаем требования к продукту
Экспертиза usability. Изучаем требования к продукту
 
Course User interface — Lesson 11
Course User interface — Lesson 11Course User interface — Lesson 11
Course User interface — Lesson 11
 
Информационные и ментальные модели - WIAD 2015
Информационные и ментальные модели - WIAD 2015Информационные и ментальные модели - WIAD 2015
Информационные и ментальные модели - WIAD 2015
 
Course User interface — Lesson 9
Course User interface — Lesson 9Course User interface — Lesson 9
Course User interface — Lesson 9
 
Всё юзабилити за час
Всё юзабилити за часВсё юзабилити за час
Всё юзабилити за час
 

Viewers also liked

Ataqueal corazon
Ataqueal corazonAtaqueal corazon
Ataqueal corazonmaster642
 
качество и актуальность картографического контента
качество и актуальность картографического контентакачество и актуальность картографического контента
качество и актуальность картографического контентаElena Kotina
 
Мобильный маркетинг и реклама как интегратор медиамикса
Мобильный маркетинг и реклама как интегратор медиамиксаМобильный маркетинг и реклама как интегратор медиамикса
Мобильный маркетинг и реклама как интегратор медиамиксаElena Kotina
 
PJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проектаPJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проектаElena Kotina
 
как я открыл веб студию
как я открыл веб студиюкак я открыл веб студию
как я открыл веб студиюElena Kotina
 
Ataqueal corazon
Ataqueal corazonAtaqueal corazon
Ataqueal corazonmaster642
 
рынок мобильных приложений
рынок мобильных приложенийрынок мобильных приложений
рынок мобильных приложенийElena Kotina
 
Lop d08 tha1
Lop d08 tha1Lop d08 tha1
Lop d08 tha1anhducqt
 
Мобильные приложения и корпоративные сайты. Технологии взаимодействия
Мобильные приложения и корпоративные сайты. Технологии взаимодействияМобильные приложения и корпоративные сайты. Технологии взаимодействия
Мобильные приложения и корпоративные сайты. Технологии взаимодействияElena Kotina
 
Vocabulary games
Vocabulary gamesVocabulary games
Vocabulary gamesjhean22
 
перспективы мобильного телевидения
перспективы мобильного телевиденияперспективы мобильного телевидения
перспективы мобильного телевиденияElena Kotina
 
в плену у бренда
в плену у брендав плену у бренда
в плену у брендаElena Kotina
 
генерация идей. трансфер идеи в инновационный проект
генерация идей. трансфер идеи в инновационный проектгенерация идей. трансфер идеи в инновационный проект
генерация идей. трансфер идеи в инновационный проектElena Kotina
 

Viewers also liked (16)

Ataqueal corazon
Ataqueal corazonAtaqueal corazon
Ataqueal corazon
 
Raúl m. orellana.ppt
Raúl m. orellana.pptRaúl m. orellana.ppt
Raúl m. orellana.ppt
 
качество и актуальность картографического контента
качество и актуальность картографического контентакачество и актуальность картографического контента
качество и актуальность картографического контента
 
Мобильный маркетинг и реклама как интегратор медиамикса
Мобильный маркетинг и реклама как интегратор медиамиксаМобильный маркетинг и реклама как интегратор медиамикса
Мобильный маркетинг и реклама как интегратор медиамикса
 
PJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проектаPJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проекта
 
как я открыл веб студию
как я открыл веб студиюкак я открыл веб студию
как я открыл веб студию
 
Ataqueal corazon
Ataqueal corazonAtaqueal corazon
Ataqueal corazon
 
рынок мобильных приложений
рынок мобильных приложенийрынок мобильных приложений
рынок мобильных приложений
 
Lop d08 tha1
Lop d08 tha1Lop d08 tha1
Lop d08 tha1
 
Reality tv
Reality tvReality tv
Reality tv
 
Мобильные приложения и корпоративные сайты. Технологии взаимодействия
Мобильные приложения и корпоративные сайты. Технологии взаимодействияМобильные приложения и корпоративные сайты. Технологии взаимодействия
Мобильные приложения и корпоративные сайты. Технологии взаимодействия
 
Vocabulary games
Vocabulary gamesVocabulary games
Vocabulary games
 
перспективы мобильного телевидения
перспективы мобильного телевиденияперспективы мобильного телевидения
перспективы мобильного телевидения
 
в плену у бренда
в плену у брендав плену у бренда
в плену у бренда
 
генерация идей. трансфер идеи в инновационный проект
генерация идей. трансфер идеи в инновационный проектгенерация идей. трансфер идеи в инновационный проект
генерация идей. трансфер идеи в инновационный проект
 
Qt quick (qml)
Qt quick (qml)Qt quick (qml)
Qt quick (qml)
 

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

Course User interface - Lesson 1
Course User interface - Lesson 1Course User interface - Lesson 1
Course User interface - Lesson 1Oleksandr Lisovskyi
 
терминология vol.2
терминология vol.2терминология vol.2
терминология vol.2SBTech
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Yana Brodetski
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуляITCP Community
 
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсовСтажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов7bits
 
Usability lecture sam solutions by gleb uvarov part 2
Usability lecture sam solutions by gleb uvarov part 2Usability lecture sam solutions by gleb uvarov part 2
Usability lecture sam solutions by gleb uvarov part 2Anastasia Schebrova
 
2013-03-02 02 Дмитрий Пашкевич. Код на стероидах
2013-03-02 02 Дмитрий Пашкевич. Код на стероидах2013-03-02 02 Дмитрий Пашкевич. Код на стероидах
2013-03-02 02 Дмитрий Пашкевич. Код на стероидахОмские ИТ-субботники
 
Обзор Feature-Driven Development и Domain-Driven Design
Обзор Feature-Driven Development и Domain-Driven DesignОбзор Feature-Driven Development и Domain-Driven Design
Обзор Feature-Driven Development и Domain-Driven DesignAndrey Bibichev
 
Иван Васильев
Иван ВасильевИван Васильев
Иван ВасильевCodeFest
 
Профессии в IT
Профессии в ITПрофессии в IT
Профессии в ITSam Faktorovich
 
Ценность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийЦенность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийMichael Kozloff
 
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...geekfamilyrussia
 
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...PVasili
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...COMAQA.BY
 
презентация резидента сколково Freemium 300711
презентация резидента сколково Freemium 300711презентация резидента сколково Freemium 300711
презентация резидента сколково Freemium 300711ggennix
 
исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных смиEugene Kulakov
 

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

Course User interface - Lesson 1
Course User interface - Lesson 1Course User interface - Lesson 1
Course User interface - Lesson 1
 
Gtug.sucks.vs.rules
Gtug.sucks.vs.rulesGtug.sucks.vs.rules
Gtug.sucks.vs.rules
 
терминология vol.2
терминология vol.2терминология vol.2
терминология vol.2
 
Mobile UI @Levelapp.me
Mobile UI @Levelapp.meMobile UI @Levelapp.me
Mobile UI @Levelapp.me
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60.
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
 
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсовСтажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
Стажировка-2015. Дизайн. Занятие 3. Проектирование интерфейсов
 
Usability lecture sam solutions by gleb uvarov part 2
Usability lecture sam solutions by gleb uvarov part 2Usability lecture sam solutions by gleb uvarov part 2
Usability lecture sam solutions by gleb uvarov part 2
 
User Story Canvas
User Story CanvasUser Story Canvas
User Story Canvas
 
2013-03-02 02 Дмитрий Пашкевич. Код на стероидах
2013-03-02 02 Дмитрий Пашкевич. Код на стероидах2013-03-02 02 Дмитрий Пашкевич. Код на стероидах
2013-03-02 02 Дмитрий Пашкевич. Код на стероидах
 
Обзор Feature-Driven Development и Domain-Driven Design
Обзор Feature-Driven Development и Domain-Driven DesignОбзор Feature-Driven Development и Domain-Driven Design
Обзор Feature-Driven Development и Domain-Driven Design
 
Иван Васильев
Иван ВасильевИван Васильев
Иван Васильев
 
Профессии в IT
Профессии в ITПрофессии в IT
Профессии в IT
 
Usability don't make me think
Usability don't make me thinkUsability don't make me think
Usability don't make me think
 
Ценность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложенийЦенность платформы Octopod для разработчиков мобильных приложений
Ценность платформы Octopod для разработчиков мобильных приложений
 
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
 
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
 
презентация резидента сколково Freemium 300711
презентация резидента сколково Freemium 300711презентация резидента сколково Freemium 300711
презентация резидента сколково Freemium 300711
 
исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных сми
 

More from Elena Kotina

Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...
Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...
Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...Elena Kotina
 
PJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проектаPJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проектаElena Kotina
 
Android: Как написать приложение, которое не тормозит
Android: Как  написать приложение, которое не тормозитAndroid: Как  написать приложение, которое не тормозит
Android: Как написать приложение, которое не тормозитElena Kotina
 
Мобильные платформы и изменение пользовательского опыта
Мобильные платформы и изменение пользовательского опытаМобильные платформы и изменение пользовательского опыта
Мобильные платформы и изменение пользовательского опытаElena Kotina
 
Pay-Mobile API: платежи банковскими картами в мобильном
Pay-Mobile API: платежи банковскими картами в мобильномPay-Mobile API: платежи банковскими картами в мобильном
Pay-Mobile API: платежи банковскими картами в мобильномElena Kotina
 
Платформа "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...
Платформа  "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...Платформа  "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...
Платформа "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...Elena Kotina
 
Продвижение мобильных приложений в мобильном интернете
Продвижение мобильных приложений в мобильном интернетеПродвижение мобильных приложений в мобильном интернете
Продвижение мобильных приложений в мобильном интернетеElena Kotina
 
Рынок мобильных приложений: альтернативные методы монетизации
Рынок мобильных приложений: альтернативные методы монетизацииРынок мобильных приложений: альтернативные методы монетизации
Рынок мобильных приложений: альтернативные методы монетизацииElena Kotina
 
Мобильный интернет – кто здесь?!
Мобильный интернет – кто здесь?!Мобильный интернет – кто здесь?!
Мобильный интернет – кто здесь?!Elena Kotina
 
Практический кейс: "Назначение нового менеджера в команду"
Практический кейс: "Назначение нового менеджера в команду"Практический кейс: "Назначение нового менеджера в команду"
Практический кейс: "Назначение нового менеджера в команду"Elena Kotina
 
Nokia для разработчиков
Nokia для разработчиковNokia для разработчиков
Nokia для разработчиковElena Kotina
 
MeeGo, AppUp & Atom – планы и перспективы
MeeGo, AppUp & Atom – планы и перспективыMeeGo, AppUp & Atom – планы и перспективы
MeeGo, AppUp & Atom – планы и перспективыElena Kotina
 
А теперь мы идем к вам! Реклама в мобильных приложениях
А теперь мы идем к вам! Реклама в мобильных приложенияхА теперь мы идем к вам! Реклама в мобильных приложениях
А теперь мы идем к вам! Реклама в мобильных приложенияхElena Kotina
 
mail.ru: Технологические инновации и лучшие люди
mail.ru: Технологические инновации и лучшие людиmail.ru: Технологические инновации и лучшие люди
mail.ru: Технологические инновации и лучшие людиElena Kotina
 
Разработка кроссплатформенного приложения с использованием Airplay SDK
Разработка кроссплатформенного приложения с использованием Airplay SDKРазработка кроссплатформенного приложения с использованием Airplay SDK
Разработка кроссплатформенного приложения с использованием Airplay SDKElena Kotina
 
Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...
Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...
Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...Elena Kotina
 
Использование геосерсисов для монетизации мобильных приложений
Использование геосерсисов для монетизации мобильных приложенийИспользование геосерсисов для монетизации мобильных приложений
Использование геосерсисов для монетизации мобильных приложенийElena Kotina
 
Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...
Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...
Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...Elena Kotina
 
онтология
онтологияонтология
онтологияElena Kotina
 

More from Elena Kotina (20)

Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...
Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...
Возможности, применение и монетизация социальных API Mail.Ru на мобильных пла...
 
PJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проектаPJSIP – VOIP движок, как база проекта
PJSIP – VOIP движок, как база проекта
 
Android: Как написать приложение, которое не тормозит
Android: Как  написать приложение, которое не тормозитAndroid: Как  написать приложение, которое не тормозит
Android: Как написать приложение, которое не тормозит
 
Мобильные платформы и изменение пользовательского опыта
Мобильные платформы и изменение пользовательского опытаМобильные платформы и изменение пользовательского опыта
Мобильные платформы и изменение пользовательского опыта
 
Pay-Mobile API: платежи банковскими картами в мобильном
Pay-Mobile API: платежи банковскими картами в мобильномPay-Mobile API: платежи банковскими картами в мобильном
Pay-Mobile API: платежи банковскими картами в мобильном
 
Платформа "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...
Платформа  "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...Платформа  "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...
Платформа "Агент+ 2.0" - возможности для быстрой разработки мобильных бизнес...
 
Продвижение мобильных приложений в мобильном интернете
Продвижение мобильных приложений в мобильном интернетеПродвижение мобильных приложений в мобильном интернете
Продвижение мобильных приложений в мобильном интернете
 
Рынок мобильных приложений: альтернативные методы монетизации
Рынок мобильных приложений: альтернативные методы монетизацииРынок мобильных приложений: альтернативные методы монетизации
Рынок мобильных приложений: альтернативные методы монетизации
 
Мобильный интернет – кто здесь?!
Мобильный интернет – кто здесь?!Мобильный интернет – кто здесь?!
Мобильный интернет – кто здесь?!
 
Практический кейс: "Назначение нового менеджера в команду"
Практический кейс: "Назначение нового менеджера в команду"Практический кейс: "Назначение нового менеджера в команду"
Практический кейс: "Назначение нового менеджера в команду"
 
Nokia для разработчиков
Nokia для разработчиковNokia для разработчиков
Nokia для разработчиков
 
MeeGo, AppUp & Atom – планы и перспективы
MeeGo, AppUp & Atom – планы и перспективыMeeGo, AppUp & Atom – планы и перспективы
MeeGo, AppUp & Atom – планы и перспективы
 
А теперь мы идем к вам! Реклама в мобильных приложениях
А теперь мы идем к вам! Реклама в мобильных приложенияхА теперь мы идем к вам! Реклама в мобильных приложениях
А теперь мы идем к вам! Реклама в мобильных приложениях
 
mail.ru: Технологические инновации и лучшие люди
mail.ru: Технологические инновации и лучшие людиmail.ru: Технологические инновации и лучшие люди
mail.ru: Технологические инновации и лучшие люди
 
Разработка кроссплатформенного приложения с использованием Airplay SDK
Разработка кроссплатформенного приложения с использованием Airplay SDKРазработка кроссплатформенного приложения с использованием Airplay SDK
Разработка кроссплатформенного приложения с использованием Airplay SDK
 
Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...
Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...
Пробки DorogaTV для мобильных приложений. Как встроить пробки в Ваше мобильно...
 
Использование геосерсисов для монетизации мобильных приложений
Использование геосерсисов для монетизации мобильных приложенийИспользование геосерсисов для монетизации мобильных приложений
Использование геосерсисов для монетизации мобильных приложений
 
Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...
Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...
Новые возможности информационных агентств и СМИ на примере iPhone, iPad и дру...
 
аллока
аллокааллока
аллока
 
онтология
онтологияонтология
онтология
 

прототипирование юзабилити

  • 1. С  чего  начинается  приложение:   прототипирование  юзабилити Айрат  Гиниятуллин CMG  Russia 1
  • 2. Convergent Media Group: QUICK FACTS • American  owned  and  managed,  est.  2001 • OperaKons  in  USA,  Russia,  Ukraine,  CroaKa  and  UAE • 100-­‐Member  in-­‐house  team:   – CreaKve  staff – Project  managers – ProducKon  managers – Programmers/  Developers/  Mobile  Developers/Flashers/  Animators – Copywriters/  Editors/  Category  Managers – All  back-­‐end  technical  staff • Over  50  long-­‐term  part  Kme  team  members:  copywriters,  animators,  bloggers,   moderators,  mobile  porKng  programmers,  etc. • 100+  P&G-­‐approved  translators  and  local  language  editors  for  45  languages • Delivered  projects  in  over  50  EMEA,  NA,  SA  and  Asian  markets • 300%  operaKons  expansion  since  2008 • Over  50  internaKonal,  regional  and  local  clients  on  4  conKnents 2
  • 4. Direct Work with Agencies • CMG  has  wide  experience  working  together  with  other  agencies  either   directly  or  within  loop  team  process 4
  • 5. С чего начинается мобильное приложение • Техническое  задание   • в  идеале  –    SRS  (IEEE-­‐830) • если  время  поджимает  –  хотя  бы  список  необходимых  фич • Прототип  интерфейса • дорожная  карта • usability  prototype • дизайн-­‐макет 5
  • 6. Основные платформы • Touch-­‐screen • отсутствие*  аппаратной   клавиатуры • широкая  целевая   аудитоия   *  У  Palm  (ныне  HP/Palm)  есть  одно  устройство  с  аппаратной  клавиатурой   6
  • 7. Страшное слово «юзабилити» • Международный  стандарт  ISO  9241-­‐11  определяет  юзабилити  как   «степень,  с  которой  продукт  может  быть  использован  определёнными   пользователями  при  определённом  контексте  использования  для   достижения  определённых  целей  с  должной  эффективностью,   продуктивностью  и  удовлетворённостью» • При  разработке  пользовательских  интерфейсов  словом  юзабилити   обозначают  общую  концепцию  их  удобства  при  использовании   программного  обеспечения,  логичность  и  простоту  в  расположении   элементов  управления.  Однако  при  этом  нередко  происходит  подмена   понятий  —  утилитарных  эстетическими.  Тогда  чётко  не  определённая  в   целях  и  не  обоснованная  в  деталях  полезность  конкретного  решения  для   пользователя,  считается  сама  собой  разумеющейся,  вытекающей  из   оригинальности  внешнего  вида.  (ru.wikipedia.org) 7
  • 8. Кто такой «юзабелист» • Юзабилист  –  это  очень  страшный  человек,  который  определяет,  как  будет   пользователь  мучаться,  использую  изготовленный  по  юзабилити  продукт 8
  • 9. Почему выгодно быть хорошим юзабелистом • Хорошего  юзабелиста  пользователи  не  матерят • Хороший  юзабелист  –  первый  друг  менеджера  проекта,  опора  заказчику  и   верный  товарищ  программистов • Хороший  юзабелист  не  боиться  слов  «эргономика»  и  «interacKon  design»  –   это  его  работа • Хорошего  юзабелиста  все  считают  адекватным  человек  и  совсем  не   психопатом • Плохих  юзабелистов  матерят,  считают  неадекватными  психами,  боятся   заказчики,  тихо  ненавидят  все  остальные 9
  • 10. Как стать хорошим юзабелистом • Обладать  хотя  бы  одним  устройством,  для  которого  он  делает  прототипы • ПОСТОЯННО  пользоваться  хотя  бы  одним  устройством,  для  которого  он   делает  прототипы • Быть  «немножко  программистом»   • Иметь  не  извращенное  «чувство  прекрасного» • Помнить  про  «три  тапа» • Всегда  быть  за  пользователя 10
  • 11. Библия юзабелиста Apple  Human  Interface  Guidelines hŽp://developer.apple.com/library/mac/navigaKon/ 11
  • 12. Как сэкономить время • Как  показывает  практика,  в  90%  случаев  при  разработке  приложения  на   несколько  платформ,  достаточно  иметь  прототипы  интересов  для  iPhone • Накиданные  в  Interface  Builder  интерфейсы  экономят  время   программистов  и  помогают  окончательно  понять  –  что  прототипировать   можно,  а  что  нельзя • Смотрите  howto-­‐видео  с  dev.apple.com   • Гиперссылки  катастрофически  повышают  понятность  прототипа. 12
  • 13. Дорожная карта • Показывает  что  должно  происходить  в  приложении,  когда  нажимают  на   кнопочки  и  тыкают  в  буковки • Для  построения  достаточно  ручки  и  бумажки • Не  надо  гнаться  за  визуальным  отображением  -­‐  только  за  логикой 13
  • 15. Mock App 15
  • 16. Contacts 16