Wеb-представительство.

Зовнішні умови визначають, хто буде основним відвідувачем сайту; які джерела інформації є "своїми" для типового відвідувача, стиль викладу матеріалу в цих джерелах, точка зору, загальний тон; психологічні особливості типового відвідувача(підлога, вік, сфера інтересів, інтелектуальний розвиток, мотиви діяльності, та ін.).

Концептуальне проектування Web- представництва.

В результаті концептуального проектування опрацьовуються наступні питання:

- Структура і склад інформації на сайті;

- Способи привертання уваги клієнтів;

- Способи утримання уваги відвідувачів сайту;

- Способи повторного залучення на сайт;

- Стиль сайту, загальний тон;

- Точка зору при поданні інформації.

Основна мета Web- сайту - перетворити відвідувачів на клієнтів, а разових клієнтів - в постійних. Загальні принципи, що витримуються для цього при створенні і веденні Web- сайту можуть бути сформульовані таким чином :

- для залучення і утримання клієнтів на Web- сайті обов'язково потрібно надавати набір безкоштовних послуг, не зв'язуючи це з передуючою купівлею.

- на Web- сайті має бути передбачена служба новин і автоматизованого сповіщення клієнтів про нові вироби і послуги компанії.

- на сайті має бути представлена детальніша інформація про продукцію фірми, чим це прийнято в аналогічних сайтах.

- обов'язкова публікація безкоштовної довідкової інформації по ремонту і обслуговуванню товарів, що продаються.

- конструкція Web- сайту повинна надавати клієнтам компанії можливість здійснювати інформаційний пошук за допомогою "дружнього інтерфейсу", в якому система допомоги має бути доступна на усіх етапах роботи.

- основний режим роботи на сайті має бути - діалог, що максимально персоналізується.

- робота сайту має бути організована так, щоб у клієнтів з'явилося бажання розповісти про нього своїм друзям.

- кожен клієнт повинен пам'ятати: звернися він до сайту у будь-який момент, він завжди отримає або товар, або послугу, або інформацію про можливість їх отримати на інших сайтах.

Web- сайт представляє бізнес. Тому, він повинен виглядати так, щоб замовникам було максимально зручно працювати з ним.

При опрацюванні структури сайту і складу інформації на нім необхідно передбачити відсутність відмов користувачеві в наданні інформації, інакше він піде до інших. Тому на діючих сайтах не повинно бути написів типу : "Даруйте, цей розділ знаходиться в опрацюванні".

Сайт повинен виглядати задуманим чином незалежно від браузеру, його версії, або на якій платформі він працює. Це складне завдання, оскільки єдиного стандарту не існує. Різні версії Web- браузерів підтримують однаково лише найпростіші конструкції мови HTML. А це означає, що в Web- сайті, орієнтованому на масового клієнта, що використовує різні типи браузерів, їх версії, працюючих на разны платформах(UNIX, MS DOS, Windows...), не повинно використовуватися складних конструкцій мови HTML, а кожен документ має бути в основному - текстовим.

Можна, правда, створювати Web- сайт в декількох версіях - під різні браузери, платформи ..., і надавати користувачеві на Home pages можливість вибору версії. Але обслуговування такого сайту значно ускладниться.

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

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

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

Після перегляду сайту у клієнта повинні виникнути бажання повернутися на нього ще раз, і бажання розповісти своїм знайомим, як там було цікаво. Про сайт повинні заговорити. Для цього важливо, щоб на сайті містилася нова, актуальна, достовірна інформація. Але цього мало. Сайт має бути більше, ніж звичайну брошуру в режимі ON - LINE. У клієнта обов'язково має бути можливість скористатися отриманою інформацією, щось зробити на її основі: пограти, замовити, купити або орендувати...

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

Велике значення має дбайливе відношення до новачків, до тих, хто почуває себе невпевнено в даних проблемах. Для них на багатьох сайтах організовується служба FAQ(питань, що часто ставляться) з відповідями на них адміністрації сайту або досвідченіших користувачів.

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

