Презентація не тему "Дизайн-система державних сайтів України - design.gov.ua" з заходу для представників ЦОВВ щодо запровадження нових вимог до дизайну державних сайтів, що відбувся 11.07.2019 року у м.Київ Автор: Олексій Зелів'янський

1. Дизайн-система
державних сайтів України
design.gov.ua

2. Мене звати
Олексій Зелів’янський
Я координатор компоненту «Е-послуги»
швейцарсько-української Програми EGAP,
що виконується Фондом Східна Європа.
Бенефіціар програми – Державне агентство
з питань електронного урядування України
Доброго дня!

3. Проблематика
Що має покращити дизайн-система
1

4. Для відвідувачів сайтів
◉ Недоступність
Хаотичне розміщення матеріалів, важкість сприйняття, викладення
«важкою» мовою
◉ Несучасність
Відсутність адаптації для мобільних пристроїв та для різних
операційних систем, неякісна оптимізація для пошукових систем,
вигляд у стилі сайтів 2000-х
◉ Незручність
Різний користувацький досвід щодо отримання інформації

5. Декілька прикладів

6. Place your screenshot
here
Мобільні версії
Що буде якщо
відкрити подібний
сайт на мобільному
телефоні?

7. Для отримувачів е-послуг
◉ Принципово різний досвід
Користувач повинен розбиратись з принципом використання
кожного кабінету/порталу послуг, сприйняття послуг не як
державних в цілому
◉ Недовіра
Не зручні або складні портали державних послуг підривають довіру
до сервісу

8. Для органів влади
◉ Складність замовлення/розробки
Що писати у технічні вимоги щоб зробити якісний веб-сайт? Навіщо
повторювати роботу яку вже хтось виконав?
◉ Проблеми ведення
Яку інформацію та куди публікувати, як зробити матеріали
доступнішими
◉ Незадоволеність відвідувачів

9. Дослідження
«Ви можете знайти закони, але немає ніякого пояснення
щодо цього закону людською мовою.» - Харків, чоловік,
активний громадянин
«Ви повинні докласти багато зусиль, щоб знайти потрібну
інформацію. Саме тому сьогодні ми в основному
використовуємо соціальні медіа.» – Київ, жінка, активна
громадянка
Громадяни зіштовхуються зі складністю
розуміння інформації на урядових сайтах

10. Міжнародний
досвід
Як ці проблеми вирішують в інших країнах
2

11. Державні
дизайн-системи
Забезпечення системного підходу при
створенні державних сайтів

12. Великобританія
«Використовуйте цю систему дизайну, щоб
зробити вашу службу у відповідності до
GOV.UK. Знайомтесь з дослідженнями та
досвідом інших команд і не повторюйте
роботу, яку вже виконали.»
Приклади
Австралія
«Система дизайну уряду Австралії набір
інструментів, які допомагають дизайнерам і
розробникам створювати продукти та
послуги уряду легше.»

13. Design.gov.ua
Державна дизайн-система України
3

14. design.gov.ua – сайт що має
допомогти забезпечити
виконання вимог щодо
дизайну державних сайтів
На ньому зібрано практичні вказівки,
які стануть у нагоді дизайнерам,
розробникам та тестувальникам,
контент-редакторам, менеджерам
та власникам веб-сайтів.

15. Основні принципи
Потреби користувачів
Дизайн інформаційного або
сервісного ресурсу
починається з визначення
потреб користувачів.
Циклічність
Кращий спосіб створити
хороший сервіс – рухатись
маленькими кроками.
Доступність
Доступний дизайн = хороший
дизайн. Людям, яким сервіси
потрібні найбільше, часто
найважче їх використовувати.
Простота
Послуги, які надає держава,
складні. Зробити їх простими
для користувача – складна,
але необхідна робота.
Співпраця
Команди не повинні
багаторазово відтворювати
основні компоненти і моделі
для кожного нового сервісу.

16. Компоненти
◉ Дослідження та аналітика
◉ Проектування та прототипування
◉ Принципи доступності
◉ Елементи
◉ Тексти та вміст

17. Приклади - доступність
Ні
Окрема версія для людей з
вадами зору
Так
Основна версія вже доступна
всім

18. Приклади - елементи
◉ Ліцензований
державний шрифт
◉ Набір іконок
◉ Елементи форм
◉ Кольори

19. Приклади – текст і зміст
За рахунок автоматизації значно пришвидшується
процес розгляду документів від суб’єктів
звернення та ухвалення відповідного рішення
Розглянемо документи протягом 3 днів та
надішлемо відповідь на електронну пошту

20. Перші результати
Сучасні державні сайти
4

21. Портали в новому дизайні

22. Є питання ?
Ви можете знайти мене
◉ azel@egap.in.ua
◉ https://www.facebook.com/alexeyzel
Дякую за увагу!