SlideShare a Scribd company logo
1 of 27
Использование  usability guidelines  для повышения качества веб-разработок Павел Коноплицкий.  UIDesign Group
Юзабилити ,[object Object],[object Object]
Пример (1)
Пример (2)
Пример (3)
Пример (3)
Usability guidelines ,[object Object]
Преимущества ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Недостатки ,[object Object],[object Object],[object Object]
Содержание ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Пример (1) ,[object Object],[object Object]
Пример (2) ,[object Object],[object Object]
Пример (3) ,[object Object],[object Object],[object Object]
Советы по составлению ,[object Object],[object Object],[object Object]
У странение разногласий http://measuringuserexperience.com/SubmitCancel/index.htm http://www.useit.com/alertbox/ok-cancel.html
Лучшие решения http://p1uton.ru/2008/09/22/previous-and-next-actions-in-web-forms/
Внедрение ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Используют  guidelines
Microsoft Ribbon Bar  (1)
Microsoft Ribbon Bar  (2) http://msdn.microsoft.com/en-au/library/cc872782.aspx
Экран (1) Названия полей выровнены по правой стороне. Расстояние от названия до поля для всех полей одинаковое. Надписи на кнопках начинаются с большой буквы. Если надпись состоит из нескольких слов, то каждое слово начинается с большой буквы, кроме предлогов. Подписи к интерфейсным элементам начинаются с прописной буквы и заканчиваются двоеточием.
Экран (2) Кнопка негативного действия («Удалить», «Стереть», «Отменить») всегда самая правая. Надписи на кнопках начинаются с большой буквы. Если надпись состоит из нескольких слов, то каждое слово начинается с большой буквы, кроме предлогов.
Развитие  (1) ,[object Object],[object Object],[object Object]
Развитие  (2) ,[object Object],[object Object],[object Object],[object Object]
Ресурсы (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/
Ресурсы (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Спасибо за внимание ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot

тестирование снецифических областей
тестирование снецифических областейтестирование снецифических областей
тестирование снецифических областейDressTester
 
Документирование дефектов
Документирование дефектовДокументирование дефектов
Документирование дефектовNickola14
 
Веб-продукты — Разработка требований
Веб-продукты — Разработка требованийВеб-продукты — Разработка требований
Веб-продукты — Разработка требованийDenis Beskov
 
Usability Testing (Тестирование юзабилити)
Usability Testing (Тестирование юзабилити)Usability Testing (Тестирование юзабилити)
Usability Testing (Тестирование юзабилити)IT Mine
 
UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестированииVladyslav Miasnikov
 
Как провести юзабилити-тестирование самостоятельно
Как провести юзабилити-тестирование самостоятельноКак провести юзабилити-тестирование самостоятельно
Как провести юзабилити-тестирование самостоятельноНетология
 
#72 Виды юзабилити-тестирований. Вводная
#72 Виды юзабилити-тестирований. Вводная#72 Виды юзабилити-тестирований. Вводная
#72 Виды юзабилити-тестирований. ВводнаяAndrew Sikorskiy
 
User Interface Тестирование – все ли так просто?
User Interface Тестирование – все ли так просто?User Interface Тестирование – все ли так просто?
User Interface Тестирование – все ли так просто?SQALab
 
Ui testing how intel does this
Ui testing   how intel does thisUi testing   how intel does this
Ui testing how intel does thisAlexei Lupan
 
Как быть заказчиком продукта?
Как быть заказчиком продукта?Как быть заказчиком продукта?
Как быть заказчиком продукта?Denis Beskov
 
Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...
Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...
Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...SQALab
 
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...QA Dnepropetrovsk Community (Ukraine)
 
Тестирование ПО (лекция 3)
Тестирование ПО (лекция 3)Тестирование ПО (лекция 3)
Тестирование ПО (лекция 3)Igor Khmelnytskyy
 
Обзор методов изучения аудитории
Обзор методов изучения аудиторииОбзор методов изучения аудитории
Обзор методов изучения аудиторииDenis Beskov
 
Основы юзабилити
Основы юзабилитиОсновы юзабилити
Основы юзабилитиSergei Khizhnyak
 
Юзабилити-тестирование
Юзабилити-тестированиеЮзабилити-тестирование
Юзабилити-тестированиеSofia Chebanova
 
Тестирование ПО (лекция 1)
Тестирование ПО (лекция 1)Тестирование ПО (лекция 1)
Тестирование ПО (лекция 1)Igor Khmelnytskyy
 

What's hot (20)

тестирование снецифических областей
тестирование снецифических областейтестирование снецифических областей
тестирование снецифических областей
 
Документирование дефектов
Документирование дефектовДокументирование дефектов
Документирование дефектов
 
План тестирования сайта
План тестирования сайтаПлан тестирования сайта
План тестирования сайта
 
Веб-продукты — Разработка требований
Веб-продукты — Разработка требованийВеб-продукты — Разработка требований
Веб-продукты — Разработка требований
 
План тестирования
План тестированияПлан тестирования
План тестирования
 
Usability Testing (Тестирование юзабилити)
Usability Testing (Тестирование юзабилити)Usability Testing (Тестирование юзабилити)
Usability Testing (Тестирование юзабилити)
 
UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестировании
 
Как провести юзабилити-тестирование самостоятельно
Как провести юзабилити-тестирование самостоятельноКак провести юзабилити-тестирование самостоятельно
Как провести юзабилити-тестирование самостоятельно
 
#72 Виды юзабилити-тестирований. Вводная
#72 Виды юзабилити-тестирований. Вводная#72 Виды юзабилити-тестирований. Вводная
#72 Виды юзабилити-тестирований. Вводная
 
User Interface Тестирование – все ли так просто?
User Interface Тестирование – все ли так просто?User Interface Тестирование – все ли так просто?
User Interface Тестирование – все ли так просто?
 
Ui testing how intel does this
Ui testing   how intel does thisUi testing   how intel does this
Ui testing how intel does this
 
Как быть заказчиком продукта?
Как быть заказчиком продукта?Как быть заказчиком продукта?
Как быть заказчиком продукта?
 
User stories and use cases - Клаудия Заика
User stories and use cases - Клаудия ЗаикаUser stories and use cases - Клаудия Заика
User stories and use cases - Клаудия Заика
 
Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...
Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...
Мастер Тест План / Тестовая Стратегия: Что это? Зачем? Как его создать?-От А ...
 
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
 
Тестирование ПО (лекция 3)
Тестирование ПО (лекция 3)Тестирование ПО (лекция 3)
Тестирование ПО (лекция 3)
 
Обзор методов изучения аудитории
Обзор методов изучения аудиторииОбзор методов изучения аудитории
Обзор методов изучения аудитории
 
Основы юзабилити
Основы юзабилитиОсновы юзабилити
Основы юзабилити
 
Юзабилити-тестирование
Юзабилити-тестированиеЮзабилити-тестирование
Юзабилити-тестирование
 
Тестирование ПО (лекция 1)
Тестирование ПО (лекция 1)Тестирование ПО (лекция 1)
Тестирование ПО (лекция 1)
 

Viewers also liked

Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.
Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.
Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.Evgeniy Krivosheev
 
Успешный проект — проект, ориентированный на цели пользователя
Успешный проект — проект, ориентированный на цели пользователяУспешный проект — проект, ориентированный на цели пользователя
Успешный проект — проект, ориентированный на цели пользователяPavel Konoplitski
 
Holygrail. Система прототипирования
Holygrail. Система прототипированияHolygrail. Система прототипирования
Holygrail. Система прототипированияPavel Konoplitski
 
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеи
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеиВсемирный день юзабилити в Минске 2010. Приветственное слово и идеи
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеиPavel Konoplitski
 
DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...
DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...
DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...it-people
 
DUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов Андрей
DUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов АндрейDUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов Андрей
DUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов Андрейit-people
 
DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...
DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...
DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...it-people
 
DUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин Денис
DUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин ДенисDUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин Денис
DUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин Денисit-people
 
DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...
DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...
DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...it-people
 
Подбор респондентов
Подбор респондентовПодбор респондентов
Подбор респондентовVladimir Melnikov
 

Viewers also liked (13)

Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.
Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.
Архитектура как функция от ?. Что мы не учитываем и убиваем проекты.
 
Social media intro_mmakarenko
Social media intro_mmakarenkoSocial media intro_mmakarenko
Social media intro_mmakarenko
 
Успешный проект — проект, ориентированный на цели пользователя
Успешный проект — проект, ориентированный на цели пользователяУспешный проект — проект, ориентированный на цели пользователя
Успешный проект — проект, ориентированный на цели пользователя
 
Holygrail. Система прототипирования
Holygrail. Система прототипированияHolygrail. Система прототипирования
Holygrail. Система прототипирования
 
#Becoolgirl. o.b.
#Becoolgirl. o.b.#Becoolgirl. o.b.
#Becoolgirl. o.b.
 
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеи
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеиВсемирный день юзабилити в Минске 2010. Приветственное слово и идеи
Всемирный день юзабилити в Минске 2010. Приветственное слово и идеи
 
DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...
DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...
DUMP-2013 Проектирование интерфейсов - Путь воина в проектировании интерфейсо...
 
DUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов Андрей
DUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов АндрейDUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов Андрей
DUMP-2013 Проектирование интерфейсов - Бац-бац, и в продакшен! - Зотов Андрей
 
DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...
DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...
DUMP-2013 Проектирование интерфейсов - Как мы делаем креатив в дизайне - Кула...
 
DUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин Денис
DUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин ДенисDUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин Денис
DUMP-2013 Проектирование интерфейсов - А где же яйца? - Клевакин Денис
 
DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...
DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...
DUMP-2013 Проектирование интерфейсов - "Дом качества" как инструмент анализа ...
 
Подбор респондентов
Подбор респондентовПодбор респондентов
Подбор респондентов
 
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps
 

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

чмв лекция №7
чмв   лекция №7чмв   лекция №7
чмв лекция №7student_kai
 
Разработка бизнес приложений (4)
Разработка бизнес приложений (4)Разработка бизнес приложений (4)
Разработка бизнес приложений (4)Alexander Gornik
 
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...CodeFest
 
Как тестируют в гугле - обзор книги
Как тестируют в гугле - обзор книгиКак тестируют в гугле - обзор книги
Как тестируют в гугле - обзор книгиkosyakov
 
Архитектура - это что?
Архитектура - это что?Архитектура - это что?
Архитектура - это что?SQALab
 
Вебинар Microsoft ALM (11.12.2012)
Вебинар Microsoft ALM (11.12.2012)Вебинар Microsoft ALM (11.12.2012)
Вебинар Microsoft ALM (11.12.2012)Dmitry Melikov
 
Эффективное объектно-ориентированное проектирование и структурное качество пр...
Эффективное объектно-ориентированное проектирование и структурное качество пр...Эффективное объектно-ориентированное проектирование и структурное качество пр...
Эффективное объектно-ориентированное проектирование и структурное качество пр...LuxoftTraining
 
Clean architecture on Android
Clean architecture on AndroidClean architecture on Android
Clean architecture on AndroidGDG Odessa
 
Основы работы в BPwin.pdf
Основы работы в BPwin.pdfОсновы работы в BPwin.pdf
Основы работы в BPwin.pdfssuser117705
 
designing UI workshop 2 day
designing UI workshop 2 daydesigning UI workshop 2 day
designing UI workshop 2 dayallileja
 
designing UI, workshop, second day
designing UI, workshop, second daydesigning UI, workshop, second day
designing UI, workshop, second dayallileja
 
001 td revit_structure_rsa_asd
001 td revit_structure_rsa_asd001 td revit_structure_rsa_asd
001 td revit_structure_rsa_asdDenis Stupak
 

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

чмв лекция №7
чмв   лекция №7чмв   лекция №7
чмв лекция №7
 
Quality assurance
Quality assuranceQuality assurance
Quality assurance
 
Разработка бизнес приложений (4)
Разработка бизнес приложений (4)Разработка бизнес приложений (4)
Разработка бизнес приложений (4)
 
Unit Testing
Unit TestingUnit Testing
Unit Testing
 
Tdd Workshop Disscussions
Tdd Workshop DisscussionsTdd Workshop Disscussions
Tdd Workshop Disscussions
 
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
 
Training Labs (www.cmcons.com)
Training Labs (www.cmcons.com)Training Labs (www.cmcons.com)
Training Labs (www.cmcons.com)
 
Test design print
Test design printTest design print
Test design print
 
Как тестируют в гугле - обзор книги
Как тестируют в гугле - обзор книгиКак тестируют в гугле - обзор книги
Как тестируют в гугле - обзор книги
 
Архитектура - это что?
Архитектура - это что?Архитектура - это что?
Архитектура - это что?
 
Sep reqm-lec1
Sep reqm-lec1Sep reqm-lec1
Sep reqm-lec1
 
Архитектура - что это?
Архитектура - что это?Архитектура - что это?
Архитектура - что это?
 
Вебинар Microsoft ALM (11.12.2012)
Вебинар Microsoft ALM (11.12.2012)Вебинар Microsoft ALM (11.12.2012)
Вебинар Microsoft ALM (11.12.2012)
 
Msf Dz
Msf DzMsf Dz
Msf Dz
 
Эффективное объектно-ориентированное проектирование и структурное качество пр...
Эффективное объектно-ориентированное проектирование и структурное качество пр...Эффективное объектно-ориентированное проектирование и структурное качество пр...
Эффективное объектно-ориентированное проектирование и структурное качество пр...
 
Clean architecture on Android
Clean architecture on AndroidClean architecture on Android
Clean architecture on Android
 
Основы работы в BPwin.pdf
Основы работы в BPwin.pdfОсновы работы в BPwin.pdf
Основы работы в BPwin.pdf
 
designing UI workshop 2 day
designing UI workshop 2 daydesigning UI workshop 2 day
designing UI workshop 2 day
 
designing UI, workshop, second day
designing UI, workshop, second daydesigning UI, workshop, second day
designing UI, workshop, second day
 
001 td revit_structure_rsa_asd
001 td revit_structure_rsa_asd001 td revit_structure_rsa_asd
001 td revit_structure_rsa_asd
 

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

  • 1. Использование usability guidelines для повышения качества веб-разработок Павел Коноплицкий. UIDesign Group
  • 2.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. У странение разногласий http://measuringuserexperience.com/SubmitCancel/index.htm http://www.useit.com/alertbox/ok-cancel.html
  • 17.
  • 20. Microsoft Ribbon Bar (2) http://msdn.microsoft.com/en-au/library/cc872782.aspx
  • 21. Экран (1) Названия полей выровнены по правой стороне. Расстояние от названия до поля для всех полей одинаковое. Надписи на кнопках начинаются с большой буквы. Если надпись состоит из нескольких слов, то каждое слово начинается с большой буквы, кроме предлогов. Подписи к интерфейсным элементам начинаются с прописной буквы и заканчиваются двоеточием.
  • 22. Экран (2) Кнопка негативного действия («Удалить», «Стереть», «Отменить») всегда самая правая. Надписи на кнопках начинаются с большой буквы. Если надпись состоит из нескольких слов, то каждое слово начинается с большой буквы, кроме предлогов.
  • 23.
  • 24.
  • 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.
  • 27.