Зворотний зв'язок дозволить з'ясувати, що ще цікаво і треба клієнтам.

Успіх сайту залежить від того, наскільки чітко, ясно, сконцентрований дається інформація. Користувач не повинен не здогадуватися про її сенс.

У світі існує немало сайтів з схожими матеріалами. Створюваний сайт має бути унікальним і авторитетним. Сайт повинен мати в розпорядженні унікальні ресурси - не лише текстів: графічні матеріали, звуковий супровід, дозволяють зробити основне повідомлення наочнішим і привабливішим.

Авторитетність сайту формується за рахунок достовірності інформації, її безпомилковості. Публіковані дані можуть мати різну міру достовірності - відвідувача потрібно інформувати про статус цієї інформації. За неофіційну інформацію(з попередженням про це) утримувач сайту відповідальності не несе, і відвідувач сам вирішує, вірити їй або ні. Основні ж документи завжди повинні мати офіційний статус, а отже - мають бути вивірені і абсолютно достовірні.

Для створення привабливості сайту велике значення має грамотне використання гіпертексту. На основних вікнах(сторінках) дається основна інформація(наприклад, каталог пропозицій фірми), а за рахунок гіпертекстових посилань надається додаткова, супутня інформація. Причому, супутня інформація може міститися не обов'язково на створюваному сайті - посилання можна давати і на сайти-аналоги(але при цьому потрібно враховувати, що таким посиланням клієнт відводиться з цього сайту на сайт-аналог).

Проте, такі посилання мають бути підпорядковані загальній ідеї - тому при розробці сайту після визначення цілей і аудиторії, вибору точки зору і загального тону, має бути визначений склад інформації, і проведена її структуризація. Саме в процесі структуризації і вирішується питання - чи потрібно повторювати те, що є на інших сайтах, або досить зробити посилання на сайти, що містять необхідні відомості.

Web- сайт - цей електронний засіб масової інформації(ЗМІ), і як і усі інші ЗМІ, повинен мати свою особу, свій стиль. Для розробки стилю великі фірми притягають не лише фахівців в області комп'ютерних технологій, але і дизайнерів, стилістів, фахівців з Public Relations, та ін.

Стиль сайту характеризується манерою подання матеріалу, елементами оформлення, принципами використання кольору, звуку, графіки, анімації.

Манера подання матеріалу може бути, наприклад, така:

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

- художній - у вигляді розповіді, основний сенс якої міститься тільки у кінці(яскравий приклад - короткі оповідання А.П.Чехова, наприклад, "Казка", або "Без заголовка");

-телеграфный стиль - короткі рубані фрази, тільки факти, без додаткових пояснень.

Елементи оформлення включають вид екрану, кількість і розташування відкритих на нім вікон(наприклад, у вигляді "каскаду", "мозаїки" або "робочого столу" з накиданими на нього один на одного листами документів, і так далі), вид, структура і розташування навігаційного меню, спосіб відображення гіперпосилань, співвідношення розмірів шрифтів заголовків і основного тексту, колірна гамма, кількість, розташування і спосіб активізації мультимедійних елементів, і так далі

Одного разу виробивши стиль сайту, необхідно завжди жорстко його дотримуватися - користувач швидко звикає до стилю, не усвідомлюючи навіть його особливостей, і хворобливо сприймає відхилення від нього.

Одними з кращих є в цьому плані сайти фірм IBM і Sylicon Graphics.

Вибирання засобів створення Web- сайту

Для створення Web- сайту і його експлуатації необходиы програмне забезпечення і технічні засоби, вибір яких повинен забезпечити реалізацію цілей, що стоять перед Web, - представництвом.

Розробка структури сайту. Конструювання Web- сторінок.

Кожна Web - сторінка являетсяя програмним модулем, написаним як мінімум на мові HTML. Може включати і інші програмні модулі, які можуть розташовуватися на тій же Web, - сторінці, або в інших файлах.

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

