Эволюция интерфейса. Без магии и читерства

36
Эволюция интерфейса легко и просто без магии и читерства Зотов Андрей, проектировщик интерфейсов. Компания «Айдеко»

Upload: zotov-andrey

Post on 27-Jul-2015

524 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: Эволюция интерфейса. Без магии и читерства

Эволюция интерфейса легко и просто без магии и читерства

Зотов Андрей, проектировщик интерфейсов. Компания «Айдеко»

Page 2: Эволюция интерфейса. Без магии и читерства

Задача

Разработать более удобный и эффективный web-интерфейс системы управления интернет-шлюзом

Page 3: Эволюция интерфейса. Без магии и читерства

Цели

Укрепить позиции "Айдеко" на рынке интернет-шлюзов.

Увеличить лояльность пользователей.

Page 4: Эволюция интерфейса. Без магии и читерства

ДаноУстаревший web-интерфейс системы управления интернет-шлюзом

Page 5: Эволюция интерфейса. Без магии и читерства

ДаноМноготысячная армия пользователей

Page 6: Эволюция интерфейса. Без магии и читерства

ДаноСтабильная программная часть

Page 7: Эволюция интерфейса. Без магии и читерства

Собрали информацию

Что бы получить однозначную концепцию развития продукта. Проще говоря – поняли к чему мы стремимся через 1, 5,100 лет…

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

Page 8: Эволюция интерфейса. Без магии и читерства

Спросили мнение

Экспертов.

Page 9: Эволюция интерфейса. Без магии и читерства

Спросили мнение

Пользователей.

Page 10: Эволюция интерфейса. Без магии и читерства

Вскрыли раны

Юзабилити-экспетриза. Это помогло понять проблему детально

Page 11: Эволюция интерфейса. Без магии и читерства

Как это сделали?Экспертная оценка ключевых характеристик

Page 12: Эволюция интерфейса. Без магии и читерства

Как это сделали?Анализ недостатков и недоработок (дизайн, верстка, интерфейс взаимодействия)

Page 13: Эволюция интерфейса. Без магии и читерства

Как это сделали?Расставили приоритеты исправлений (по сложности, по критичности, по времени исправления)

Page 14: Эволюция интерфейса. Без магии и читерства

Что получили?

Page 15: Эволюция интерфейса. Без магии и читерства

Что получили?

Page 16: Эволюция интерфейса. Без магии и читерства

Что получили?

Page 17: Эволюция интерфейса. Без магии и читерства

Что получили?

Page 18: Эволюция интерфейса. Без магии и читерства

Что получили?

Page 19: Эволюция интерфейса. Без магии и читерства

Не стоит забывать!Про армию пользователей.

Про разработчиков.

В продукте есть и хорошее.

Page 20: Эволюция интерфейса. Без магии и читерства

Начали творить!

Проектировали интерфейс. Разрабатывали прототипы

Page 21: Эволюция интерфейса. Без магии и читерства

Для справки

ИнтерфейсЧто? Где? Почему?

ОформлениеКак?

Page 22: Эволюция интерфейса. Без магии и читерства

Как это делали?Для начала накидали от руки на маркерной доске

Page 23: Эволюция интерфейса. Без магии и читерства

Как это делали?Сделали бумажный прототип. Более детальный, чем на предыдущем этапе. Обсудили его с командой проекта, проверили механики и сценарии.

Page 24: Эволюция интерфейса. Без магии и читерства

Как это делали?Перевели в цифровой вид максимально детальный прототип (я пользуюсь Axure RP Pro)

Page 25: Эволюция интерфейса. Без магии и читерства

Было

Page 26: Эволюция интерфейса. Без магии и читерства

Стало

Page 27: Эволюция интерфейса. Без магии и читерства

А именно

Page 28: Эволюция интерфейса. Без магии и читерства

А именно

Page 29: Эволюция интерфейса. Без магии и читерства

А именно

Page 30: Эволюция интерфейса. Без магии и читерства

Интерфейс готов, что дальше?

Тестирование. Для выявления недостатков и недоработок при проектировании и выявления уровня KPI

Page 31: Эволюция интерфейса. Без магии и читерства

Провели фокус-группы

Они пригодились на этапе запуска Alpha-версии

Page 32: Эволюция интерфейса. Без магии и читерства

Создали сайт beta-версии

Page 33: Эволюция интерфейса. Без магии и читерства

Добавили возможности в самом продукте

Page 34: Эволюция интерфейса. Без магии и читерства

Использовали другие доступные методы

- Социальные сети- Тасктрекеры- Форумы - ICQ, Skype, Jabber и тп…

Page 35: Эволюция интерфейса. Без магии и читерства

И напоследок

Составили план дальнейших изменений. Что бы знать слабые места и постепенно приучать пользователя к хорошему.

Page 36: Эволюция интерфейса. Без магии и читерства

Ваши вопросы?

Зотов Андрей, проектировщик интерфейсов. Компания «Айдеко»

я на facebook djorkaeff10

и в тви @djorkaeff10