- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •1 Базові визначення. Основні етапи розробки веб-ресурсів
- •1.1 Основні принципи побудови та функціонування мережі Internet
- •Контрольні питання
- •1.2 Основні етапи розробки Web-сайта
- •1.2.1 Концептуальне проектування
- •1.2.2 Логічне проектування
- •4. Виробництво і контроль якості 5. Запуск і супровід
- •1.2.3 Фізичне проектування
- •Контрольні питання
- •2 Основи композиції
- •Контрольні питання
- •3 Основи шрифтового дизайну
- •3.1 Основні елементи побудови літер
- •3.2 Накреслення
- •3.3 Класифікації гарнітур і шрифтів
- •3.4 Метричні параметри тексту
- •3.5. Розмір пробілу, бокові поля і ємність шрифту
- •3.6. Виділення параграфів
- •3.7. Розміщення символів тексту
- •3.8 Комп’ютерні шрифти
- •3.9 Кодування шрифту
- •3.10 Особливості використання шрифтів у Web-дизайні
- •3.11 Рекомендована кількість шрифтів
- •3.12 Вибір кольору тексту
- •Контрольні питання
- •4 Розробка контента сайта
- •4.1 Особливості сприйняття текстової інформації на Веб-сторінці
- •4.2 Складання текстів для Internet
- •4.3 Поради щодо написання статей
- •4.4 Поради щодо написання заголовків
- •4.5 Джерела контенту та систематизація
- •4.6 Організація інформації
- •4.7 Тестування контенту
- •Контрольні питання
- •5 Теорія кольору
- •5.1 Сприйняття кольору через зоровий канал людини
- •5.2 Системи змішування основних кольорів
- •5.3 Основні характеристики та кутові поля зору людського ока
- •5.4 Особливості сприйняття кольору
- •5.5 Сприйняття кольору
- •5.6 Емоційний вплив кольору
- •5.7 Психологічне сприйняття окремих кольорів і їх поєднань
- •5.8 Вибір палітри для різних демографічних груп, національні особливості, сучасні тенденції
- •5.9 Вибір кольорів з використанням колориметричних кіл
- •Контрольні питання
- •6 Основи сканування
- •6.2 Рекомендації щодо сканування зображень
- •Контрольні питання
- •7 Розробка системи навігації
- •Контрольні питання
- •8 Розробка логотипу
- •8.1 Термінологія
- •8.2 Найбільш відомі логотипи
- •8.3 Класифікація логотипів
- •8.4 Характеристики логотипу
- •8.5 Особливості розробки логотипів
- •8.6 Вибір геометричних форм для логотипів
- •8.7 Вибір кольорової гамми для логотипу
- •8.8 Стиль у дизайні логотипів
- •8.9 Символізм зображень тварин
- •Контрольні питання
- •9 Формати графічних файлів та рекомендації до їх вибору
- •9.1 Аналіз форматів графічних файлів
- •9.2 Рекомендації для вибору графічних форматів
- •Контрольні запитання
- •Література
- •Науково-методичний відділ внту
- •21021, М. Вінниця, Хмельницьке шосе, 95, внту
- •Вінницького національного технічного університету
- •21021, М. Вінниця, Хмельницьке шосе, 95, внту
4.2 Складання текстів для Internet
Аналіз наведених особливостей сприйняття людиною тексту на Веб-сторінках дозволяє сформулювати чотири базових принципи створення тексту.
Використання позначень. Необхідно використовувати слова і терміни, що є звичними й зрозумілими більшості відвідувачів сайта. В той же час, не дуже вдалим є використання піктограм та абревіатур. У залежності від контексту користувачі сайта можуть їх неправильно зрозуміти. З цієї причини варто розміщати змістовні елементи, посилання та елементи навігації з їх позначеннями, а також уникати невиразних термінів на сторінці.
Доречність. Розділи сайта повинні містити інформацію та елементи, що відповідають даній частині або фрагментові сайта. Елементи, що не відповідають даному принципу, повинні бути перенесені в інше місце або вилучені.
Однотипність. Передбачає використання єдиної навігації по сайту і його оформлення. Так, однакові елементи на сторінках повинні мати один і той же розмір і знаходитися в одному й тому ж місці. Якщо сторінки, з якої-небудь причини мають відмінності, користувач повинен чітко зрозуміти, чим вони обумовлені.
Поділ на частини. Як було вже зазначено вище, людина не в змозі зберігати одночасно великий обсяг інформації. Тому, відвідувачі сайта краще орієнтуються і швидше знаходять потрібні їм матеріали, коли вони розділені на групи, що містять від п’яти до дев’яти елементів.
Ґрунтуючись на наведених принципах сформулюємо певні рекомендації щодо створення тексту для Веб-сторінки.
Текст повинен бути коротким і лаконічним. Експерти стверджують, що електронний текст повинен бути приблизно у два рази коротшим, ніж звичайний друкований текст. Це дозволяє зробити процес читання в режимі online плавним, компенсуючи більшу витрату часу в цьому випадку, про що вже згадувалося вище. Абзаци також повинні бути досить короткими.
Відразу потрібно переходити до суті. Не варто починати сторінку з довгого, розпливчастого й далекого від основної теми вступу. Необхідно переходити відразу до суті. Варто використовувати техніку, що у журналістів зветься "перевернена піраміда": потрібно сказати читачам негайно про те, що їм буде повідомлено зараз, і тільки потім заглиблюватися в деталі за допомогою всіляких "фонових" матеріалів.
Необхідно використовувати інформативні заголовки. Заголовок нічого не вартий, якщо він дуже гарний і правильний, але не говорить користувачеві про вміст наступного за ним тексту. Заголовки повинні чітко пояснювати користувачеві, чому він повинен зупинитися й прочитати саме цю Web-сторінку. Грамотне використання підзаголовків допомагає підтримувати певну структуру тексту, а також додає інформативності сторінці в цілому.
Варто виділяти питання, які розглядаються на сторінці. Виділений текст може чітко дати користувачеві зрозуміти, про що оповідає дана сторінка, щоб він міг швидко вирішити, цікаво це йому чи ні. Набагато краще, якщо хтось покине сайт, тому що тема не викликає в нього інтересу, ніж якщо люди будуть залишати сайт внаслідок того, що так і не зрозуміли, про що ж все-таки розповідає та або інша сторінка. Не варто виділяти звичайний текст підкресленням, тому що це може привести до того, що його будуть плутати з посиланнями. Якщо правильно вибране гіперпосилання, текст, на якому можна клацнути мишею, повинен забезпечувати додаткові відомості про призначення сторінки.
Необхідно використовувати списки для узагальнення інформації. Якщо мати справу з важливою інформацією, потрібно намагатися не включати її в абзац "однорідною масою", якщо вона може бути подана у вигляді маркованого або пронумерованого списку. Це дозволяє додати інформації наглядний вигляд, що дасть можливість користувачеві, який переглядає сторінку, швидко прийняти рішення замість того, щоб зіштовхнутися з необхідністю тривалого вивчення вмісту цілого абзацу тексту.
Структура "переверненої піраміди" це тільки один зі способів наблизити читання в режимі online до потреб користувачів. Стосовно до Web, він може бути використаний для того, щоб повідомити користувачам базову інформацію й дати певний мотив до прокручування сторінки вниз із метою пошуку докладніших даних. Гіпертекст додає ще більше розмаїтості в процес створення текстів для Web. На найпростішому рівні його можна використовувати для того, щоб розбити фрагмент тексту на трохи дрібніші сторінки і зв'язати лінійними посиланнями для послідовного читання. Це зведе прокручування сторінки до мінімуму й зробить процес швидкого перегляду вмісту сторінки простішим для користувачів. Якщо зробити так, що кожна частина буде закінчуватися інформацією, що підсилює цікавість користувача й змушує його перейти до наступної частини, що у свою чергу із самого початку стимулює бажання користувача продовжувати читання, то можна домогтися приголомшливих результатів і не допустити переходу користувачів на інші сайти.
Також додатково слід звернути увагу на те, що:
вертикальне прокручування тексту у вікні оглядача утрудняють його сприйняття. Користувачі уникають читання довгих сторінок. Тому на одній сторінці веб-сайта бажано розміщувати не більше 2-3 сторінок формату А-4;
оскільки гортати сторінки Веб-сайта важче чим сторінки книги, то текст слід розташовувати порціонно. Одиницею розподілу є сторінка. Доцільно розташовувати в одній порції одну змістовну частину;
слід якомога ширше використовувати кольорові можливості Веб-сторінки, додаючи багато кольорових ілюстрацій, схем та графіків, які допоможуть користувачу зрозуміти про що оповідає сторінка;
ураховуючи той факт, що при роботі в Internet користувач часто переглядає паралельно декілька сторінок, повертаючись час від часу до однієї й тієї ж сторінки, слід найважливішу інформацію розміщати на декількох найбільш відвідуваних сторінках сайта.