Гіперпосилання аналогічні операторам переходу в програми. Вони не є самостійним фігурантом на схемах, а відносяться до навігації, тобто характеризують спосіб управління сайтом(типу меню).

Інформаційна структура сайту відображається у вигляді схеми, що містить склад Web - сторінок і їх зв'язку з використовуваними на цих сторінках інформаційними файлами.

Характеристика нормативно-довідкової, вхідної, оперативної і результатної інформації при розробці структури сайту даються у вигляді таблиць, що містять реквізити документів з їх характеристиками.

Інформаційне наповнення Web- сторінок.

До моменту початку інформаційного заповнення Web- сайту склад необхідної інформації вже визначений, інформація структурована. Залишилося тільки набрати її у відповідних вікнах. Привабливість сайту, його ефективність значною мірою залежать від розташування інформації на екрані, застосованих засобів виділення, відсутності помилок.

В процесі інформаційного заповнення Web- сайту вирішуються наступні завдання: проектування формату кадру; виділення найбільш інформативних його частин; вибір кольору при виведенні зображення на екран; застосування спеціальних ефектів. Необхідно враховувати особливості відображення тексту і чисел на екрані, застосовувати різні методи контролю даних, що вводяться.

Оскільки виведення інформації можна проводити в двох режимах: покадровому, і в режимі скролінгу, необхідно знати їх достоїнства і недоліки для усвідомленого використання при інформаційному заповненні Web- сайту.

Користувач отримує інформацію, прочитуючи її з екрану, тому основним елементом системи виведення є форма пред'явлення інформації користувачеві(форма видачі).

На першому етапі створення системи спланувати усі подробиці, деталі кожного повідомлення, що виводиться на екран, неможливо. Але проектування макетів виведення треба виконувати по можливості більш повно з самих ранніх стадій їх створення.

Рядки, що біжать по екрану, при виведенні великих повідомлень створюють незручність для користувача. Зрушення(перемотування) зображення стомлює зір, примушує фіксувати увагу на окремих рядках замість правильнішої орієнтації на екран в цілому, не дозволяє повернутися до вже прочитаних рядків, створює напруженість в спілкуванні із-за необхідності сосредотачиваться на другорядних деталях спілкування(наприклад, на прагненні одночасно натиснути дві клавіші CTRL s для зупинки екрану), відволікаючись від головного.

Тому, при виведенні великих об'ємів інформації, видача повинна розбиватися на кадри(сторінки), що містять зображення, що заповнює відразу увесь екран від верху до низу, з попереднім його очищенням від непотрібних, зайвих фрагментів "старих" повідомлень. Розбиття на кадри забезпечує чітку межу між старим і новим зображенням, менше стомлює очі, не відволікає користувача від рішення основної задачі. Після виведення кадру програма повинна завжди витримати паузу.

Структура кадрів, що виводяться, залежить від їх функціонального призначення. Увесь процес може бути побудований на використанні 8 типів функціональних елементів :

1) елемент виведення інформації;

2) елемент введення інформації;

3) елемент контролю і корекції введення;

4) елемент управління діалогом;

5) елемент трасування діалогу;

6) елемент пояснення, що утримує відповіді на питаннях користувача типу "Як"? (це отримано)або "Чому"?;

7) елемент допомоги користувачеві;

8) елемент навчання роботі з системою.

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

Оскільки проектування кадру - процес творчий, не слід штучно підганяти усі кадри під одну схему. Необхідно намагатися лише витримувати загальні рекомендації, сформовані на основі накопиченого досвіду роботи з діалоговими системами :

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

2. Якщо в одному кадрі зустрічається інформація різних типів, бажано розміщувати її в різних зонах, забезпечуючи кожну зону відповідним заголовком(інакше важко буде розібратися в тому, що де зображено).

3. Розділення на зони може бути виконане по-різному. Наприклад, можна на межі зон провести лінії, але можна розділяти зони і пропусками(їх кількість в цьому випадку має бути не менше двох). Крім того, зони можна виділяти кольором. При цьому не знадобляться розділові лінії, які займають місце на екрані. Кольори потрібно підбирати так, щоб різні зони мали приблизно однакову яскравість і контрастність, і щоб на межах зон не утворювалися додаткові колірні елементи із-за накладення кольорів.

