Користувач диктує нові правила. Або як ми зробили концепт редизайну сайту Міністерства закордонних справ України
Глобальна діджиталізація – це реальність, яка пронизує усі сфери нашого життя. В Україні доволі високий рівень цифрових послуг: від банківських операцій до замовлення страв у кафе — усе це відбувається через кілька кліків на смартфоні. Подібне вже стало такою буденністю, що у взаємодії з державою очікується щось не менш зручне.
І в таких очікуваннях немає нічого дивного. Наприклад, платформа Дія вже стала частиною нашого життя. Треба переоформити авто, сплатити штраф чи показати паспорт? Просто відкрий додаток та зроби це за лічені хвилини.
Але який досвід взаємодії із сайтами державних структур отримуємо ми, як користувачі та громадяни?
Попри високий рівень діджиталізації послуг, більшість державних вебсайтів все ще залишаються позаду. Застарілі, незручні та малоінформативні портали не відповідають сучасності та вимогам користувачів. Спроби покращити ситуацію були, але вони не мали відчутного ефекту.
Ще у 2018 році компанія KitSoft розробила дизайн-систему для державних сайтів, а у 2019 році її було затверджено постановою Кабінету Міністрів України. Ця система мала на меті допомогти чиновникам, дизайнерам та розробникам працювати синхронізовано, створюючи уніфіковані, сучасні та зручні вебсайти для державних установ. Вплив цієї дизайн-системи можна побачити на сайтах Верховної Ради та багатьох міністерств.
Безумовно, нова дизайн-система внесла деякі позитивні зміни. Зовнішній вигляд сайтів став сучаснішим, що можна вважати кроком вперед. Але суттєвих змін не відбулося. Багато державних вебсайтів все ще виглядають як мозаїка з різних дизайн-підходів, які не поєднуються між собою. Можливо, дизайн-система не враховує виклики, які стоять перед сайтами державних структур. Можливо, проблема у фрагментарному підході до змін.
На нашу думку, усе, що не працює, треба змінювати. Адже сайти державних структур мають бути не просто інформаційними платформами, а частиною нового стандарту взаємодії з державою.
Чому для редизайну ми обрали сайт Міністерства закордонних справ
Міністерство закордонних справ має своє публічне обличчя в особі міністра, який представляє державу на міжнародній арені. Водночас у цифровому просторі цю роль виконує офіційний сайт, що є ключовою платформою для взаємодії з громадянами та світом. Під час війни та глобальних викликів, він стає важливим інструментом для підтримки іміджу країни та комунікації з міжнародною спільнотою.
Поточний сайт Міністерства виглядає архаїчним, перевантаженим інформацією та складним у навігації.
Сайт має бути інтуїтивним, доступним для різних аудиторій та забезпечувати потреби громадян України та міжнародної спільноти. Модернізований функціональний сайт може стати одним із важливих інструментів для трансляції іміджу сучасної, прогресивної країни, яка не просто йде за інноваціями і змінами, а очолює їх та задає тренди.
Чому так важливо, щоб сайт МЗС відповідав актуальним вимогам дизайну та зручності?
По-перше, це рівень цифровізації в Україні, до якого ми всі звикли.
По-друге, якщо сайт не відповідає очікуванням користувачів, то знижується довіра до самої системи. Це формує відчуття відчуженості від держави.
По-третє, це голос країни на міжнародному рівні.
Мета Obriy Design Büro — оновити дизайн сайту Міністерства закордонних справ, усунути складну навігацію та застарілий візуальний стиль.
Ми прагнемо створити інтуїтивно зрозумілий ресурс, який забезпечить легкий доступ до актуальної інформації для всіх користувачів, підвищить довіру громадян до діяльності Міністерства та зміцнить міжнародний імідж України.
Розробка концепції. Фокус на зручність та інноваційність
Робота команди над редизайном почалася з дослідження. Ми провели аналіз сайтів державних установ, міністерств, сайту Дії та деяких сайтів із бізнес-середовища.
Щоб уникнути типових помилок і знайти рішення, які можуть підвищити зручність, ми дослідили різні підходи до навігації та організації контенту.
Сайт МЗС досить об’ємний. Тому наша команда вирішила приділити особливу увагу головній сторінці сайту, адже це перше місце, куди потрапляють громадяни та іноземці, які шукають інформацію про консульські послуги, дипломатичні контакти та діяльність Міністерства. Саме ця сторінка створює перше враження про МЗС і його діяльність, тому важливо, щоб вона була інтуїтивно зрозумілою та привабливою.
Додатково ми оновили сторінки консульських послуг, подій, календар, попрацювали над навігацією ресурсу та створили концепт AI-помічника.
Головна сторінка
Якщо ви зайдете на головну сторінку поточного сайту, то помітите суттєвий дисбаланс як у структурі, так і в подачі інформації. Вона перевантажена контентом, незбалансована, має проблеми з ієрархією та навігацією.
Пояснимо детальніше.
Користувач потрапляє на головну сторінку й одразу бачить новини Міністерства. Прокручує нижче — знову новини. Далі йому пропонують підписатися на дайджест новин. Виникає питання: де швидкий доступ до інформації про консульські послуги, дипломатичні установи чи контакти? Корисна інформація, яка може знадобитися українцям та іноземцям,просто губиться серед потоку новин.
Ще один аспект — це стрічка з твітами МЗС. Вона створює безлад на сторінці через свій невдалий вигляд, створюючи довгу стрічку. Це негативно впливає на загальну структуру сторінки, через що користувач може не дістатися до важливої інформації внизу.
Окремо варто згадати складну навігацію. Вона не є інтуїтивною і користувач буквально тоне у безмежному обсязі інформації. Це не сприяє легкій взаємодії з сайтом і швидкому пошуку потрібних даних.
Також є проблеми з візуальною ієрархією. Важливі елементи не виділяються належним чином. Наприклад, оголошення та ключові послуги консульств зливаються з іншими елементами через погано структуровану сторінку. Логіка та порядок заголовків теж порушені, через що важко швидко зрозуміти зміст сторінки.
В результаті, у спробі охопити все, сайт лише заплутує та фруструє користувача. Системи мають працювати для людей, а не навпаки, а на сайті Міністерства закордонних справ користувач отримує протилежне. Треба продиратися крізь безліч інформації та безладно розкидані блоки, щоб отримати необхідне.
Покращення користувацького досвіду: ключові рішення
Аналізуючи слабкі сторони головної сторінки сайту Міністерства закордонних справ, ми визначили кілька ключових аспектів, на яких варто зосередитися для покращення користувацького досвіду.
1. Позбутися зайвого
У цифровому світі користувачі часто відчувають перевантаження інформацією, тому важливо усунути зайві елементи, які відволікають увагу від головних функцій та інформації. Це допоможе створити більш зосереджений і приємний для сприйняття інтерфейс.
2. Створити чітку ієрархію та блоки
Чітка ієрархія інформації забезпечує легкість навігації. Важливо виділити ключові елементи за допомогою різних рівнів заголовків, шрифтів і кольорів. Це допоможе користувачам швидше орієнтуватися на сторінці та знаходити необхідну інформацію.
3. Зробити ключовий функціонал зручним та доступним для користувача
Ключові функції, такі як доступ до консульських послуг, інформації про дипломатичні установи та контактних осіб, мають бути максимально зручними. Важливо розташувати їх у легкодоступних місцях, щоб забезпечити швидкий доступ до найважливішої інформації.
4. Важливі контакти та інформацію винести у верхню частину сторінки
Розміщення важливих контактів та інформації на видному місці на головній сторінці допоможе зменшити час пошуку. Це може бути окремий крупний блок або панель, яка відображає найактуальнішу інформацію, що значно покращить користувацький досвід.
5. Використати набутки дизайн-системи Дії зі збереженням певної офіційності у візуальному стилі
“Дія” має багато вдалих рішень з точки зору дизайну. Інтеграція цих елементів допоможе створити більш сучасний вигляд, зберігаючи при цьому певну консистентність та звичні патерни взаємодії для користувачів.
6. Створити концепт AI-помічника
Сайт МЗС України містить величезну кількість інформації, що може ускладнювати швидке знаходження необхідних даних, навіть з найкращим дизайном. Потрібно знайти адресу консульства? Дізнатися про найближчі візити міністра до вашої країни? Замість того, щоб переглядати безліч сторінок, користувач може скористатися інтегрованим AI-помічником, який швидко та ефективно надасть потрібну інформацію.
Усі ці зміни мають на меті створити зручний, ефективний і сучасний інтерфейс, який відповідатиме потребам як українців, так і міжнародної спільноти. Зосередження на простоті, доступності та функціональності не лише покращить взаємодію з користувачами, а й зміцнить імідж України як сучасної та технологічно розвиненої держави.
Пропонуємо пройтися по окремим блокам головної сторінки та деяким іншим сторінкам сайту 👇
Новини
Ми оновили блок новин, перетворивши його на сучасну сітку з картками. Це дозволяє досягти більш структурованого вигляду, де користувачі можуть відразу побачити останні новини, не витрачаючи час на прокручування. Такий підхід значно покращує користувацький досвід, забезпечуючи швидкий доступ до актуальної інформації в зручному форматі.
Ми також пропрацювали окрему сторінку з повною версією новини. Основна проблема полягала в тому, що текст і фото мають однакову візуальну вагу, що ускладнює сприйняття та читабельність. Ми пропонуємо розділити текст на окремі блоки та розбавити його цитатами, фотографіями, використати чіткі заголовки та декілька розмірів шрифту, щоб краще структурувати та подавати інформацію.
Консульські послуги
Це важливий розділ на сайті, оскільки він забезпечує громадян України та іноземців ключовою інформацією та підтримкою в різних життєвих ситуаціях за кордоном.
Ми впровадили оптимізований інтерфейс для взаємодії з цією сторінкою. В ньому є інтуїтивна навігація і користувач має змогу перемикатися між категоріями послуг без повернення до головного меню. Такий підхід тримає всю інформацію в межах видимості користувача, що мінімізує зайві дії та підвищує швидкість доступу до потрібної інформації, створюючи більш зручний і логічний користувацький потік.
Події та календар
Поточна сторінка "Події" пропонує користувачам знайти потрібну інформацію за допомогою фільтрів, проте існуючі фільтри не адаптовані під специфіку цієї сторінки й охоплюють усі типи матеріалів сайту. Ми пропонуємо замінити загальний фільтр на інтерактивний календар, який дозволяє обирати конкретну дату для перегляду подій. Додатково впроваджено систему фільтрів за типом подій та країнами, що забезпечує більш точний і зручний пошук.
AI-помічник
AI-помічник на сайті МЗС – це інноваційне рішення, яке значно підвищило б зручність взаємодії з платформою. Завдяки цьому інструменту користувачі можуть не лише швидше знаходити потрібну інформацію, а й отримати рекомендації в реальному часі, поставити питання та вирішити типові проблеми без потреби шукати на сайті чи звертатися на гарячу лінію.
Які можливості має AI-помічник?
Швидкий пошук інформації. Користувачі можуть швидко знайти відповіді на найпоширеніші питання. Наприклад, контактні дані консульств та посольств, інформацію про оформлення віз та отримання консульської допомоги, а також останні новини та події, що стосуються міжнародних візитів або дипломатичних заходів тощо.
Покрокова допомога в поданні документів. AI-помічник може роз’яснювати користувачам складні процеси, наприклад, верифікацію документів або подання заявок на e-Visa.
Індивідуальні рекомендації. Залежно від запитів користувача, AI-помічник може надавати персоналізовані рекомендації. Наприклад, підказати,як діяти у разі втрати паспорта за кордоном.
Мультимовна підтримка. Помічник може працювати кількома мовами,роблячи сайт доступнішим для іноземних громадян, а також допомогти дипломатичним представникам та іноземцям.
Служба підтримки 24/7. Помічник готовий допомагати користувачам у будь-який час доби, відповідаючи на нагальні питання тоді, коли зв’язок з кол-центром недоступний.
Інтерактивна навігація. Помічник може направляти користувача по сайту, пропонуючи інструкції щодо подальших дій. Це зменшує час на пошук і дозволяє швидше досягти мети.
Оперативний доступ до прес-релізів та новин для журналістів. Помічник може швидко надати посилання на останні публікації, дипломатичні новини чи заяви, що стосуються міжнародних відносин та дипломатії України.
В результаті, AI-помічник має стати не просто зручним інструментом, а справжнім партнером для користувачів, який покращує взаємодію з сайтом, спрощує процес отримання інформації та робить послуги МЗС доступнішими та зрозумілішими для громадян України та іноземних відвідувачів.
Підсумуємо
В умовах глобальної діджиталізації користувач диктує нові стандарти, і держава не може залишатися осторонь.
Сайти державних установ, зокрема міністерств, вже давно потребують оновлення та редизайну. Важливо позбутися застарілих підходів, оскільки багато з цих ресурсів досі не відповідають сучасним стандартам та очікуванням користувачів.
Оновлення сайту Міністерства закордонних справ — це можливість продемонструвати, що Україна не лише слідує інноваціям, а й активно формує їх, створюючи платформу для зручного та відкритого діалогу з громадянами і світом.
Наш підхід полягає в тому, щоб не просто оновити сайт, а перетворити його на ресурс, який підкреслить сучасність і відкритість України. Це не лише інструмент для доступу до інформації, а й символ довіри, де кожна деталь сприяє зручності та доступності.
У світі, де користувачі звикли до найвищих стандартів цифрових сервісів, завдання державних платформ — відповідати цим очікуванням, зміцнювати імідж України та забезпечувати зручну взаємодію.
Ми впевнені, що редизайн сайту Міністерства закордонних справ стане важливим кроком до створення сучасного, інклюзивного та ефективного цифрового простору.
Переглянути проєкт на Behance
Created by Obriy Design Büro
Якщо маєте власні ідеї як можна покращити сайт – діліться в коментарях. Нас цікавить ваша думка!