ݺߣ

ݺߣShare a Scribd company logo
Кейс nalog.ru: 
перепроектирование самого посещаемого 
сайта госорганов России 
Матвеева 
Татьяна Владимировна 
Манахов 
Павел Алексеевич 
User eXperience 2014
2 
ГОСТ Р ИСО 9241-210 
Человеко-ориентированное 
проектирование
Этап 1: 
интервью с сотрудниками службы
4 
Задачи этапа 
1. Сформулировать цели проекта и критерии оценки 
успешности работы 
2. Узнать о достоинствах и недостатках предыдущей 
версии сайта 
3. Составить гипотезы о целевой аудитории 
4. Уточнить особенности предметной области 
5. Определить технические и иные требования к новой 
версии сайта
5
6 
38 
сервисов 
* 
* Совокупное количество сервисов федерального уровня и региональных 
сервисов по г. Москве на октябрь 2014 г.
Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России
8
Существует ряд нормативных 
документов, регламентирующих 
информационное наполнение 
(контент) и взаимодействие 
пользователя с госсайтом 
9
Этап 2: 
исследование пользователей
Каким образом целевая аудитория 
сайта делится на группы? 
11
Какие цели преследуют 
пользователи каждой группы? 
12
Как пользователи каждой группы 
видят предметную область? 
13
Каков контекст использования 
сайта? 
14
15 
+ Веб-аналитика 
Массовый 
опрос 
Карточная 
сортировка 
Интервью
16 
1 075 437 
уникальных пользователей* 
10 533 
анкеты 
* С 30 апреля по 15 мая 2013 года по данным Google Analytics 
6 502 
сортировки
17 
10 групп пользователей 
по результатам интервью с 
сотрудниками службы
18 
8 групп пользователей 
по результатам массового опроса
19 
6 групп пользователей 
по результатам интервью с 
пользователями
20
21
Этап 3: 
разработка информационной 
архитектуры
Информационная архитектура – 
это общая структура пользовательского интерфейса, 
показывающая соподчиненность и вложенность веб- 
страниц 
23
Не будет преувеличением сказать, что 
разработка информационной 
архитектуры – самый важный этап 
данного проекта 
24
25 
Особенности разработки ИА 
1. Информационные потребности всех 6 групп 
пользователей значительно разнятся 
2. Предметная область представляется крайне 
сложной для самой многочисленной группы – ФЛ 
3. Обязательная, в соответствии с нормативными 
документами, информация не востребована 
пользователями 
4. Часть контента зависит от региона
26 
В новой концепции 
подсайты были упразднены
Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России
28
29
Этап 4: 
проектирование компоновки
31
≥ 960 px 480 - 959 px < 480 px
33
Этап 5: 
Оценка с привлечением пользователей
35 
Задачи этапа 
1. Улучшение созданного пользовательского 
интерфейса за счет устранения найденных 
юзабилити-проблем 
2. Сравнение взаимодействия пользователей с 
прежней и новой версией интерфейса
VS.
VS.
38
39 
Юзабилити- 
тестирование 
Обратная карточная 
сортировка
Treejack
41 
Пользователи стали на 
18% 
быстрее работать 
с сайтом 
На 
38% 
возросла удовлетворенность от 
работы с сайтом 
Пользователи стали на 
77% 
успешнее находить 
информацию на сайте
Заключительный этап 
Завершение проекта
43 
Задачи этапа 
1. Составление спецификации интерфейса 
2. Графический дизайн 
3. Верстка
44 
34% → 18% 
Почти вдовое сократился показатель 
отказов главной страницы сайта 
20% → 60% 
В 3 раза больше пользователей 
раздела для физических лиц стали 
посещать внутренние страницы 
* 
* По данным Google Analytics
45 
Официальный сайт ФНС России признан лучшим в 
номинации «Некоммерческие и госорганизации» по 
итогам ежегодного конкурса «Рейтинг Рунета»* 
* Источник: http://nalog.ru/rn77/news/activities_fts/4789068/
Спасибо за внимание! 
Матвеева Татьяна Владимировна 
Начальник Управления информационных технологий 
ФНС России 
Манахов Павел Алексеевич 
Ведущий проектировщик пользовательских интерфейсов 
UsabilityLab
Ad

Recommended

