Доповідь

1. Доповідь Ефективна веб-сторінка закладу охорони здоров’я

2. Спікер: Руслан ГУЗЬКО, головний редактор журналу «Управління закладом охорони здоров’я»

3. Мета: надати медичним працівникам України необхідні знання про оформлення веб-сторінок і поліпшити якість інформації про кожен окремий заклад охорони здоров’я в мережі інтернет

4. РОЗДІЛ 1. Вибір назви веб-сторінки. Що важливо знати? «Як корабель назвеш — так він і попливе». Андрій Некрасов

5. Вибір назви веб-сторінки. Що важливо знати всім? • Назва веб-сторінкимає відповідати офіційній назві вашого закладу. Навіть у разі занадто довгої назви у шапці сторінки бажано вказувати її повністю • У заголовку сторінки можна обмежитися абревіатурою • Доменне ім’я може мати декілька рівнів і теоретично досягати 245 символів (кожен рівень обмежений 63 символами), однак надто довгих назв бажано уникати • Для закладів державної та комунальної власності логічно та ліпше за все використати для доменного імені абревіатуру назви

6. Наприклад: • http://www.okl.kiev.ua/ Олександрівська клінічна лікарня м. Києва • http://www.inpn.org.ua/ Державна установа «Інститут неврології, психіатрії та наркології НАМН України» • http://www.nmu.edu.ua/ Національний медичний університет імені О. О. Богомольця

7. Вибір назви веб-сторінки. Що важливо знати приватним закладам? Для приватних закладів використання абревіатурнебажане. Адже такі заклади скоріше за все мають власну легку для запам'ятовування назву. Наприклад: • http://krasa.kiev.ua/ • http://stomatology.lviv.ua/ • http://gynecology.kherson.ua/

8. Загальні правила для вибору доменного імені • Ім’я по можливості має вказувати на ту сферу, в якій ви плануєте працювати • Ім’я має бути коротким • Ім’я має легко запам’ятовуватися • Оригінальність при виборі імені завжди буде перевагою • Ім’я має бути легким для вимови і написання

9. Перелік українських регіональних доменів: .kiev.ua (Київ) .dp.ua (Дніпропетровськ) .lviv.ua (Львів) .dn.ua (Донецьк) .odessa.ua (Одеса) .od.ua (Одеса) .chernovtsy.ua (Чернівці) .cv.ua (Чернівці) .crimea.ua (АР Крим) .sebastopol.ua (Севастополь) .if.ua (Івано-Франківськ) .ivano-frankivsk.ua (Івано-Франківськ) .kherson.ua (Херсон) .ks.ua (Херсон) .khmelnitskiy.ua (Хмельницький) .km.ua (Хмельницький) .kirovograd.ua (Кіровоград) .kr.ua (Кіровоград) .nikolaev.ua (Миколаїв) .mk.ua (Миколаїв) .poltava.ua (Полтава) .pl.ua (Полтава) .rovno.ua (Рівне) .sumy.ua (Суми) .uzhgorod.ua (Ужгород) .uz.ua (Ужгород) .vinnica.ua (Вінниця) .vn.ua (Вінниця)

10. Приклади довгих доменних імен http://abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijk.com/ проект канадської компанії Appwalk.com, що пропонує користувачеві створити найдовшу адресу електронної пошти http://llanfairpwllgwyngyllgogerychwyrndrobwyll-llantysiliogogogoch.com/ назва села ЛланвайрПуллгвінгілл в Уельсі на острові Англсі, що означає Церква Святої Марії в улоговині, зарослій білою ліщиною, біля швидкого виру, церкви Святого Тісіліо і червоної печери http://thelongestdomainnameintheworldandthensomeandthensomemoreandmore.com/ «найдовше доменне ім’я в світі і щось, і щось ще і ще» — ім’я, за яким був направлений запит до Книги рекордів Гіннесса

11. РОЗДІЛ 2. Інформаційні потреби користувачів

12. Умовні типи інформації на веб-сторінціза змістом • інформація про послуги • інформація про заклад

13. РОЗДІЛ 3. Перелікінформації, щомає бути на веб-сторінці

14. Рекомендовані розділи веб-сторінки • Загальна інформація про заклад (профіль, коротка історія) • Перелік послуг та цін • Розклад роботи • Структура закладу • Адреса закладу та маршрути (вбудована мапа) • Фото фасаду будівлі • Матеріали санітарно-просвітньої роботи • Пам’ятки для пацієнтів та їхніх родичів • Контактні телефон та e-mail

