Что за зверь «юзабилити» и как его тестировать?

Азадова ЭллинаSenior QA Engineer, DataArt

Обо мне• В IT с 2008 г.• В тестировании с 2012 г.• Координатор QA Talk

Kherson• Ментор практикантских

программ• Преподаватель QA School

Kherson• Преподаватель ХГУ

azadova@gmail.comwww.facebook.com/ellina.azadova

Юзабилити – степень удобства и простоты использования некоторого продукта для его потребителя, а также способы обеспечения этого удобства.

Человеко-ориентированный интерфейс – это интерфейс, который учитывает особенности человеческой психологии и физические ограничения человека.

Какие фигуры вы видите?

-Официант! Можно мне кофе? -Что я вам, доктор? Можно вам кофе, нельзя вам кофе…

И о некоторых элементах страницы:

• Цвет – влияние на психологический комфорт и усталость глаз

• Фон – нельзя делать четким и контрастным• Шрифты:– Не более 3х– Заглавные буквы воспринимаются как кричащие– Завитушки (шрифты для создания настроения)– Текст читать с экрана тяжелее!– Разбиение на фрагменты

Где-то Среди скрываясь на наиболее пустынном острове вблизи впечатляющих островов X когнитивных старый выживший способностей участник состязаний находится спрятал способность ящик с золотом отделять который он одно выиграл послание в качестве от приза другого. Мы Хотя делаем несколько сотен это людей (фанаты, фокусируя участники состязаний наше и промышленники) внимание искали на его определенных, но ключах не таких нашли как стиль.

Что привлекает наше внимание

• Все что движется (видео, анимация)• Человеческие лица• Изображения, на которых присутствуют

еда, секс или опасность.

Не заставляйте пользователей делать много дел одновременно

• Термин «Навигация» связан с двумя понятиями: перемещением из одного места в другое и определение собственного местонахождения.

• Два назначения навигации вполне очевидны: одно из них – помочь пользователю найти то, что он ищет, а другое – указать текущее местоположение.

Лень – двигатель прогресса

• Обеспечьте настройки по умолчанию• Используйте сочетания клавиш

Ошибки

• Оплошности • Заблуждения

Ошибки ввода данных, грамматические ошибки, ошибки незнания предметной области, точности движений...

Тестирование

• С пользователями• Без пользователей

Что тестировать ПримечаниеПриложение в общем Главная страница Должно быть понятно, что это за сайт, его основная идея

и назначениеНаличие логотипа Некое правилоОтсутствие отвлекающих элементов Страницы/формы Навигация Название страницы Где я сейчас нахожусьИерархия, каталог, карта приложения

Меню Всегда расположено в одном месте!Горячие клавиши Наличие кратких путей на важные страницы

Нет «тупиковых» страниц Связь между блоками Блоки расположенные рядом, отмеченные одним

цветом могут восприняться как связанныеРасширяющие элементы Если информация не помещается, наличие

расширяющих элементов (Больше, Подробнее)Индикатор хода процесса или окно ожидания

Поиск Результаты адекватны Поле легко доступно и редактируемо

Текст Структура Наиболее важное заметнее - заголовки, абзацы...Шрифты читабельны Форма, размер шрифтовГрамматические ошибки Наличие ошибок – недоверие к сайтуПрокрутки содержимое страницы должно прокручиваться только

одной полосой прокрутки и только в одном направлении, не более двух вертикальных

Справочная система Наличие всплывающих подсказок Названия форм, кнопок и пошаговые подсказки

Списки посещенных разделов Наличие справочной системы Ошибки Тексты ошибок Максимально информативны для пользователяПодтверждение команды удаления А также возможность восстановление данных

Инструменты

• Google Analytics• Яндекс.Метрики• http://peek.usertesting.com/,

https://usabilityhub.com/ и подобные

Как не надо делать...

