Я подготовил эту презентацию для внутреннего семинара Naumen, на котором каждый сотрудник может поделиться своим новым опытом, приобретенном в процессе работы, участия в конференциях и т.д.

1. Опыт проектирования
пользовательского
интерфейса SmartNUT
Котельников Илья для NAUMEN
DevelCamp 4.0

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

3. Вступление
О чем доклад:
• Об опыте проектирования интерфейса
для SmartNut (11.2010 - текущее время).
• О семинаре по проектированию
интерфейсов
• О сказочных животных, называемых
"проектировщик интерфейсов" или
"интерфесолог"
• О вреде общеупотребительных, но
расплывчатых и непонятных
определений.

4. Вступление
Цели доклада:
• Заинтересовать проблемой создания
"годного" и понятного пользователю
софта
• Поделиться своим опытом и пониманием
термина Usability
• Показать, что создавать удобные
интерфейсы - это интересно и весело
• Суперцель: собрать в NAUMEN-е
"клуб ценителей интерфейсов"

5. "Как мы придумывали интерфейс
SmartNut" или "ПОЕХАЛИ"!!!

6. Как мы придумывали интерфейс
SmartNut
Этап первый: "Осознание".
Удобные интерфейсы будут нашим
конкурентным преимуществом

7. Как мы придумывали интерфейс
SmartNut
Второй этап: выбор метода разработки.
Наверное нам нужен:
дизайнер, юзабилист, проектриовщик
интерфейсов? Как он вообще выглядит?
может так?
или так? или так?

8. Как мы придумывали интерфейс
SmartNut
Как мы представляли себе работу над
интерфейсом:
Постановка
Экраны и их
элементы Юзабилити и
дизайн
Верстка и
Согласование
разработка

9. Как мы придумывали интерфейс
SmartNut
Проблемы:
• неточная постановка задачи
• неправильное представление о процессе
создания интерфейса с помощью
"юзабилити-эксперта"
• согласование на основании интуиции и
логики проектной команды без каких-либо
внешних данных

10. Как мы придумывали интерфейс
SmartNut
Как на самом деле выглядела работа:
Постановка
Экраны и их
элементы Юзабилити и
дизайн
Верстка и
Согласование
разработка

11. Как мы придумывали интерфейс
SmartNut
Как на самом деле выглядело согласование:

12. Как мы придумывали интерфейс
SmartNut
Итоги. Минусы:
• Срок работы с интерфейсами - более 6
месяцев.
• Срок на разработку всего
функционала, предложенного в
интерфейсе - 3-5 месяцев.
Итоги. Плюсы:
• Пользователям нравится интерфейс.
... но некоторым пользователям интерфейс
совсем не нравится.

13. Как мы придумывали интерфейс
SmartNut
Выводы:
• Забота об удобстве пользователей -
сквозной процесс при разработке софта.
• Аутсорсинг - не лучший вариант
проявления заботы о пользователях.
• Если вы уверены в наборе экранов и
функций, то вам нужен дизайнер, а не
интерфесолог.
• Нужно изучать применять практики по
оценке удобства использования софта.

14. "Как я ходил на семинар по
проектированию интерфейсов"
или "Будь мужиком"

15. Как я ходил на семинар по
проектированию интерфейсов
Чего я ждал:
• Набор знаний юзабилиста про элементы
интерфейсов (Юзабилити-грамота)
• Ответ на вопрос: как, имея описание
экрана, правильно разместить элементы?
(Юзабилити-сочинение)
• Как обосновать размещение элементов
на выбранных местах в интерфейсе?
(Юзабилити-дебаты)

16. Как я ходил на семинар по
проектированию интерфейсов
Что я получил:
• ничего из вышеперечисленного
• понимание, чем отличаются дизайнер и
спец. по юзабилити
• представление о процессе создания
удобных интерфейсов.
• набор практик и конкретной документации
для ведения проектов.

17. Как я ходил на семинар по
проектированию интерфейсов
Столпы предложенной технологии:
• Usability шире, чем дизайн и компановка
экранов.
• Повышение удобства использования (или
usability management) - это сквозной
итеративный процесс.
• Usability manager - это особая
роль, имеющая возможность влиять на
любой элемент будущего продукта.

18. Как я ходил на семинар по
проектированию интерфейсов
Технология, шаг 1:
• Кто наш пользователь? Разбить на
группы, описать:
пол, возраст, профессия, особенности
характера, поведения, культурные
особенности
• Какие у него цели и задачи?Определить
цель, составить перечень задач.
• Каков контекст его действий? В каких
условиях пользователь использует
интерфейс, какие ограничения? История.

19. Как я ходил на семинар по
проектированию интерфейсов
Технология, шаг 2:
• Составляем сценарии выполнения задач
пользователями. Сценарии состоят из
действий в интерфейсе.
• Записываем и приоритезируем действия.
Каждому действию присваивается
важность от каждого пользователя.

20. Как я ходил на семинар по
проектированию интерфейсов
Техология, шаг 3:
• Составляем по приоритезирвоанному
списку действий концепцию - список
скомпанованных экранов и переходов.
• Исследовать, обсудить, утвердить
концепцию. В итоге получаем набор
экранов, их блоков и модель переходов
между ними для всех ролей.

21. Как я ходил на семинар по
проектированию интерфейсов
Технология, шаг 4:
• На основании концепции создать
детальные прототипы.
• Подготовка бумажного прототипа.
Подготовленные макеты экранов
переносятся на бумагу и разрезаются а
составные части.
• Тестирование на бумажном прототипе.
Собирается команда тестирования:
модератор, человек-

22. Заключение
Выводы:
• Предложен достаточный набор
конкретных практик и стандартов.
• Предложенная технология достаточно
проработана для применения.
• Технология объясняет невозможность
привлечния интерфесолога на аутсорсе, в
отличие от дизайнера.
• Заботиться о юзабилити вполне может
аналитик или PM.

23. Заключение
Предложения:
• А давайте начнем по-настоящему думать
о пользователях! Можно начать с
проведения бумажного прототипирования
и тестирования в случае необходимости.
• Нужно помагать друг-другу при
необходимости создания новых или
улучшения имеющихся интерфейсов.
• Присылайте свои предложения мне на
ikotelnikov@naumen.ru

24. СПАСИБО ЗА ВНИМАНИЕ!
И помните:
С приходом SaaS удобные интерфейсы будут
становится все более важным конкурентым
преимуществом не только для b2c, но и для
b2b сегмента!