Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Использование usability guidelines для повышения качества веб-разработок

2.928 Aufrufe

Veröffentlicht am

Презентация Коноплицкого Павла об использование usability guidelines для повышения качества веб-разработок на конференции SQADays 2008

Статья, написанная по презентации
http://www.amazedev.com/usability_guidelines_article/

Veröffentlicht in: Technologie
  • Login to see the comments

Использование usability guidelines для повышения качества веб-разработок

  1. 1. Использование usability guidelines для повышения качества веб-разработок Павел Коноплицкий. UIDesign Group
  2. 2. Юзабилити <ul><li>Степень эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определёнными пользователями для достижения определённых задач в определённом контексте. </li></ul><ul><li>(ISO 9241-11) </li></ul>
  3. 3. Пример (1)
  4. 4. Пример (2)
  5. 5. Пример (3)
  6. 6. Пример (3)
  7. 7. Usability guidelines <ul><li>Документ, описывающий правила применения как общих, так и отдельных элементов интерфейса. </li></ul>
  8. 8. Преимущества <ul><li>Не требует дополнительных затрат </li></ul><ul><li>Легко внедрить </li></ul><ul><li>Быстро прививается </li></ul><ul><li>Показывает конкретные проблемы интерфейса и описание решений </li></ul><ul><li>Повышает «планку» качества </li></ul><ul><li>Не требует специальных знаний для проведения тестирования </li></ul>
  9. 9. Недостатки <ul><li>Неполнота содержания </li></ul><ul><li>Не решает проблем взаимодействия </li></ul><ul><li>Для составления может понадобиться эксперт </li></ul>
  10. 10. Содержание <ul><li>Формы </li></ul><ul><li>Кнопки </li></ul><ul><li>Поля ввода </li></ul><ul><li>Списки </li></ul><ul><li>Системные сообщения и обработка ошибок </li></ul><ul><li>Флажки и переключатели </li></ul><ul><li>Текст </li></ul><ul><li>Пошаговые действия (мастер) </li></ul><ul><li>Капча </li></ul><ul><li>http://www.amazedev.com/usability_guidelines </li></ul>
  11. 11. Пример (1) <ul><li>1.1 Поля, обязательные для заполнения, обозначены звёздочкой перед своим названием. У формы есть пояснение об обозначении обязательных полей. </li></ul><ul><li>http://www.amazedev.com/usability_guidelines </li></ul>
  12. 12. Пример (2) <ul><li>1.2 Названия полей выровнены по правой стороне. Расстояние от названия до поля для всех полей одинаковое. </li></ul><ul><li>http://www.amazedev.com/usability_guidelines </li></ul>
  13. 13. Пример (3) <ul><li>3.3 Для полей ввода количественных характеристик (длинна, вес, рост, скорость, расстояние, размер и т.д.) необходимо указывать единицы измерения. </li></ul><ul><li>. </li></ul><ul><li>http://www.amazedev.com/usability_guidelines </li></ul>
  14. 14. Советы по составлению <ul><li>Правила должны быть абсолютными </li></ul><ul><li>Правила должны устранять разногласия, унифицируя интерфейс </li></ul><ul><li>Сохраняйте в качестве правил проверенные временем, лучшие решения ( Best practice ) </li></ul>
  15. 15. У странение разногласий http://measuringuserexperience.com/SubmitCancel/index.htm http://www.useit.com/alertbox/ok-cancel.html
  16. 16. Лучшие решения http://p1uton.ru/2008/09/22/previous-and-next-actions-in-web-forms/
  17. 17. Внедрение <ul><li>«Заразите» руководство качеством и юзабилити </li></ul><ul><li>Проведите работы по составлению usability guidelines </li></ul><ul><li>Обсудите полученный список. Внесите коррективы </li></ul><ul><li>Добейтесь, чтобы созданный документ стал стандартом </li></ul><ul><li>Создайте категорию «юзабилити» в вашей баг-трекинговой системе </li></ul><ul><li>Периодически пересматривайте существующие и добавляйте новые правила (кайдзен) </li></ul>
  18. 18. Используют guidelines
  19. 19. Microsoft Ribbon Bar (1)
  20. 20. Microsoft Ribbon Bar (2) http://msdn.microsoft.com/en-au/library/cc872782.aspx
  21. 21. Экран (1) Названия полей выровнены по правой стороне. Расстояние от названия до поля для всех полей одинаковое. Надписи на кнопках начинаются с большой буквы. Если надпись состоит из нескольких слов, то каждое слово начинается с большой буквы, кроме предлогов. Подписи к интерфейсным элементам начинаются с прописной буквы и заканчиваются двоеточием.
  22. 22. Экран (2) Кнопка негативного действия («Удалить», «Стереть», «Отменить») всегда самая правая. Надписи на кнопках начинаются с большой буквы. Если надпись состоит из нескольких слов, то каждое слово начинается с большой буквы, кроме предлогов.
  23. 23. Развитие (1) <ul><li>«Качество представляет собой не поддержание какого-то определённого стандарта, а живой и динамический процесс постоянного совершенствования» </li></ul><ul><li>«Вы можете не изменяться. Выживание не является обязанностью» </li></ul><ul><li>Эдвард Деминг </li></ul>
  24. 24. Развитие (2) <ul><li>Usability Guidelines </li></ul><ul><li>Прототипирование (инструмент) </li></ul><ul><li>Использование паттернов </li></ul><ul><li>Обучение (книги, статьи, образцы) </li></ul>
  25. 25. Ресурсы (1) Мэтью Линдерман, Джейсон Фрайд Как создать посещаемый сайт и избежать типичных ошибок http://www.ozon.ru/context/detail/id/3184017/ http://www.books.ru/shop/books/488863 Jeff Johnson GUI Bloopers 2.0 http://www.gui-bloopers.com/
  26. 26. Ресурсы (2) <ul><li>Amazing Development </li></ul><ul><li>http://www.amazedev.com/usability_guidelines/ </li></ul><ul><li>Microsoft Ribbons Guidelines </li></ul><ul><li>http://msdn.microsoft.com/en-au/library/cc872782.aspx </li></ul><ul><li>Apple User experience </li></ul><ul><li>http://developer.apple.com/documentation/UserExperience/index-date.html </li></ul><ul><li>Sun Microsystems. OpenStep User Interface Guidelines </li></ul><ul><li>http://java.sun.com/products/jlf/ed2/guidelines.html </li></ul><ul><li>Web Style Guide </li></ul><ul><li>http://webstyleguide.com/ </li></ul><ul><li>Контрольный список интерфейса (Владислав Головач, Александр Белышкин. Usethics) </li></ul><ul><li>http://usethics.ru/lib/software_checklist.html </li></ul>
  27. 27. Спасибо за внимание <ul><li>Вопросы? </li></ul><ul><li>Коноплицкий Павел </li></ul><ul><li>UIDesign Group </li></ul><ul><li>[email_address] </li></ul><ul><li>http://www.uidesign.ru </li></ul><ul><li>http://www.amazedev.com </li></ul>

×