Выращиваем интерфейс своими руками
Без дизайнеров и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