Візуальне відображення Візуальне відображення Інтернет-ресурсів НБ МДУІнтернет-ресурсів НБ МДУ

Особливості оформлення ілюстративного Особливості оформлення ілюстративного матеріалу, питання оптимізації та юзабілітіматеріалу, питання оптимізації та юзабіліті

Укл. О. В. Дейниченко, зав. відділомінформаційних технологій

та комп’ютерного забезпечення

Міністерство освіти і науки УкраїниМаріупольський державний університет

Н А У К О В А Б І Б Л І О Т Е К А

Маріуполь – 2016

Піраміда навичок: з досвіду роботиз сайтом бібліотеки

Наповненняшаблону

SEO-оптимізація,юзабіліті та ін.

Використання фрагментів html

Зразок первинного інтерфейсу сайту (2012 р.)

Оновлена схема сайту НБ МДУ

Фрагмент інтерфейсу сайту: показникиуспішності

Прикладиправильної

та помилковоїроботи

інформерів

Напрями сприйняття інформації на сайті

Відображення фавіконки та дворівневого меню

Сайт НБ МДУ у результатах пошукуЯндекс та Google

Відображення НБ МДУ на мапахта на ресурсі Яндекс.Довідник

Взаємодія користувачів з інтерфейсом сайту:мапа кліків та мапа посилань Яндекс.Метрики

Карта кликов отображает клики по всем элементам страницы(в том числе по тем, которые не являются ссылками). Онапомогает оценивать юзабилити сайта, выявлять наиболее

кликабельные элементы, определять, какие элементы дизайна кажутся посетителям сайтов ссылкой, но таковой не являются.

Карта ссылок — инструмент для измерения статистики переходов по ссылкам на сайте. Ссылки в карте подсвечиваются разными

цветами в зависимости от их популярности.

Пример: если на сайте размещен список новостей, в котором на одном месте каждый раз показываются ссылки на разные

новости, то карта кликов будет отображать кликабель-ность в зависимости от позиции, на которой расположена

ссылка, а карта ссылок – в зависимости от количества переходов на конкретную новость.

Редагування графічних посилань за результатами

аналізу мапи кліків та мапи посилань

Приклади використання у новинахпосилань на збільшені зображення

Приклади піктограм,використовуваних на сайтах

Приклади логотипів сторінок(розділ «На допомогу науковцю»)

Варіант оформлення логотипу сторінки на основі хмаринки тегів

(«Мережеві електронні ресурсивільного доступу»)

Назви сайту і сторінок та інформаційні заголовки(приклад роботи метатегів)

Інформаційні заголовки та назва сторінки

Публікація інформації з сайту у соцмережах(приклад роботи метатегів: використання

загального логотипу сторінки,який не відображено на сайті)

Використання логотипу сторінкипід час проведення квесту

Оформлення індивідуалізованої сторінки«Помилка 404. Сторінку не знайдено»

Використання лінійок часу«Нашей библиотеке … г. … мес. … дн.»«Сайту библиотеки … г. … мес. … дн.»

Сторінка НБ МДУ на SlideShare

Сторінка НБ МДУ на Pinterest

Порівняльна характеристика PinMe та Pinterest

Зв’язок сайту із сторінками НБ МДУ на PinMe

Банери Інтернет-ресурсів НБ МДУ на PinMe

Приклади розміщення банерів: сайт НБ МДУ

Приклади розміщення банерів: сайт МДУ

Приклади розміщеннябанерів

Авторські блогиспівробітників НБ

Дякуєю за увагу

Презентація до статей:

Дейниченко О.В. З досвіду удосконалення й оптимізації сайту університетської бібліотеки / О.В.Дейниченко // Науково-дослідна діяльність наукової бібліотеки Маріупольського державного університету : матеріали ІV науково-методичного семінару. 25 лютого 2016 р. / ред. А. П. Шакула. – Маріуполь : МДУ, 2016. – С. 24–62.

Дейниченко О.В. Інформаційне представництво НБ МДУ в мережі Інтернет: особливості розміщення ілюстративного матеріалу / О.В.Дейниченко // Науково-дослідна діяльність наукової бібліотеки Маріупольського державного університету : матеріали ІV науково-методичного семінару. 25 лютого 2016 р. / ред. А. П. Шакула. – Маріуполь : МДУ, 2016. – С. 62–99.

Посмотреть сб. мат.:http://libr-margu.narod.ru/index/ndd_nb_mdu_2016/0-138