4. При проектуванні формату кадру необхідно користуватися матрицею, зробленою на папері(пустографку можна приготувати і на комп'ютері). Рядки і стовпці матриці мають бути пронумеровані - для цього краще використати крайній правий стовпець і нижній рядок.

5. Кожен кадр, що вводиться, необхідно позначати, поміщаючи в його верхній частині заголовок. Заголовок бажано виділяти, щоб відразу було видно, з якою інформацією має справу користувач.

6. Інформацію, що виводиться на екран, необхідно розбивати на класи, відводячи кожному класу свою зону кадру :

- заголовок кадру бажано поміщати в середині верхнього рядка;

- область даних, призначену зазвичай для тексту, що виводиться, чисел, графіків, бажано розташовувати в середній частині екрану(у його "золотому перерізі");

- область введення, що містить підказки введення і поля, - приймачі інформації, може розташовуватися у будь-якій частині кадру;

- область управління, що містить меню і підказки управління, може розташовуватися у будь-якій частині кадру, бажано - найменш інформативною;

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

Існує лише одно обов'язкове правило: заголовок повинен розташовуватися вгорі, а дані - нижче. У іншому кадр проектується так, щоб бути зручним користувачеві.

7. Якщо система використовує декілька видів кадрів, що мають різні формати, то за наявності в них однотипних даних, ці дані повинні в різних типах кадрів розташовуватися однаково.

8. У складних діалогових системах може з'явитися необхідність частину інформації тримати на екрані тривалий час, тоді як у вільній частині екрану інформацію міняти. В цьому випадку кадр доцільно формувати з декількох форм, кожна з яких займає лише частину екрану. Форма, що містить постійну інформацію, може бути викликана на екран на початку програми. Інші форми викликатимуться у відповідну частину екрану в міру необхідності. Цей режим дозволяє реалізувати на екрані т.з. "вікна".

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

(Зверніть увагу: підказки, допоміжні меню і інша допоміжна інформація у більшості пакетів застосовних програм виводиться в самій нижній або самій верхній частині екрану. Але у верхньому рядку меню(підказка, повідомлення) менш помітно, чим в нижній, важче сприймається).

Найбільш важливі частини повідомлення можна набрати рядковими буквами, урозрядку, відтіняти, використовуючи різні кольори, набрати зі зміненим міжрядковим інтервалом. Але існують і спеціальні засоби, що дозволяють додатково виділяти різні частини повідомлення. Такі засоби дозволяють викликати при виведенні зображення на екран спеціальні ефекти: інверсія, підкреслення, мигання, змінена яскравість, і їх різні комбінації.

Для представлення інформації на екрані ПЕВМ вимагається, як минимум, два кольори - один основний, і один фоновий. Здавалося б, при інформаційному наповненні Web- сайту можна скористатися будь-якою парою кольорів, відтворних устаткуванням і розрізняних користувачем. Але насправді це не так. Користувач зазвичай усю інформацію від ЕОМ отримує через зір. І якщо кольори підібрані невірно, доводиться напружувати зір, внаслідок чого очі швидко втомлюються, різко збільшується кількість помилок, що допускаються в роботі, значно знижуються продуктивність праці і час реакції користувача.

Для розрізнення символів(графіків, діаграм), що виводяться на екран, між кольором символів і кольором фону має бути контраст. Сильний контраст полегшує читання. Висококонтрастне зображення(наприклад, чорне на білому або біле на чорному) сприймається легше, ніж низкоокнтрастное(наприклад, блакитне на синьому), але сильний контраст стомлює зір. Необхідно так само враховувати наявність дальтонізму(ослаблене розрізнення кольорів), яка зустрічається у людей досить часто.

Крім того, розроблене для кольорового дисплея зображення може виявитися абсолютно невідтворним на ЕОМ, що має монохромний дисплей, оскільки деякі кольори на монохромному дисплеї зливаються з фоном, і тому невидимі.

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

Різних поєднань кольорів фону і знаків багато, але серед них неприпустимі, завдяки чому їх арсенал сильно скорочується. Розглянемо основні принципи вибору кольорів.

1) Пари кольорів фону і знаків необхідно підбирати експериментально з урахуванням конкретних умов. Загальна рекомендація - не захоплюватися використанням кольору, використовуючи для виведення основної інформації лише два кольори: чорний і білий.

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

