SlideShare une entreprise Scribd logo
1  sur  8
Тестирование UI/UX
Александр Зиновьев
Зачем?
1) Багов нет, причем тут тестировщик?
2) Почему я, а не дизайнер ?!!!!!!
А что это дает?
Тестируем прототипы
1) Экономия времени разработки
2) Меньше кода — меньше багов
3) Тестировщик друг дизайнера!
Адаптируем дизайн под
мобильные устройства
Мобильное приложение всегда повторяет основной
функционал родителя - сайта.
Чего мы ходим?
Важно! следовать принципам «пока-йока» или fail-safe. У нас это более известно как
«защита от дурака». Простой пример: если поле требует цифровое значение, логично
ограничить пользователю диапазон ввода только цифрами – будет меньше случайных
ошибок.
Основные принципы:
Принцип KISS. От англ. «keep it short and simple». Интерфейс должен быть простой и
понятный, задачи должны решаться минимальным числом действий, все должно быть
понятно и очевидно.
Не заставляйте думать. Нужно избегать сложных действий, которые заставляют
пользователей думать.
Соотношение сигнал / шум. В каждом интерфейсе есть важные элементы (сигналы) и
маловажные или даже бессмысленные для определенной части системы (шум),
естественно, нужно концентрироваться на сигналах и избегать шума.
Основные принципы:
Люди не читают, люди просматривают. Пользователи не любят читать большие массивы
текстов, не заставляйте их это делать.
Кошелек Миллера. В одном функциональном блоке не может быть больше 5-7
элементов, иначе пользователь не сможет удерживать информацию в кратковременной
памяти.
Все полезное на виду. Все важные элементы интерфейса должны быть на виду и
соответствующим образом выделены.
Принцип 3х кликов. Должно быть не более 3х кликов для перехода из одного раздела в
другой. Это же правило применимо к главной странице: любая важная информация должна
быть доступна не более чем в 3 клика.

Contenu connexe

Plus de SmartTools

Стажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучше
Стажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучшеСтажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучше
Стажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучше
SmartTools
 
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IPСтажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
SmartTools
 

Plus de SmartTools (10)

Стажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучше
Стажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучшеСтажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучше
Стажировка 2016-08-04 02 Юлия Ашаева. Делаем тесты лучше
 
Стажировка 2016-08-04 01 Денис Нелюбин. Шифрование и безопасность
Стажировка 2016-08-04 01 Денис Нелюбин. Шифрование и безопасностьСтажировка 2016-08-04 01 Денис Нелюбин. Шифрование и безопасность
Стажировка 2016-08-04 01 Денис Нелюбин. Шифрование и безопасность
 
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщикаCтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
 
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonbСтажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
 
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScriptСтажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
 
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IPСтажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
 
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
 
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модельСтажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
 
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
 
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
 

Стажировка 2016-07-20 01 Александр Зиновьев. UI/UX-тестирование

  • 2. Зачем? 1) Багов нет, причем тут тестировщик? 2) Почему я, а не дизайнер ?!!!!!!
  • 3. А что это дает?
  • 4. Тестируем прототипы 1) Экономия времени разработки 2) Меньше кода — меньше багов 3) Тестировщик друг дизайнера!
  • 5. Адаптируем дизайн под мобильные устройства Мобильное приложение всегда повторяет основной функционал родителя - сайта.
  • 6. Чего мы ходим? Важно! следовать принципам «пока-йока» или fail-safe. У нас это более известно как «защита от дурака». Простой пример: если поле требует цифровое значение, логично ограничить пользователю диапазон ввода только цифрами – будет меньше случайных ошибок.
  • 7. Основные принципы: Принцип KISS. От англ. «keep it short and simple». Интерфейс должен быть простой и понятный, задачи должны решаться минимальным числом действий, все должно быть понятно и очевидно. Не заставляйте думать. Нужно избегать сложных действий, которые заставляют пользователей думать. Соотношение сигнал / шум. В каждом интерфейсе есть важные элементы (сигналы) и маловажные или даже бессмысленные для определенной части системы (шум), естественно, нужно концентрироваться на сигналах и избегать шума.
  • 8. Основные принципы: Люди не читают, люди просматривают. Пользователи не любят читать большие массивы текстов, не заставляйте их это делать. Кошелек Миллера. В одном функциональном блоке не может быть больше 5-7 элементов, иначе пользователь не сможет удерживать информацию в кратковременной памяти. Все полезное на виду. Все важные элементы интерфейса должны быть на виду и соответствующим образом выделены. Принцип 3х кликов. Должно быть не более 3х кликов для перехода из одного раздела в другой. Это же правило применимо к главной странице: любая важная информация должна быть доступна не более чем в 3 клика.