Юзабилити: Сделай сам!

1. Юзабилити: Сделай сам! Повышение пользовательских качеств ПО и сайтов в условиях тотального сокращения расходов Коноплицкий Павел

2. ПРОБЛЕМЫ

3. УРОВНИ ГОТОВНОСТИ • Уровень 0: О юзабилити только где-то слышали или вообще не слышали • Уровень 1: Использование базовых юзабилити методов тестирования (контрольные списки, простейшая инспекция, проверка доступности) • Уровень 2: Уровень 1 + внедрение проектирования интерфейсов и их графического дизайна • Уровень 3: Уровень 2 + простейшее “партизанское” пользовательское тестирование, исследование пользователей • Уровень 4: Создание собственного юзабилити отдела - юзабилити лаборатории

4. ТЕКУЩАЯ СИТУАЦИЯ http://habrahabr.ru/blogs/ui_design_and_usability/35175/

5. ТЕКУЩАЯ СИТУАЦИЯ http://habrahabr.ru/blogs/ui_design_and_usability/35602/

6. ТЕКУЩАЯ СИТУАЦИЯ http://habrahabr.ru/blogs/ui_design_and_usability/35185/

7. ПРИЧИНЫМЕНЯТЬСЯ «Вы можете не изменяться. Выживание не является обязанностью» «Качество представляет собой не поддержание какого-то определённого стандарта, а живой и динамический процесс постоянного совершенствования» Эдвардc Деминг Выход из кризиса. Новая парадигма управления людьми, системами и процессами http://oz.by/books/more1031766.html

8. АНАЛИЗ

9. ИСТОЧНИКИ • Интервью с заказчиком • Анкетирование пользователей • Маркетинговый анализ • Анализ конкурентов • Запросы в службу поддержки • Google Analytics и Click maps http://www.amazedev.com/files/usability_gov_kickoff.doc

10. ПРОЕКТИРОВАНИЕ

11. ПОТРЕБНОСТЬ • Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков уже на этапе проектирования. • Дизайнеры будут задавать меньше вопросов и не будут отрисовывать несуществующую функциональность. С прототипом дизайн чаще рисуется «с первого раза». • Заказчикам прототип дает четкое представление того, что они получат по итогу проекта. Интерактивный прототип понятнее для заказчика. http://webmascon.com/topics/development/23a.asp

12. ВЗАИМОДЕЙСТВИЕ

13. ТРЕБОВАНИЯ • Упростить создание типовых решений, давая возможность для творчества • Позволить создавать интерактивные, детализированные прототипы, доступные всем участникам проекта с возможностью вносить изменения • Учитывать невысокий уровень знаний и опыта у человека, выполняющего прототипирование • Позволить думать о создаваемом интерфейсе, а не инструменте • Низкая стоимость ПО http://www.gui.ru/?p=488

14. КРИТЕРИИ • Скорость создания прототипа • Интерактивность • Детализация • Необходимость повторной отрисовки • Доступность для всех участников проекта • Возможность простого внесения изменений • Создание собственных библиотек

15. ИСПОЛЬЗУЕМЫЕ ИНСТРУМЕНТЫ http://habrahabr.ru/blogs/ui_design_and_usability/35162/

16. БУМАГА Среда Скорость создания прототипа: высокаяИнтерактивность: отсутствуетДетализация: высокаяНеобходима повторная отрисовка: даДоступность для всех участников проекта: ограниченнаяВозможность внесения изменений: не возможно Собственные библиотеки: не возможно

17. ДОСКА Среда Скорость создания прототипа: средняяИнтерактивность: отсутствуетДетализация: средняяНеобходима повторная отрисовка: даДоступность для всех участников проекта: ограниченнаяВозможность внесения изменений: возможно с ограниченьями Собственные библиотеки: не возможно http://blog.guimagnets.com/

18. OFFICE Среда Скорость создания прототипа: средняяИнтерактивность: низкаяДетализация: низкаяНеобходима повторная отрисовка: даДоступность для всех участников проекта: полнаяВозможность внесения изменений: возможно с ограниченьями Собственные библиотеки: возможно

19. VISIO Среда Скорость создания прототипа: высокаяИнтерактивность: низкаяДетализация: высокаяНеобходима повторная отрисовка: нетДоступность для всех участников проекта: полнаяВозможность внесения изменений: возможно без ограничений Собственные библиотеки: возможно http://www.jvetrau.com/category/ui-modeling/wireframes/

20. INDESIGN Среда Скорость создания прототипа: средняяИнтерактивность: низкаяДетализация: высокаяНеобходима повторная отрисовка: нетДоступность для всех участников проекта: полнаяВозможность внесения изменений: возможно без ограничений Собственные библиотеки: возможно http://usethics.ru/lib/indesign_prototyping.html