Кольором можна виділяти стадію розрахунків, застосовуючи яскраві, збудливі кольори перед закінченням розрахунків, щоб привести оператора в стан готовності до активної діяльності.

2) Що краще застосовувати: темні символи на світлому фоні, або світлі - на темному? Практика показує, що цей вибір необхідно здійснювати з урахуванням освітленості місця, в якому знаходиться дисплей.

Бажано, щоб відтінок фону(темний або світлий) співпадав з умовами освітлення робочого місця : контрастувати з освітленістю фону, що оточував дисплей, повинна інформація, що виводилася. Тому, в темному приміщенні знаки, що доцільно виводяться на екран, зробити світлими на темному фоні. Око пристосовується до рівня навколишнього освітлення, і якщо яскравість екрану близька до яскравості фону, корисне зображення сприйматиметься краще.

У світлому приміщенні легше сприймаються темні знаки на світлому полі.

3) Колірний фон грає допоміжну, а не основну роль.

Деякі фахівці навіть вважають, що він нічого не дає

окрім краси. Основне призначення фону - забезпечення контрасту з тими, що несуть інформацію знаками. Такі кольори фону, як червоний, фіолетовий, жовтий, синій і помаранчевий, вступають в конфлікт з деякими кольорами, використовуваними для представлення інформації. Наприклад, якщо використати червоний і синій кольори або пару : жовтий і зелений, то створюється ілюзія тіні уздовж межі їх зіткнення.

4) Оскільки чутливість ока неоднакова до різних кольорів, деякі з них(такі, як синій, блакитний, червоний, фіолетовий, коричневий) рідко використовуються для зображення інформації, що виводиться. Їх краще використати як фон.

5) Найбільш чутливе око до жовтого, ясно- і темно¬зеленому кольорам. Ці три кольори найбільш близькі до кольорів монохромних моніторів. Використання їх як основного носія інформації робить програму менш вимогливою до використовуваних технічних засобів - програма однаково працездатна і за наявності кольорового, і при монохромному дисплеї, який усі кольори перетворить у відтінки сірого.

Фон	Знаки
Черный	Белый, желтый, зеленый (яркий)
Белый	Черный, серый

Таблиця. 5. Найбільш раціональні поєднання кольорів

7) Різних поєднань кольорів можна використати в різних частинах програм, щоб допомогти користувачеві краще в них орієнтуватися - це так зване "колірне кодування" інформації.
8) Певних поєднань кольорів можна використати для попереджень(наприклад, про те, що машина знаходиться в стані рахунку, про помилки, про ситуації, що вимагають втручання оператора, і так далі).

7) Якщо є хоч тінь сумніву в правильності підбору поєднання кольорів, такі поєднання краще відкинути. Некваліфіковане володіння кольором часто не полегшує, а утрудняє читання кадру і призводить до швидкого стомлення зору.

До спеціальних ефектів, що реалізовуються у більшості систем відносяться :

- режим інверсії(якщо основний режим: світлі символи на темному фоні, то режим інверсії - темні символи на світлому фоні);

- режим підкреслення(коли що виводиться в цьому режимі на екран повідомлення автоматично підкреслюється);

- режим мигання;

- режим підвищеної яскравості.

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

Використати спеціальні ефекти можна не лише нарізно, але і в різних комбінаціях. Але при цьому необхідно пам'ятати, що режим відображення сам є інформаційним кодом, тобто сам несе деяку інформацію. А користувачеві важко тримати в думці більше 5-7 різних кодів.

