Опыт проектирования

пользовательского

интерфейса SmartNUT

Котельников Илья для NAUMEN

DevelCamp 4.0

Вступление

Для кого этот доклад:

• Для менеджеров проектов, заботящихся

об удобстве пользователей

• Для аналитиков, ломающих голову над

удобством пользователей

• Для разработчков, не

понимающих, почему аналитики не могут

придумать так, чтобы было удобно

• Для пользователей, которые восклицают

"как можно было сделать так неудобно!?"

Вступление

О чем доклад:

• Об опыте проектирования интерфейса

для SmartNut (11.2010 - текущее время).

• О семинаре по проектированию

интерфейсов

• О сказочных животных, называемых

"проектировщик интерфейсов" или

"интерфесолог"

• О вреде общеупотребительных, но

расплывчатых и непонятных

определений.

Вступление

Цели доклада:

• Заинтересовать проблемой создания

"годного" и понятного пользователю

софта

• Поделиться своим опытом и пониманием

термина Usability

• Показать, что создавать удобные

интерфейсы - это интересно и весело

• Суперцель: собрать в NAUMEN-е

"клуб ценителей интерфейсов"

"Как мы придумывали интерфейс

SmartNut" или "ПОЕХАЛИ"!!!

Как мы придумывали интерфейс

SmartNut

Этап первый: "Осознание".

Удобные интерфейсы будут нашим

конкурентным преимуществом

Как мы придумывали интерфейс

SmartNut

Второй этап: выбор метода разработки.

Наверное нам нужен:

дизайнер, юзабилист, проектриовщик

интерфейсов? Как он вообще выглядит?

может так?или так? или так?

Как мы придумывали интерфейс

SmartNutКак мы представляли себе работу над

интерфейсом:

Постановка

Экраны и их

элементы Юзабилити и

дизайн

СогласованиеВерстка и

разработка

Как мы придумывали интерфейс

SmartNut

Проблемы:

• неточная постановка задачи

• неправильное представление о процессе

создания интерфейса с помощью

"юзабилити-эксперта"

• согласование на основании интуиции и

логики проектной команды без каких-либо

внешних данных

Как мы придумывали интерфейс

SmartNut

Как на самом деле выглядела работа:

Постановка

Экраны и их

элементы Юзабилити и

дизайн

СогласованиеВерстка и

разработка

Как мы придумывали интерфейс

SmartNut

Как на самом деле выглядело согласование:

Как мы придумывали интерфейс

SmartNut

Итоги. Минусы:

• Срок работы с интерфейсами - более 6

месяцев.

• Срок на разработку всего

функционала, предложенного в

интерфейсе - 3-5 месяцев.

Итоги. Плюсы:

• Пользователям нравится интерфейс.

... но некоторым пользователям интерфейс

совсем не нравится.

Как мы придумывали интерфейс

SmartNut

Выводы:

• Забота об удобстве пользователей -

сквозной процесс при разработке софта.

• Аутсорсинг - не лучший вариант

проявления заботы о пользователях.

• Если вы уверены в наборе экранов и

функций, то вам нужен дизайнер, а не

интерфесолог.

• Нужно изучать применять практики по

оценке удобства использования софта.

"Как я ходил на семинар по

проектированию интерфейсов"

или "Будь мужиком"

Как я ходил на семинар по

проектированию интерфейсов

Чего я ждал:

• Набор знаний юзабилиста про элементы

интерфейсов (Юзабилити-грамота)

• Ответ на вопрос: как, имея описание

экрана, правильно разместить элементы?

(Юзабилити-сочинение)

• Как обосновать размещение элементов

на выбранных местах в интерфейсе?

(Юзабилити-дебаты)

...так я понимал USABILITY

Как я ходил на семинар по

проектированию интерфейсов

Что я получил:

• ничего из вышеперечисленного

• понимание, чем отличаются дизайнер и

спец. по юзабилити

• представление о процессе создания

удобных интерфейсов.

• набор практик и конкретной документации

для ведения проектов.

Как я ходил на семинар по

проектированию интерфейсов

Столпы предложенной технологии:

• Usability шире, чем дизайн и компановка

экранов.

• Повышение удобства использования (или

usability management) - это сквозной

итеративный процесс.

• Usability manager - это особая

роль, имеющая возможность влиять на

любой элемент будущего продукта.

Как я ходил на семинар по

проектированию интерфейсов

Технология, шаг 1:

• Кто наш пользователь? Разбить на

группы, описать:

пол, возраст, профессия, особенности

характера, поведения, культурные

особенности

• Какие у него цели и задачи?Определить

цель, составить перечень задач.

• Каков контекст его действий? В каких

условиях пользователь использует

интерфейс, какие ограничения? История.

Как я ходил на семинар по

проектированию интерфейсов

Технология, шаг 2:

• Составляем сценарии выполнения задач

пользователями. Сценарии состоят из

действий в интерфейсе.

• Записываем и приоритезируем действия.

Каждому действию присваивается

важность от каждого пользователя.

Как я ходил на семинар по

проектированию интерфейсов

Техология, шаг 3:

• Составляем по приоритезирвоанному

списку действий концепцию - список

скомпанованных экранов и переходов.

• Исследовать, обсудить, утвердить

концепцию. В итоге получаем набор

экранов, их блоков и модель переходов

между ними для всех ролей.

Как я ходил на семинар по

проектированию интерфейсов

Технология, шаг 4:

• На основании концепции создать

детальные прототипы.

• Подготовка бумажного прототипа.

Подготовленные макеты экранов

переносятся на бумагу и разрезаются а

составные части.

• Тестирование на бумажном прототипе.

Собирается команда тестирования:

модератор, человек-

компьютер, наблюдатель + испытуемые

(видео).

Заключение

Выводы:

• Предложен достаточный набор

конкретных практик и стандартов.

• Предложенная технология достаточно

проработана для применения.

• Технология объясняет невозможность

привлечния интерфесолога на аутсорсе, в

отличие от дизайнера.

• Заботиться о юзабилити вполне может

аналитик или PM.

Заключение

Предложения:

• А давайте начнем по-настоящему думать

о пользователях! Можно начать с

проведения бумажного прототипирования

и тестирования в случае необходимости.

• Нужно помагать друг-другу при

необходимости создания новых или

улучшения имеющихся интерфейсов.

• Присылайте свои предложения мне на

ikotelnikov@naumen.ru

СПАСИБО ЗА ВНИМАНИЕ!

И помните:

С приходом SaaS удобные интерфейсы будут

становится все более важным конкурентым

преимуществом не только для b2c, но и для

b2b сегмента!