21. FIREWORKS Среда Скорость создания прототипа: средняяИнтерактивность: низкаяДетализация: высокаяНеобходима повторная отрисовка: нетДоступность для всех участников проекта: полнаяВозможность внесения изменений: возможно без ограничений Собственные библиотеки: возможно http://www.slideshare.net/azart/akhmelevsky-wireframing-in-adobe-fireworks-presentation

22. AXURE RP Среда Скорость создания прототипа: высокаяИнтерактивность: средняяДетализация: высокаяНеобходима повторная отрисовка: нетДоступность для всех участников проекта: полнаяВозможность внесения изменений: возможно без ограничений Собственные библиотеки: возможно http://axure.com/expert.aspx Библиотека элементов http://upa.org.ru/UsabilityBulletin-26.aspx?EntryID=787

23. HOLYGRAIL Среда Скорость создания прототипа: низкаяИнтерактивность: высокаяДетализация: высокаяНеобходима повторная отрисовка: нетДоступность для всех участников проекта: полнаяВозможность внесения изменений: возможно без ограничений Собственные библиотеки: возможно http://www.amazedev.com/holygrail/ http://rimmer333.habrahabr.ru/blog/31598/

24. СТЕНСИЛЫ http://www.amazedev.com/stencils/

25. MICROSOFT EXPRESSION Среда http://www.gui.ru/copylove/xaml-for-interction-design/

26. ADOBE FLASH CATALYST Среда http://tv.adobe.com/#vi+f15384v1003/

27. USABILITY GUIDELINES

28. ЮЗАБИЛИТИ ГАЙДЛАЙН Документ, описывающий правила применения как общих, так и отдельных элементов интерфейса • Не требует дополнительных затрат • Легко внедрить • Быстро прививается • Показывает конкретные проблемы интерфейса и описание решений • Повышает «планку» качества • Не требует специальных знаний для проведения тестирования http://www.amazedev.com/usability_guidelines/ http://www.gui.ru/?p=638

29. ДОКУМЕНТАЦИЯ

30. ПЕРЕЧЕНЬ ДОКУМЕНТОВ • Видение проекта (vision) • Персонажи (Personas) • Сценарии взаимодействия, краткие и подробные (use cases) • Перечень функциональности (user stories) • Карта сайта и схема навигации (Site map) • Структурные схемы (wireframes) • Руководство по стилю интерфейса • Интерактивный прототип • Спецификация http://upa.org.ru/UsabilityBulletin-30.aspx?EntryID=818 http://www.amazedev.com/pmoshablony-dokumentov/ http://www.uimodeling.ru/process/

31. ЮЗАБИЛИТИ-ТЕСТИРОВАНИЕ

32. http://oz.by/data/img_big/Veb-dizayn-kniga-Stiva-Kruga-ili-ne-zastavlyyte-meny-dumat-Stiv-Krug_102668.jpghttp://oz.by/data/img_big/Veb-dizayn-kniga-Stiva-Kruga-ili-ne-zastavlyyte-meny-dumat-Stiv-Krug_102668.jpg ОЧНОЕ ТЕСТИРОВАНИЕ Среда Веб-дизайн: книга Стива Круга, или "не заставляйте меня думать!" http://oz.by/books/more102668.html http://usethics.ru/lib/testing_by_the_cheap.html

33. http://oz.by/data/img_big/Veb-dizayn-kniga-Stiva-Kruga-ili-ne-zastavlyyte-meny-dumat-Stiv-Krug_102668.jpghttp://oz.by/data/img_big/Veb-dizayn-kniga-Stiva-Kruga-ili-ne-zastavlyyte-meny-dumat-Stiv-Krug_102668.jpg УДАЛЁННОЕ ТЕСТИРОВАНИЕ Среда http://remoteusability.com/ http://www.smashingmagazine.com/2008/08/19/screencasting-how-to-start/ http://habrahabr.ru/blogs/podcasting/44322/

34. Сообщество юзабилити специалистов Беларуси http://www.usability.by

35. ЦЕЛИ • Популяризовать юзабилити, проектирование интерфейсов и user experience на белорусском ИТ-рынке • Стать информационным источником для всех участников ИТ-рынка • Объединить специалистов

36. СОДЕРЖАНИЕ • Статьи и кейсы • Новости • Переводы • Вакансии • Анонсы мероприятий • Рецензии

37. ABOUT FACE 3 Среда http://www.gui.ru/copylove/about-face-3/

38. КАЛЕНДАРЬ ИТ-МЕРОПРИЯТИЙ Среда Google календарь ИТ-мероприятий Беларуси

39. СПАСИБО ЗА ВНИМАНИЕВОПРОСЫ? Коноплицкий Павел http://www.amazedev.com http://www.usability.by amazedev@gmail.com