Рекомендації по використанню спеціальних ефектів :

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

2) Підкреслення і підвищена яскравість так само привертають увагу, але не так сильно, як мигання. Вони зазвичай використовуються для виділення різних видів інформації.

3) Режим інверсії часто використовують для виділення заголовків, що дозволяє швидко структурувати текст і відділяти їх від інформаційного змісту кадру. Але при деяких поєднаннях кольорів інверсія дає зворотний ефект - замість виділення інвертованої частини зображення, робить її менш помітною, "ховає" її в іншому тексті.

4) Режим підвищеної яскравості по силі дії знаходиться на другому місці після мигання. При невмілому використанні він так само може відволікати увагу користувача від інших частин повідомлення Його використання виправдане, наприклад, тоді, коли необхідно звернути увагу користувача, що на екран виводиться декілька видів інформації - в цьому випадку рамки або розділові лінії можуть бути виведені в режимі підвищеної яскравості.

5) Режим підкреслення необхідно використати для виділення окремих слів або фрагментів тексту, що виводиться.

6) В друкарському тексті підкреслення і яскравість мають те ж значення, що і при виведенні на екран. Інверсія відповідає курсиву. Мигання не має загальноприйнятого аналога.

Особливості відображення тексту і чисел на екрані.

Текст, що виводиться на екран, може мати різне призначення:

- він може бути носієм основної інформації;

- може використовуватися для дачі вказівок користувачеві;

- для висновку повідомлень про помилки;

- для попереджень;

- для пояснень і відповідей на питання;

- і так далі

Якщо виводиться не однорідний текст, а декілька фрагментів, що мають різне призначення, вони повинні відділятися один від одного на екрані одним з розглянутих вище способів(розділенням екрану на частини, в кожну з яких поміщається текст певного виду; виділенням кольором різних областей екрану; застосуванням різних шрифтів, і так далі)

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

1. Одно текстове повідомлення, що виводиться на екран, повинне містити одну закінчену думку. Кількість думок, що містяться на екрані, може бути збільшена до 3, але якщо вони поміщені в одне повідомлення, виникнуть труднощі при сприйнятті такого повідомлення користувачем.

2. Кожен вид інформації, що виводиться на екран, бажано забезпечувати заголовками. Користувач не повинен гадати, до чого відноситься це повідомлення.

3. Заголовки обов'язкові при виведенні на екран великих текстів по сторінках(наприклад, звітів пояснень до полученнным результатів рішення...). Заголовками потрібне снебжать як сам текст, так і окремі його розділи. Будь-який кадр, виведений на екран, сприймається у зв'язку з кадрами, що з'являлися раніше, і тим способом, яким користувач привів програму в цей стан. Заголовки дозволяють користувачеві чіткіше орієнтуватися в діях ЕОМ. ЕОМ - це співрозмовник, у якого не завжди можна запитати : "Про що ти"?.

Заголовок і повинен орієнтувати користувача.

4. При посторінковому виведенні текстів бажано заголовок тексту, що виводиться, або його розділу(так само, як і номер екранної сторінки, що виводиться) постійно тримати на екрані в області повідомлень.

5. При посторінковому введенні тексту не слід перевантажувати сторінку(см правило 1). Строгого рецепту по обмеженню об'єму матеріалу, що виводиться на сторінці екрану, немає. Але якщо виникає хоч би підозра, що сторінка переобтяжена, слід перейти до наступної сторінки.

6. Щоб довгі тексти легше було читати, текст треба розбивати на короткі абзаци. Проте, при розбитті на абзаци необхідно забезпечувати логічну їх завершеність.

7. Угрупування інформації на екрані повинне виконуватися на основі логіки користувача, в звичному для нього виді. При розробці системи користувачеві необхідно запропонувати декілька варіантів розміщення інформації, і реалізувати в системі вибраний їм.

8. При виведенні тексту на екран необхідно користуватися і прописними, і рядковими буквами.

9. У заголовках перенесення використати украй небажано.

