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

Веб-продукты — Разработка требований
Веб-продукты — Разработка требованийВеб-продукты — Разработка требований
Веб-продукты — Разработка требований
Denis Beskov
 
Ui testing how intel does this
Ui testing   how intel does thisUi testing   how intel does this
Ui testing how intel does this
Alexei Lupan
 
Как быть заказчиком продукта?
Как быть заказчиком продукта?Как быть заказчиком продукта?
Как быть заказчиком продукта?
Denis Beskov
 
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
Высокоинтерактивные прототипы пользовательского интерфейса - альтернатива Use...
QA Dnepropetrovsk Community (Ukraine)
 
Обзор методов изучения аудитории
Обзор методов изучения аудиторииОбзор методов изучения аудитории
Обзор методов изучения аудитории
Denis Beskov
 

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

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
 

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
чмв лекция №7
student_kai
 
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest 2011. Андреев C. — Эффективные методики автоматизированного тестиров...
CodeFest
 
Вебинар Microsoft ALM (11.12.2012)
Вебинар Microsoft ALM (11.12.2012)Вебинар Microsoft ALM (11.12.2012)
Вебинар Microsoft ALM (11.12.2012)
Dmitry Melikov
 
Эффективное объектно-ориентированное проектирование и структурное качество пр...
Эффективное объектно-ориентированное проектирование и структурное качество пр...Эффективное объектно-ориентированное проектирование и структурное качество пр...
Эффективное объектно-ориентированное проектирование и структурное качество пр...
LuxoftTraining
 
Основы работы в BPwin.pdf
Основы работы в BPwin.pdfОсновы работы в BPwin.pdf
Основы работы в BPwin.pdf
ssuser117705
 
designing UI workshop 2 day
designing UI workshop 2 daydesigning UI workshop 2 day
designing UI workshop 2 day
allileja
 
designing UI, workshop, second day
designing UI, workshop, second daydesigning UI, workshop, second day
designing UI, workshop, second day
allileja
 

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.