Управление проектами в Softline
Управление проектами в Softline
Softline
Открытость, тиражирование и базы знаний проектов как инструмент повышения эфф...
Открытость, тиражирование и базы знаний проектов как инструмент повышения эфф...
Портал межсекторного и межпрофессионального взаимодействия специалистов
EQS Corporate Communications: case-study BASF Social Media Toolkit & Consulting
EQS Corporate Communications: case-study BASF Social Media Toolkit & Consulting
EQS Russia
Como se guarda la información en el dsico
sofialozanomoran
Kelas xii bab 7
Kelas xii bab 7
Hidayati Rusnedy
ASC Newsletter Fall 2016
ASC Newsletter Fall 2016
Stephanie Waletzko
Derechos del franquiciador
anavirginia17
Blog
Maria Camila Lombana Huertas
Magazine front 4
Magazine front 4
LiamKirby1999
Freddyansyah tanjung
Freddyansyah tanjung
freddyansyahTanjung
Praktikum pengenalan6
Praktikum pengenalan6
''JempollL Maniez'"Mu. Aku Tunggu di Status''Qu ''
La web 2
yuribeth_denny
Greguerías de agua.
Pablo Blazquez
Que es un blog y sus caracteristicas
Anghelly Nicolle Poveda
El derecho informatico en ecuador
Mauricio Garrido
Dis paso1 -207102-12-2017-01
Helber Bayona
Cuadro comparativo
Diego Cardenas
презентация3
презентация3
dnz439
Senioriasiakkuus tutkimusraportti-2014
Senioriasiakkuus tutkimusraportti-2014
ASML
Юзабилити государственных интернет ресурсов by Дмитрий Сатин
Юзабилити государственных интернет ресурсов by Дмитрий Сатин
DigitalFridays
Как создать государственный интернет-ресурс
Как создать государственный интернет-ресурс
DEFA
Презентация по вопросу №2 "О реализации пилотного проекта по изменению интерф...
Презентация по вопросу №2 "О реализации пилотного проекта по изменению интерф...
Министерство связи и массовых коммуникаций
О реализации пилотного проекта по изменению интерфейсов ЕПГУ 11_2014 Презента...
О реализации пилотного проекта по изменению интерфейсов ЕПГУ 11_2014 Презента...
Victor Gridnev
Современный подход к проектированию
Современный подход к проектированию
Дмитрий Силаев
Банк Москвы: путь от «коробки» к юзабилити
Банк Москвы: путь от «коробки» к юзабилити
Инфобанк бай
Эволюция проекта: интернет-банк Банк Москвы
Эволюция проекта: интернет-банк Банк Москвы
Дмитрий Силаев
Анализ госсайтов: аналитический отчет (А. Сидорова, С. Куликова)
Анализ госсайтов: аналитический отчет (А. Сидорова, С. Куликова)
Anna Milyukova
Юзабилити интернет-проекта
Юзабилити интернет-проекта
Eugene Kulakov

More Related Content

Viewers also liked (13)

Blog
Maria Camila Lombana Huertas
Magazine front 4
Magazine front 4
LiamKirby1999
Freddyansyah tanjung
Freddyansyah tanjung
freddyansyahTanjung
Praktikum pengenalan6
Praktikum pengenalan6
''JempollL Maniez'"Mu. Aku Tunggu di Status''Qu ''
La web 2
yuribeth_denny
Greguerías de agua.
Pablo Blazquez
Que es un blog y sus caracteristicas
Anghelly Nicolle Poveda
El derecho informatico en ecuador
Mauricio Garrido
Dis paso1 -207102-12-2017-01
Helber Bayona
Cuadro comparativo
Diego Cardenas
презентация3
презентация3
dnz439
Senioriasiakkuus tutkimusraportti-2014
Senioriasiakkuus tutkimusraportti-2014
ASML
Greguerías de agua.
Pablo Blazquez
Que es un blog y sus caracteristicas
Anghelly Nicolle Poveda
El derecho informatico en ecuador
Mauricio Garrido
Dis paso1 -207102-12-2017-01
Helber Bayona
Cuadro comparativo
Diego Cardenas
презентация3
презентация3
dnz439
Senioriasiakkuus tutkimusraportti-2014
Senioriasiakkuus tutkimusraportti-2014
ASML

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