15. Додаткові розділивеб-сторінки. Частина 1 Новини Вакансії Нагороди, сертифікати Перелік та фото обладнання Фото внутрішнього оздоблення приміщення Внутрішні документи (статут, правила внутрішнього розпорядку, колективний договір тощо) Благодійна діяльність Фінансовий звіт Закупівлі / тендерний комітет Наукова діяльність

16. Додаткові розділивеб-сторінки. Частина 2 • Нормативні документи • Карта веб-сторінки • Посилання на веб-сторінки партнерів, державних установ тощо • Фото та інформація про колектив • Провідні спеціалісти • Відгуки пацієнтів • Запитання та відповіді або аналіз звернень громадян

17. РОЗДІЛ 4. Оформлення інформації на веб-сторінці

18. Оформленняінформаціїна веб-сторінці • Основна суть веб-сторінки • має бути зрозуміла вже на стартовій сторінці • Не рекомендується використовувати елементи оформлення, що роблять неочевидним доступ до тексту для користувачів (вікна прокручування, блоки, що випадають, тощо) • Якщо тексту багато, слід розбивати його на кілька сторінок великими логічними одиницями (наприклад, за розділами, але не за абзацами)

19. Оформленняінформаціїна веб-сторінці • Текст має бути написаний грамотно • Акуратно оформлені та логічно структуровані сторінки найбільш привабливі для користувача, вони значно спрощують пошук потрібної інформації • Кольорова палітра має відповідати змісту веб-сторінки • Бажано враховувати потреби користувачів з вадами зору

21. РОЗДІЛ 5. Підвищення ступеня довіри користувачів до веб-сторінки закладу

22. У пошуках достовірної інформації будь-який досвідчений користувач інтернету намагається звернутися до надійних (перевірених) веб-сторінок Вашою метою при створенні ефективної веб-сторінки буде переконати користувача вже з першої секунди його знайомства зі сторінкою, що вона є офіційною та містить лише достовірну інформацію Що вам у цьому допоможе?

23. Логотип • Повна назва закладу без скорочень • Адреса закладу • Телефон • Відсутність орфографічних помилок • Веб-сторінка має постійно оновлюватися і бути «живою»

24. Сучасний дизайн • Справжні та якісні фото • Перелік нагород, сертифікатів та партнерів • Хороші позиції в пошукових системах

25. РОЗДІЛ 6. Компоненти веб-сторінки, яких варто уникати «Що занадто, то не здраво»

26. Спливаючі рекламні вікна Найліпший спосіб привернути увагу користувача до якоїсь інформації — це «жбурнути» її йому в обличчя. Однак це зовсім не означає, що користувач з нею ознайомиться. Спливаючі вікна (англ. pop-up) відволікають користувача від тієї інформації, з якою він бажав ознайомитись. Іноді користувачу легше покинути сторінку замість закриття спливаючого вікна. Більш досвідчені користувачі можуть налаштувати автоматичне блокування таких вікон.

27. Автоматичне відтворення аудіо або відео • Потрібно пам’ятати, що деякі користувачі можуть завітати на вашу сторінку зі свого робочого місця вдень або ж, навпаки, пізно вночі • Навіть дуже корисний відеоролик, що несподівано почне програватись з вашої веб-сторінки, змусить користувача дуже швидко її закрити, замість того, щоб шукати де вимкнути звук • Тут також варто згадати про користувачів з повільним інтернетом та/або мобільними пристроями

28. Зображення з фотобанків • У вас є свій заклад охорони здоров’я та свій персонал. Навіщо тоді використовувати чужі зображення, які швидше за все вже використовуються десятками інших веб-сторінок зі схожою тематикою? • Типові зображення з американськими медиками створюють у відвідувачів враження несправжності.

29. Контактна форма замість інформації про контакти • Форма зворотного зв’язку, що пропонує написати електронне повідомлення адміністрації закладу, може здатися простим і надійним способом організації зв’язку користувача веб-сторінки з вами. До того ж, вона надійно захищає вашу електронну адресу від спам-ботів. • Однак досить часто після заповнення та відправлення такої форми користувача очікує повідомлення про помилку або лише обіцянка розглянути його звернення. Таке спілкування завжди здаватиметься користувачу однобічним та ненадійним.