• http://www.lingscars.com/• http://www.arngren.net/• http://www.ronoslund.com/• http://www.theworldsworstwebsiteever.com/

• http://www.wcloset.org/

Basic Principles

Basic Principle 1: Focus on the users and their tasks, not on the technology

Software designed for everyone is likely to satisfy no oneCollaborating with users is even more important for understanding the tasks than it is for understanding the users.

Basic Principle 2: Consider function first, presentation later

A software application embodies certain concepts and relationships between concepts. Designers should fully define the concepts and their relationships before they design how to present the concepts to users.

As simple as possible, but no simpler—Albert Einstein

Basic Principle 3: Conform to the users’ view of the task

Software user interfaces should be designed from the users’ point of view.

Unnatural acts, are hard to learn, easy to forget, and annoying

Hide detail and complexity until the user needs it.

Basic Principle 4: Design for the common case

The optimal UI for a feature depends on factors: how many users need it and how often they need it.

Basic Principle 5: Don’t distract users from their goals

User interfaces that force users to stop thinking about their own goals and think about the UI are design failures.

Software should let users focus their attention on their own problems and goals, whatever they may be: analyzing financial data, looking up job prospects on the Web, keeping track of friends’ birthdays, viewing a relative’s vacation photos, and so on.

Basic Principle 6: Facilitate learning

A common complaint about software applications is that they are hard to learn.Learning takes time; the more a user has to learn in order to use a product or service, the longer it will be before that user can be productive. Time is money.

Software developers often design as if they assume that the users will automatically know what the developers intended.

LISP workstation, 1985, that had a key on its keyboard labeled “DoIt,” as in “do it.”

Basic Principle 7: Deliver information, not just data

Design displays carefully; get professional help

The screen belongs to the user

The principle covers more than just screen pointers, windows, and controls. It includes desktop icons, lists of items, and other types of data that people manipulate. Software should not “help” users by rearranging their data for them. It should let users arrange and manage their data themselves.

Basic Principle 8: Design for responsiveness

• Time-consuming operations that block other activity and cannot be aborted

• Providing no clue as to how long lengthy operations will take

• acknowledge user actions instantly, even if returning the answer will take time;

• let users know when it is busy and when it isn’t;• free users to do other things while waiting for a

function to finish;• allow users to abort lengthy operations they don’t want

Basic Principle 9: Try it out on users, then fix it!

Trying a product or service out on people who are like the intended users to see what problems they have in learning and using it. Such testing is extremely important for determining whether a design is successful, that is, whether it helps users more than it hinders them. Schedule time to correct problems found by tests

Знакомьтесь, наш проект

Usability expert review report

• IntroductionThe main goal of this report was to prepare recommendations for increasing the ease of use of the application and eliminate frequently made errors caused by non-user friendly interface elements. The task of the usability expert is to find the most urgent issues and provide the most suitable solution.• Issues• New proposed look and feel• Conclusion

ExampleIssue-04. Required fields should be markedSeriousPreconditionA user was asked to save the form without filling in any data.DescriptionThere was no any indication that “First Name” is a required field.

RecommendationsThough there is an error message shown after pressing the “Save” button, it would be better to highlight (for example, with an asterisk) all required fields with some text indicating that they are required fields. And when saving to show error messages for all required fields, not just the first empty required field.Proof of conceptJeff Johnson, GUI Bloopers, Chapter 4.

Что почитать?• Норман Дональд «Дизайн привычных вещей»• Стив Круг «Не заставляйте меня думать», «Как

сделать сайт удобным»• Якоб Нильсен «Веб дизайн»• Уейншенк «100 главных принципов дизайна»• Прайс Д. и Л. «Текст для Web: доступность и

привлекательность»• Jeff Johnson. GUI bloopers 2.0 : common user

interface design don’ts and dos.• Handbook of Usability Testing, Second Edition: How

to Plan, Design, and Conduct Effective Tests

Спасибо за внимание!Ваши вопросы?