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

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

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

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

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

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

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

8. Спросили мнение
Экспертов.

9. Спросили мнение
Пользователей.

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

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

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

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

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

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

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

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

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

19. Не стоит забывать!
Про армию
пользователей.
Про
разработчиков.
В продукте есть и
хорошее.

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

21. Для справки
Интерфейс Оформление
Что? Где? Почему? Как?

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

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

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

25. Было

26. Стало

27. А именно

28. А именно

29. А именно

30. Интерфейс готов, что
дальше?
Тестирование. Для выявления недостатков и недоработок при проектировании
и выявления уровня KPI

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

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

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

34. Использовали другие
доступные методы
- Социальные сети
- Тасктрекеры
- Форумы
- ICQ, Skype, Jabber и тп…

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

36. Ваши вопросы?
я на facebook djorkaeff10
и в тви @djorkaeff10
Зотов Андрей, проектировщик интерфейсов.
Компания «Айдеко»