46
Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России Матвеева Татьяна Владимировна Манахов Павел Алексеевич User eXperience 2014

Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Embed Size (px)

Citation preview

Page 1: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Кейс nalog.ru:перепроектирование самого посещаемого

сайта госорганов России

Матвеева

Татьяна Владимировна

Манахов

Павел Алексеевич

User eXperience 2014

Page 2: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

2

ГОСТ Р ИСО 9241-210

Человеко-ориентированное

проектирование

Page 3: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Этап 1:интервью с сотрудниками службы

Page 4: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

4

Задачи этапа

1. Сформулировать цели проекта и критерии оценки

успешности работы

2. Узнать о достоинствах и недостатках предыдущей

версии сайта

3. Составить гипотезы о целевой аудитории

4. Уточнить особенности предметной области

5. Определить технические и иные требования к новой

версии сайта

Page 5: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

5

Page 6: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

6

38сервисов

*

* Совокупное количество сервисов федерального уровня и региональных

сервисов по г. Москве на октябрь 2014 г.

Page 7: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России
Page 8: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

8

Page 9: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Существует ряд нормативных

документов, регламентирующих

информационное наполнение

(контент) и взаимодействие

пользователя с госсайтом

9

Page 10: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Этап 2:исследование пользователей

Page 11: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Каким образом целевая аудитория

сайта делится на группы?

11

Page 12: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Какие цели преследуют

пользователи каждой группы?

12

Page 13: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Как пользователи каждой группы

видят предметную область?

13

Page 14: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Каков контекст использования

сайта?

14

Page 15: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

15

+ Веб-аналитика

Массовый

опрос

Карточная

сортировка

Интервью

Page 16: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

16

1 075 437уникальных пользователей*

* С 30 апреля по 15 мая 2013 года по данным Google Analytics

10 533анкеты

6 502сортировки

Page 17: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

17

10 групп пользователейпо результатам интервью с

сотрудниками службы

Page 18: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

18

8 групп пользователейпо результатам массового опроса

Page 19: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

19

6 групп пользователейпо результатам интервью с

пользователями

Page 20: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

20

Page 21: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

21

Page 22: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Этап 3:разработка информационной

архитектуры

Page 23: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Информационная архитектура –это общая структура пользовательского интерфейса,

показывающая соподчиненность и вложенность веб-

страниц

23

Page 24: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Не будет преувеличением сказать, что

разработка информационной

архитектуры – самый важный этап

данного проекта

24

Page 25: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

25

Особенности разработки ИА

1. Информационные потребности всех 6 групп

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

2. Предметная область представляется крайне

сложной для самой многочисленной группы – ФЛ

3. Обязательная, в соответствии с нормативными

документами, информация не востребована

пользователями

4. Часть контента зависит от региона

Page 26: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

26

В новой концепции

подсайты были упразднены

Page 27: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России
Page 28: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

28

Page 29: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

29

Page 30: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Этап 4:проектирование компоновки

Page 31: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

31

Page 32: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

≥ 960 px 480 - 959 px < 480 px

Page 33: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

33

Page 34: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Этап 5:Оценка с привлечением пользователей

Page 35: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

35

Задачи этапа

1. Улучшение созданного пользовательского

интерфейса за счет устранения найденных

юзабилити-проблем

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

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

Page 36: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

VS.

Page 37: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

VS.

Page 38: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

38

Page 39: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

39

Юзабилити-

тестирование

Обратная карточная

сортировка

Page 40: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Treejack

Page 41: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

41

Пользователи стали на

18%быстрее работать

с сайтом

На

38%возросла удовлетворенность от

работы с сайтом

Пользователи стали на

77%успешнее находить

информацию на сайте

Page 42: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Заключительный этап

Завершение проекта

Page 43: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

43

Задачи этапа

1. Составление спецификации интерфейса

2. Графический дизайн

3. Верстка

Page 44: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

44

34% → 18%Почти вдовое сократился показатель

отказов главной страницы сайта

20% → 60%В 3 раза больше пользователей

раздела для физических лиц стали

посещать внутренние страницы

*

* По данным Google Analytics

Page 45: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

45

Официальный сайт ФНС России признан лучшим в

номинации «Некоммерческие и госорганизации» по

итогам ежегодного конкурса «Рейтинг Рунета»*

* Источник: http://nalog.ru/rn77/news/activities_fts/4789068/

Page 46: Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России

Спасибо за внимание!

Матвеева Татьяна Владимировна

Начальник Управления информационных технологий

ФНС России

Манахов Павел Алексеевич

Ведущий проектировщик пользовательских интерфейсов

UsabilityLab