Юзабилити государственных интернет ресурсов by Дмитрий Сатин
Юзабилити государственных интернет ресурсов by Дмитрий Сатин
DigitalFridays
Как создать государственный интернет-ресурс
Как создать государственный интернет-ресурс
DEFA
Презентация по вопросу №2 "О реализации пилотного проекта по изменению интерф...
Презентация по вопросу №2 "О реализации пилотного проекта по изменению интерф...
Министерство связи и массовых коммуникаций
О реализации пилотного проекта по изменению интерфейсов ЕПГУ 11_2014 Презента...
О реализации пилотного проекта по изменению интерфейсов ЕПГУ 11_2014 Презента...
Victor Gridnev
Современный подход к проектированию
Современный подход к проектированию
Дмитрий Силаев
Банк Москвы: путь от «коробки» к юзабилити
Банк Москвы: путь от «коробки» к юзабилити
Инфобанк бай
Эволюция проекта: интернет-банк Банк Москвы
Эволюция проекта: интернет-банк Банк Москвы
Дмитрий Силаев
Анализ госсайтов: аналитический отчет (А. Сидорова, С. Куликова)
Анализ госсайтов: аналитический отчет (А. Сидорова, С. Куликова)
Anna Milyukova
Юзабилити интернет-проекта
Юзабилити интернет-проекта
Eugene Kulakov
Информационная доступность и гостеприимство города. Проект исследования
Информационная доступность и гостеприимство города. Проект исследования
DPR
Методрекомендации по usability для госуслуг
Методрекомендации по usability для госуслуг
Victor Gridnev
Nalog.ru сравнение эффективности редизайна апр2013-апр-2014
Nalog.ru сравнение эффективности редизайна апр2013-апр-2014
Дмитрий Силаев
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM Systems
SQALab
#61 Цифровое правительство
#61 Цифровое правительство
Andrew Sikorskiy
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
Yury Vetrov
Гриднев- Презентация про МФЦ - 15_11_2012
Гриднев- Презентация про МФЦ - 15_11_2012
Victor Gridnev
Мобильное приложение
Мобильное приложение
CrowdOPENGOV
Информационная доступность как часть гостеприимства территории
Информационная доступность как часть гостеприимства территории
DPR
Проектирование интерфейсов (Михаил Фролов, UsabilityLab)
Проектирование интерфейсов (Михаил Фролов, UsabilityLab)
2Niversity
разработчики с марса, пользователи с венеры. место встречи – сайт. к. стернин...
разработчики с марса, пользователи с венеры. место встречи – сайт. к. стернин...
rit2011
Юзабилити государственных интернет ресурсов by Дмитрий Сатин
Юзабилити государственных интернет ресурсов by Дмитрий Сатин
DigitalFridays
Как создать государственный интернет-ресурс
Как создать государственный интернет-ресурс
DEFA
О реализации пилотного проекта по изменению интерфейсов ЕПГУ 11_2014 Презента...
О реализации пилотного проекта по изменению интерфейсов ЕПГУ 11_2014 Презента...
Victor Gridnev
Современный подход к проектированию
Современный подход к проектированию
Дмитрий Силаев
Банк Москвы: путь от «коробки» к юзабилити
Банк Москвы: путь от «коробки» к юзабилити
Инфобанк бай
Эволюция проекта: интернет-банк Банк Москвы
Эволюция проекта: интернет-банк Банк Москвы
Дмитрий Силаев
Анализ госсайтов: аналитический отчет (А. Сидорова, С. Куликова)
Анализ госсайтов: аналитический отчет (А. Сидорова, С. Куликова)
Anna Milyukova
Юзабилити интернет-проекта
Юзабилити интернет-проекта
Eugene Kulakov
Информационная доступность и гостеприимство города. Проект исследования
Информационная доступность и гостеприимство города. Проект исследования
DPR
Методрекомендации по usability для госуслуг
Методрекомендации по usability для госуслуг
Victor Gridnev
Nalog.ru сравнение эффективности редизайна апр2013-апр-2014
Nalog.ru сравнение эффективности редизайна апр2013-апр-2014
Дмитрий Силаев
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM Systems
SQALab
#61 Цифровое правительство
#61 Цифровое правительство
Andrew Sikorskiy
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
Yury Vetrov
Гриднев- Презентация про МФЦ - 15_11_2012
Гриднев- Презентация про МФЦ - 15_11_2012
Victor Gridnev
Мобильное приложение
Мобильное приложение
CrowdOPENGOV
Информационная доступность как часть гостеприимства территории
Информационная доступность как часть гостеприимства территории
DPR
Проектирование интерфейсов (Михаил Фролов, UsabilityLab)
Проектирование интерфейсов (Михаил Фролов, UsabilityLab)
2Niversity
разработчики с марса, пользователи с венеры. место встречи – сайт. к. стернин...
разработчики с марса, пользователи с венеры. место встречи – сайт. к. стернин...
rit2011
Ad

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

  • 1. Кейс nalog.ru: перепроектирование самого посещаемого сайта госорганов России Матвеева Татьяна Владимировна Манахов Павел Алексеевич User eXperience 2014
  • 2. 2 ГОСТ Р ИСО 9241-210 Человеко-ориентированное проектирование
  • 3. Этап 1: интервью с сотрудниками службы
  • 4. 4 Задачи этапа 1. Сформулировать цели проекта и критерии оценки успешности работы 2. Узнать о достоинствах и недостатках предыдущей версии сайта 3. Составить гипотезы о целевой аудитории 4. Уточнить особенности предметной области 5. Определить технические и иные требования к новой версии сайта
  • 5. 5
  • 6. 6 38 сервисов * * Совокупное количество сервисов федерального уровня и региональных сервисов по г. Москве на октябрь 2014 г.
  • 8. 8
  • 9. Существует ряд нормативных документов, регламентирующих информационное наполнение (контент) и взаимодействие пользователя с госсайтом 9
  • 10. Этап 2: исследование пользователей
  • 11. Каким образом целевая аудитория сайта делится на группы? 11
  • 12. Какие цели преследуют пользователи каждой группы? 12
  • 13. Как пользователи каждой группы видят предметную область? 13
  • 15. 15 + Веб-аналитика Массовый опрос Карточная сортировка Интервью
  • 16. 16 1 075 437 уникальных пользователей* 10 533 анкеты * С 30 апреля по 15 мая 2013 года по данным Google Analytics 6 502 сортировки
  • 17. 17 10 групп пользователей по результатам интервью с сотрудниками службы
  • 18. 18 8 групп пользователей по результатам массового опроса
  • 19. 19 6 групп пользователей по результатам интервью с пользователями
  • 20. 20
  • 21. 21
  • 22. Этап 3: разработка информационной архитектуры
  • 23. Информационная архитектура – это общая структура пользовательского интерфейса, показывающая соподчиненность и вложенность веб- страниц 23
  • 24. Не будет преувеличением сказать, что разработка информационной архитектуры – самый важный этап данного проекта 24
  • 25. 25 Особенности разработки ИА 1. Информационные потребности всех 6 групп пользователей значительно разнятся 2. Предметная область представляется крайне сложной для самой многочисленной группы – ФЛ 3. Обязательная, в соответствии с нормативными документами, информация не востребована пользователями 4. Часть контента зависит от региона
  • 26. 26 В новой концепции подсайты были упразднены
  • 28. 28
  • 29. 29
  • 31. 31
  • 32. ≥ 960 px 480 - 959 px < 480 px
  • 33. 33
  • 34. Этап 5: Оценка с привлечением пользователей
  • 35. 35 Задачи этапа 1. Улучшение созданного пользовательского интерфейса за счет устранения найденных юзабилити-проблем 2. Сравнение взаимодействия пользователей с прежней и новой версией интерфейса
  • 36. VS.
  • 37. VS.
  • 38. 38
  • 39. 39 Юзабилити- тестирование Обратная карточная сортировка
  • 41. 41 Пользователи стали на 18% быстрее работать с сайтом На 38% возросла удовлетворенность от работы с сайтом Пользователи стали на 77% успешнее находить информацию на сайте
  • 43. 43 Задачи этапа 1. Составление спецификации интерфейса 2. Графический дизайн 3. Верстка
  • 44. 44 34% → 18% Почти вдовое сократился показатель отказов главной страницы сайта 20% → 60% В 3 раза больше пользователей раздела для физических лиц стали посещать внутренние страницы * * По данным Google Analytics
  • 45. 45 Официальный сайт ФНС России признан лучшим в номинации «Некоммерческие и госорганизации» по итогам ежегодного конкурса «Рейтинг Рунета»* * Источник: http://nalog.ru/rn77/news/activities_fts/4789068/
  • 46. Спасибо за внимание! Матвеева Татьяна Владимировна Начальник Управления информационных технологий ФНС России Манахов Павел Алексеевич Ведущий проектировщик пользовательских интерфейсов UsabilityLab