10. При використанні засобів для виділення найбільш інформативних частин тексту, слід проявляти послідовність, застосовуючи в схожих ситуаціях одні і ті ж засоби. Кожен такий засіб є своєрідним кодом. Хоча умови застосування такого коду ніде не обмовлялися, користувач, зустрівшись кілька разів з тим, що заголовки виділяються инферсией, робить для себе висновок(чаще-неосознанно), що інверсія пов'язана із заголовком.

Застосування в тексті інверсії і для іншої мети приведе до порушення логіки оформлення тексту, що створить для користувача трудності в його сприйнятті, відволікатиме його увага.

11. Не слід перевантажувати текст різноманітністю засобів для виділення інформації, оскільки користувач легко орієнтуватися в середовищі трьох інформаційних кодів, може погодитися з використанням п'яти кодів. Але текст, в якому використовується 7 і більше кодів без спеціальної підготовки сприйняти йому буде важко.

12. При виведенні на екран числових стовпців, між стовпцями необхідно залишати не менше 2 інтервалів.

13. Вирівнювання чисел в стовпцях необхідно проводити по десятковій точці. Це полегшує їх читання і аналіз.

14. Кожен стовпець чисел, що виводяться, повинен супроводжуватися шапкою згори стовпця, величини, що означає найменування, характеризується числами, і одиницю виміру.

15. Окреме число(чи ряд незв'язаних між собою чисел), наочніше виводити у виді:

<найменування>: <число> <одиниця виміру>

16. У чисел(що особливо-характеризують одну і ту ж величину), що виводяться, має бути однакове число знаків праворуч від десяткової точки.
17. Якщо при виведенні інформації є можливість використати імена або номери, перевагу слід віддати іменам. Більше того, імена бажано виводити повні, по можливості, без скорочень.
Приклад. Порівняти наочність виведення ряду пов'язаних між собою числових даних(Таблиця 6) :

Выравнивание по левому краю	Выравнивание по десятичной точке	Выдача в строку
1.1	1.1	1.1.12.1.132.1.1.0, 80.2.122.2.14.7.. ..
12.1	12.1
132.1	132.1
1.0	1.0
80.2	80.2
122.2	122.2
14.7	14.7

Таблиця. 6. Різні способи виведення ряду пов'язаних між собою числових даних

Метод зрушення зображення по екрану(скролинг або метод прокрутки, або метод ролика) використовується досить часто, хоча і не є найкращим.

Введення методом ролика може проводитися зверху вниз, і від низу до верху.

При введенні зверху вниз спочатку заповнюється 1 рядок, потім 2, і так далі до повного заповнення екрану. Зображення при цьому залишається нерухомим, чергова підказка введення з'являється на новому рядку після завершення введення попереднього показника.

Якщо після заповнення екрану введення триває, то чергова підказка введення з'являється кожного разу на одному і тому ж месте-в останньому рядку екрану. Інша інформація при появі чергової підказки зрушується вгору на 1 рядок, причому, самий верхній рядок при такому зрушенні йде з поля зору.

Такий метод може бути виправданий, якщо в процесі введення користувачеві необхідно тримати в полі зору останні 10-20 значень введених даних.

До недоліків цього методу відносяться: по-перше - в першій частині введення(до повного заповнення екрану) зміщується те місце екрану, до якого має бути привернута увага користувача; і по-друге

- в другій частині відбувається небажане зрушення тексту по екрану(програма введення даних стає неохайною).

При введенні від низу до верху чергова підказка введення з'являється завжди в одному і тому ж місці - в нижньому рядку, інший текст переміщається по екрану вгору.

Метод зрушення зображення по екрану "згори-вниз" знайшов широке застосування в текстових редакторах. Зазвичай в них передбачаються засоби для переміщення у будь-яку сторону за текстом відрядковий, по кадрах, або скачках - в початок тексту, в його кінець, або в спеціально відмічені користувачем місця. При роботі з великими текстами такий режим сприяє природному процесу письмового викладу думок. Але для діалогового спілкування більше переваг у повноекранного введення і його різновидів.