Выращиваем интерфейс своими руками

Выращиваем интерфейс своими руками

Без дизайнеров иusability-специалистов

twitter @op

Что такое интерфейс?Философия: точки взаимодействия Пользователя с Системой.Практика: картинки с пояснениями.

twitter @op

Интерфейс—инструмент для диалога Пользователя с Системой

twitter @op

Какие ещё бывают инструменты для диалога?Устная речь, текст, жесты, мимика, интонация, обмен рисунками, правила игры…

twitter @op

Часть правил игры уже знакомаGuidelines, шаблонные решения интерфейса и предметной области, терминология и ожидаемые контекстные действия.

twitter @op

Интонации интерфейсаЭто можно и нужно обсуждать.To whom how—хорошо должно быть пользователям, а не вам.

twitter @op

Текст? Текст!Россия—страна текста. Много букв? Но мы умеем и любим читать.

twitter @op

Расскажите, что происходит между Пользователем и Системой

twitter @op

Картинки—дело привычки.Буквы—дело принципа.

twitter @op

Запишите диалоги

twitter @op

Пользовательские сценарииДавайте уже считать их написание базовым навыком.Для менеджеров как минимум.

twitter @op

Монолог—это вырожденный диалог

twitter @op

«Мама мыла раму»—пишем просто и быстро

twitter @op

Как писать? Как будто вы не видите экранНельзя: «нажал кнопку», «открыл окно», «заполнил форму».Можно: «сообщил Системе».

twitter @op

Принцип мячикаВзял-отдал, Пользователь-Система, по очереди.

twitter @op

Ожидание (молчание)—тоже часть диалога

twitter @op

Бывают ошибкиИ это—самое интересное.

twitter @op

Где же «страницы» («экраны»)?А вот же, за каждым глаголом.

twitter @op

Человек сказал Днепру:—Я стеной тебя запру.[...]—Нет,—ответила вода,—Ни за что и никогда!

twitter @op

Нашли «страницы»? Опишите!Объектно-навигационная модель—картотека «страниц» интерфейса.

twitter @op

По каждой «странице»:

• ссылки на сценарии, в которых используется;

• информационные ожидания пользователей;

• востребованные одношаговые действия.

И всё!

twitter @op

Пока всё хорошо.

Но что же конкретно делать?

twitter @op

Нужны приоритеты.

Самое время для персонажей.

twitter @op

Обычно с них начинают. Но это скучно и грустно. Зачем начинать с описания каких-то там людей, которых и на свете-то нету? Всем же понятно, для кого мы делаем систему, да, да? Вот и техдир головой кивает, ему-то точно понятно. Жаль, что его понимание не совпадает с пониманием верстальщика, тестера, системного архитектора, дизайнера...

twitter @op

Поверьте в персонажейУбедительное, живое и смешное описание. Фотография. Реальный прототип. Поиск следов в статистических данных. Примерка решений конкурентов.

twitter @op

Для экстремалов—персонажи живьём

Usability-тестирование

twitter @op

Персонажи, а не вы, выставят приоритеты

Таблица «функционал—востребованность».

Оцениваем сценарии или ожидания к «странице».Оценивают персонажи (или лица, принимающие решения).

Договоритесь на берегу.

twitter @op

Вы и ваши коллеги можете быть персонажами

twitter @op

Можно собирать интерфейсПрограммист, менеджер, да кто угодно.

twitter @op

Авторитет важней уменияПрикройте свои руки чужим авторитетом.

twitter @op

Запаситесь буквами перед обсуждением картинокНет задачи «отстоять», есть задача сверить часы.Каждый знает, хороши ли картинки.

twitter @op

Сценарии и модель—посредники при доведении до ума

twitter @op

Поговорим?

twitter @op

«Тут не предусмотрен случай такой-то»Исправляйте буквы. Сразу картинки—как код без тестирования.

twitter @op

«Нужно цельное решение, предложите готовые варианты»Варианты чего? Обсуждайте пользовательские сценарии!

twitter @op

«Нет никаких сценариев, сделайте мне одну простую страничку»Обсуждайте объектно-навигационную модель «странички».

twitter @op

«А где техническое задание?»Написать и защитить ТЗ—личное дело разработчика.

twitter @op

«Не вижу картину в целом, покажите список страниц»У вас же уже есть объектно-навигационная модель?

twitter @op

«Должно быть по guidelines»От вас хотят отсылок на внешние авторитеты и логику.

twitter @op

Первая версия—в помойку.Вторая—в топку.

А третья—в разработку.

twitter @op

Долго? Дорого? Правда, что ли?Сценарий, 1 штука—10 минут на старте + 30 минут допилок.

Объектная модель, 1 страница—2 минуты на старте + 5 минут допилок.

Прототип интерфейса, 1 страница—2 часа на итерацию (!).

Объём среднестатистического «проекта без проектировщика»—7-10 сценариев, 10-30 страниц.

Всё ещё хотите сразу собирать интерфейс?

twitter @op

Спасибо :)

Ольга Павлова, UsabilityLabolga-pavlova.rutwitter @op

twitter @op