30. Контент, надмірно оптимізований для пошукових машин • Деякі веб-сторінки все ще створюються для пошукових ботів, незважаючи на те, що алгоритми пошукових систем давно вже стали складнішими у визначенні релевантності сторінки, ніж це було 10 років тому • Насправді тепер пошукові системи застосовують санкції до тих веб-сторінок, які використовують подібні методи оптимізації. Не пишіть для Google та Yandex, пишіть для людей

31. Відсутність кнопок соціальних мереж Можливість обміну інформацією в соціальних сервісах сприятиме тому, що ваш контент стане більш видимим, приверне більше трафіку, сприятиме збільшенню рейтингу в пошукових системах та відвідуваності

32. Заголовки не відповідають змісту Добре продуманий заголовок привертає увагу Заголовки можуть змусити користувачів пройти за посиланням, побаченому в RSS або в пошуковій системі, щоб прочитати те, що ви написали Прагнення привернути увагу користувачів гучним заголовком не виправдовує спробу ввести читачів в оману. Якщо ви пообіцяли сенсацію, дайте її їм, і вони будуть вам вдячні

33. Обіцяні знижки не відповідають справжнім пропозиціям Уявіть собі глибину розчарування відвідувача, коли він діє за вашими інструкціями в надії отримати знижку 50%, а натомість дізнається, що для отримання обіцяного йому треба пролікувати не менше як 33 зуба. Причому зробити це потрібно за одну добу. Такі пропозиції є образливими та знищують репутацію вашого закладу.

34. Розділ 7. Оптимізація веб-сторінки для мобільних пристроїв

35. Навіщо створювати мобільну версію? За даними досліджень міжнародної антивірусної компанії ESET у 2013 році, близько 20% користувачів мережі інтернетпереглядали веб-сторінки переважно за допомогою мобільних пристроїв (смартфонів, планшетів тощо). Для відвідувачів сайту, які користуються переважно мобільними пристроями, бажано створити версію веб-сторінки, оптимізовану для маленьких екранів. Це значно полегшить взаємодію користувачів з вашою сторінкою.

36. Практичні поради зі створення веб-сторінок для мобільних пристроїв • Підтримуйте високу швидкість: • Скоротіть кількість великих блоків тексту та використовуйте марковані списки • Використовуйте стиснені зображення, щоб сторінка завантажувалася швидше • Зробіть усе можливе, щоб полегшити процес зв’язку з вами • Зменшіть кількість дій, які потрібно виконати для пошуку інформації: • Використовуйте короткі форми та якомога менше полів • Щоб спростити введення даних, використовуйте прапорці та списки • Зробіть усі номери телефонів інтерактивними

37. Спростіть навігацію: • Зведіть необхідність прокручування до мінімуму, застосовуйте лише вертикальний напрямок • Використовуйте чітку ієрархію в меню й уникайте спливаючих елементів, що активуються наведенням курсору (:hover-селекторів) • Допоможіть користувачам здійснювати навігацію між рівнями за допомогою розташованих у помітному місці кнопок «Назад» і «Головна сторінка» • На одній сторінці навігації має бути щонайбільше сім навігаційних посилань • Зробіть так, щоб користувачі могли легко знайти ваш заклад: • Укажіть на стартовій сторінці адресу • Розмістіть на веб-сторінці карти та маршрути

38. «У майбутньому на ринку залишиться два види компаній: ті, що є в інтернеті, і ті, що вийшли з бізнесу». Білл Гейтс РОЗДІЛ 8. Підсумки

39. Критерії ефективності веб-сторінки • Охоплення цільової аудиторії • Привабливість змісту для відвідувачів • Авторитет веб-сторінки • Комплексний підхід • Заклик до дії

40. Веб-сторінка медичних новин Вибір редакції! Портал «Медична справа» http://medsprava.com.ua/ Швидко, тільки про медицину, безкоштовно + Новини, відкриті публікації, корисна інформація

41. Друковані джерела

42. Наші контакти Редакція журналу «Управління закладом охорони здоров’я»: Тел.: 0(44) 586-56-06 E-mail: golovlikar@mcfr.com.ua www.medsprava.com.ua Руслан ГУЗЬКО, головний редактор журналу

43. Дякую за увагу!