Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

2.924 visualizaciones

Publicado el

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

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

Publicado en: Tecnología
  • If you are looking for trusted essay writing service I highly recommend ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ The service I received was great. I got an A on my final paper which really helped my grade. Knowing that I can count on them in the future has really helped relieve the stress, anxiety and workload. I recommend everyone to give them a try. You'll be glad you did.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/IR5ZD ◀ ◀ ◀ ◀
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/IR5ZD ◀ ◀ ◀ ◀
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Использование 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>

×