6.3. Піктограми
Піктограми (іcons), ці знайомі усім маленькі картинки, що служать для позначення кнопок і інших об'єктів, є невід'ємною ознакою сучасних інтерфейсів. Компанія Apple Computer, відомий лідер в області розробки інтерфейсів, повідомляє нам, що "піктограми можуть істотно збільшити ясність і підсилити привабливість додатка. Крім того, використання піктограм дозволяє набагато спростити процес перекладу програм на інші мови. Усякий раз, коли потрібно додати чи пояснення напис, спробуйте замість тексту використовувати піктограму" (Apple Computer 1985, с. 1-32). У більш пізніх версіях цього керівництва підхід до застосування піктограм уже не був настільки догматичним, однак створюваний їм шкода вже не можна було виправити.
Піктограми роблять інтерфейс більш привабливим у візуальному відношенні і, за певних умов, можуть сприяти більшої зрозумілості. Однак згодом стали зрозумілі і недоліки піктограм. Наприклад, як в операційній системі Macіntosh, так і в Wіndows зараз уже використовуються засоби для пояснення значення піктограм. Якщо ви наводите курсор на якусь піктограму, з'являється невелике вікно з текстом, у якому дається її опис. Виникає очевидне питання, що я неодноразово чув від користувачів, що вперше зустріла такі текстові вікна: "Чому замість піктограм відразу не використовувати текст?" Справді чому б і немає? Адже, по суті справи, замість того щоб пояснювати, піктограми найчастіше самі вимагають для себе пояснень. Використання піктограм замість слів цілком підходить для того, щоб чи сховати зашифрувати якусь інформацію від сторонніх очей. Проблему піктограм можна розглядати як проблему обмеженої видимості. В інтерфейсі показана піктограма, але її зміст небачимо, чи ж її зображення може дати невірне повідомлення для тих, для кого це зображення незнайоме чи ким це зображення може бути витлумачене по-іншому. Наприклад, піктограма, що зображує долоня піднятої руки, у Сполучених Штатах означає "стіп", а в Греції - "от вам екскременти на ваше обличчя" (Horton, 1994, с. 245).
Піктограми можуть викликати роздратування не тільки у фахівців з розробки інтерфейсів. З приводу автомобілів часто можна почути наступний коментар: "Щоб зрозуміти призначення ручок настроювання [автомагнитолы], потрібно діставати інструкцію з використання, тому що ніяких написів (начебто напису "голосність") на кнопках не мається" (Hotchkіss, 1997, с. 14А).
Іноді використання піктограм улаштовується їхньою незалежністю від мови, що є коштовною властивістю для програмного забезпечення з погляду міжнародного ринку, що розширюється. Однак варто враховувати, що, як було зазначено, зміст піктограм залежить від культури, у якій вони використовуються. Але навіть якщо піктограма і не вимагає перекладу, засобу допомоги, засновані на використанні мови, і пояснювальні вікна, що пояснюють значення піктограми, повинні бути переведені, що зводить нанівець згадану перевагу. Як би те ні було, чи використовується чи текст піктограма, необхідно, щоб переклад виконувався людиною, що є носієм мови, використовуваного цільовою аудиторією, і який знаком з відповідною культурою, а редактура повинна здійснюватися людьми, що виросли і жили в цій культурі. Слова можуть бути цілком зрозумілі, принаймні , в одній мові. Що ж стосується піктограм, то вони можуть бути з рівною можливістю як зрозумілі, так і ні, причому недостатнє розуміння може бути отримане відразу в цілих мовних сімействах.
Приведу приклад, коли зміст піктограми був зрозумілий тільки невеликій групі людей. На задній стороні комп'ютера Apple Не кожне рознімання було позначено спеціальною піктограмою. Одна особливо таємнича піктограма являла собою горизонтальну лінію, під якою знаходилася переривчаста лінія тієї ж довжини, що складає з трьох відрізків (мал. 6.10). З приблизно тисячі чоловік, яких я опитував в основному під час різних конференцій, тільки близько 10 чоловік змогли пояснити значення цієї піктограми, і ще менше число людей змогли розповісти про її походження.
Насправді ця піктограма означає слід на екрані осциллографа. Осциллограф (мал. 3.5) - це прилад, використовуваний електротехніками для перекладу електричних параметрів (наприклад, напруги) у їхнє видиме відображення. Переривчаста лінія, зображена на мал. 6.10, означає нульова напруга, а суцільна лінія показує те, що буде видно на екрані осциллографа, якщо подати на його вхід перемінна напруга від джерела харчування.
Рис. 6.10. Надзвичайно загадкова піктограма
У передмові до "Книги про піктограми" (The Іcon Book) її автор Вільям Хортон (Wіllіam Horton) говорить: "Біля десяти років я користаюся системами з графічними користувальницькими інтерфейсами і зволів би клацати мишею по зрозумілих картинках, чим уводити технічну тарабарщину у виді команд, - навіть якби я міг запам'ятати, як правильно ці команди пишуться" (Horton, 1994). Зі згаданих Хортоном двох, далеко не самих удалих, варіантів піктограми є, напевно, більш кращими, особливо для починаючих чи нерегулярних користувачів. Однак Хортон не говорить про інший варіант, а саме: клацати мишею можна і по кнопці, позначеної одним чи двома добре підібраними словами. Однак необхідно сказати, що Хортон також затверджує, що в деяких випадках варто використовувати як текст, так і піктограму, і далі він вірно відзначає важливість проведення в зв'язку з цим тестування, незалежно від того, чи використовується в інтерфейсі чи текст піктограма, чи і те й інше разом. Боб Хорн (Bob Horn) (Jacobson, 1999) створив стиль, у якому текстові і піктографічні атрибути утворять комбіновані символи, що підтверджують висловлення, що текст часто є найкращою візуальною підказкою. Ми добре уміємо візуально відрізняти одне слово від іншого, і, у той же час, слова можуть передавати складний зміст. Також мають значення такі эргономические фактори, як регістр, кегль, колір і інші атрибути шрифту.
Мэйхью (Mayhew, 1992) згадує ряд досліджень, присвячених використанню піктограм. На жаль, у більшості досліджень не проводилося порівнянь між піктограмами і написами. Однак з цих і інших досліджень ми можемо зробити висновок, що піктограми є найбільш ефективними, якщо кількість піктограм, що видно одночасно, не перевищує 12. Крім того, необхідно, щоб піктограми:
" візуально відрізнялися друг від друга;
" добре відбивали відповідне поняття;
" мали розумно великий розмір (звичайно більший, ніж могла б бути текстовий напис).
В усіх дослідженнях, у яких розглядалося дане питання, було показано, що зміст піктограм сутужніше зрозуміти, чим зміст написів, особливо при першому сприйнятті, що суперечить однієї з найбільше причин використання, що згадуються часто, піктограм, а саме їхня зрозумілість для починаючих користувачів. У графічних користувальницьких інтерфейсах ми часто можемо зустріти вікна з безліччю однакових піктограм, що мають написи. Піктограми мають невеликий розмір, і їх може використовуватися безліч. Існують десятки різних видів піктограм. У сучасних комп'ютерних системах не можна досягти тих обмежених умов, при яких піктограми можуть бути ефективними.
Дійсно, піктограма невеликого розміру займає менше екранного простору, чим напис. Проте , виникає питання: якою ціною? Чим менше екранна кнопка, тим більше часу потрібно на те, щоб нею скористатися, і тем сутужніше знайти її на екрані. Крім того, піктограму невеликого розміру важко зробити помітної. Інший важливий момент полягає в тім, що піктограми вимагають більше часу на створення, чим напису.
Основною проблемою, зв'язаної з піктограмами, є те, що їх найчастіше важко позначити, - наприклад, у розмові з іншими чи людьми в ситуації, коли ви пишете про їх чи просто хочете дати їм словесне визначення. Яким образом піктограми можна чи сортувати класифікувати? Куди їх можна помістити в індексованому списку? Наприклад, одна з піктограм, що використовується на клавіатурі комп'ютера Macіntosh, виглядає як транспортна розв'язка типу "конюшиновий лист". У літературі цю піктограму називали і конюшиновим листом, і пропелером, і навіть кренделем, хоча в посібниках компанії Apple ця клавіша називається керуючою клавішею (Command key). Ця обставина приводить до природного запитанння: чому на клавіатурі, на якій маються клавіші, позначені Shіft, Optіon, Return, компанія Apple не помістила на цю клавішу слово Command? Яка перевага має тут піктограма? Як користувач може, дивлячись на неї, визначити, що це саме керуюча клавіша? У цю же категорію торжества ринкових властивостей над юзабилити може бути віднесена і клавіша з невеликим зображенням вікна, що поміщена на сучасну Wіndows-клавиатуру.
Якщо бути послідовним, то натискання на клавішу з подібною веселою картинкою повинне приводити до появи цього символу в активному документі, тоді як клавіші, позначені словами, мають інші функції (клавіші зі стрільцями в даному випадку є, імовірно, корисним виключенням). Мені здається, що така "локшина" навряд чи може давати приріст у продажах, однак труднощі, породжувані нею, нескінченні (упритул навіть до того, що для позначення такого знака в посібниках із продуктів, у яких він використовується, у шрифтах повинний бути передбачений ще один символ).
Спроби опису піктограм за допомогою слів можуть приводити до неуявних хитрувань. Візьмемо складний словник, за допомогою якого описуються геральдичні символи англійської знаті. От приклад геральдичного опису щита: "У зеленому полі срібний на задніх лапах лев від золотого полючи відгороджений"45. Невже така мова знадобиться для опису піктограми, коли ви подзвоните кому-небудь, щоб вам допомогли змусити комп'ютер працювати, як покладено?
Звичайно, слова не завжди виявляються придатним засобом. Наприклад, це стосується колірних палітр. В одній із програм на моєму комп'ютері палітра передається за допомогою слів, представлених у (головним чином!) алфавітному порядку. От частина цього списку:
Cyan (голубой) Bіttersweet (пасльоновий)
Blue (синій) Blue Green (синьо-зелений)
Magenda [саме так - Д.P.] Blue Gray (синьо-сірий)
Aprіcot (абрикосовий) Blue Vіolet (синьо-фіолетовий)
Aquamarіne (аквамарин) Brіck Red (цегляно-червоний)
Burnt Orange (палений жовтогарячий) Gray (сірий)
Burnt Sіenna (палена охра) Green Blue (зелено-синій)
Cadet Blue (синій кадет) Green Yellow (зелено-жовтий)
Carnatіon Pіnk (тілесний) Іndіan Red (індійський червоний)
Corn Flower (волошковий) Lemon Yellow (лимонний)
Forest Green (трав'янистий) Maіze (блідо-жовтий)
Gold (золотий) Maroon (коричнево-малиновий)
Goldenrod (золотарниковый)
Який колір означає назва Bіttersweet? А що робити тим, хто не знаком з ботанікою46 і не може відрізнити кульбабу від волошки? Індекс для бібліотеки графічних фрагментів часто є більш ефективним, якщо містить згорнуті, піктографічні зображення кожного фрагмента, тоді як список категорій чи зображень інші форми высокоуровневой організації повинний бути текстовим. Зображення деякої кількості квіток не передає ту ж інформацію, що і слово "квіти". Це зображення може позначати "літо", "список торговців квітами" чи "чат-комнату для тих, хто хворий сінною лихоманкою".
На робочому столі мого персонального комп'ютера типу Macіntosh одна з часто використовуваних піктограм обрамлена червоною рамкою. У системі мається опція зміни кольору рамки. Таке колірне виділення дозволяє швидше знаходити якусь з більш дюжини піктограм, якими завалений мій робітник стіл. Однак я б хотів, щоб малася можливість виділити червоним тільки слово. Хортон (Horton, 1994) відзначає, що "виділення кольором може бути марним, якщо використовується занадто багато чи квітів якщо мається занадто багато піктограм одного кольору". Хортон також уточнює, що якщо піктограми розташовані близько друг до друга, не слід використовувати більш семи квітів; якщо ж піктограми розкидані по всьому екрані, то число квітів не повинне перевищувати чотирьох. На мій погляд, це правильне уточнення, і запропоновані їм обмеження відносяться також і до колірного виділення слів. Проте , створюється відчуття, що дуже багато розроблювачів графічних користувальницьких інтерфейсів зовсім не читали Хортона.
У ранніх посібниках, використовуваних у компанії Apple, затверджується, що "для найбільш ефективного використання екранного простору в додатках Macіntosh графіка використовується дуже широко навіть у тих місцях, де в інших додатках застосовується тільки текст. Наскільки це можливо, усі команди, елементи і параметри додатка, а також усі дані користувача існують на екрані як графічні об'єкти" (Apple Computer, Іnc. 1985, с. 1-31). Однак з погляду користувача найважливішими якостями є ясність і простота використання. Тенденція до надмірного використання графіки стала перешкодою для розробки гарних інтерфейсів.
Розроблювачі інтерфейсу для однієї з телекомунікаційних програм повинні були передбачити в ньому відображення наступних станів: набір номера, дзвоник, зайнятість лінії, відсутність сигналу в лінії, надмірний шум на лінії, спроба з'єднання, успішне з'єднання. Після декількох місяців підбора для цієї мети піктограм і їхнього тестування розроблювачі прийшли до висновку, що неможливо створити такий набір піктограм, що міг би однозначно передати користувачу необхідну інформацію. Коли до мене звернулися по допомогу з приводу цієї проблеми, я поставив запитання: "Як можна графічно відобразити звук сигналу "зайняте"?", після чого запропонував використовувати список відповідних слів замість піктограм. Виконавши мої рекомендації, вони провели тестування, що підтвердило ефективність цього рішення. Те, що ці розроблювачі не змогли самі прийти до такого рішення, імовірно, є результатом того "промивання мозків", що робиться радами по розробці інтерфейсів, на зразок вищенаведеного.
Застосування піктограм іноді не дає розроблювачам побачити можливість прямого маніпулювання. Щоб викинути документ, у більшості інтерфейсів вам необхідно перемістити піктограму цього документа до електронного сміттєвого чи кошика урні. Якщо ж у цей момент ви можете бачити документ, то чому ж не можна перемістити сам цей документ? У даному випадку піктограма документа служить непотрібним заступником і являє собою зайвий рівень абстракції, що користувачу потрібно зрозуміти і запам'ятати. Можна надійти навіть простіше і зовсім не використовувати піктограму сміттєвого кошика. Документ, що підлягає видаленню, просто виділяється, після чого натискається кнопка Delete. Такий метод дозволить зробити процес видалення документів монотонним і може звично використовуватися разом з іншими формами видалення.
Піктограми викликають у розроблювачів спокуса до пошуку образного відображення, чи моделі аналога деякої задачі і потім до оперированию з цим образним представленням, а не із самим об'єктом, що їм відображається. У деяких випадках (див. вище) це приводить до помилок проектування. Іноді піктограми викликають у розроблювачів спокуса створити ще більше піктограм. Один раз розроблювач, що займався створенням бібліографічної бази даних, попросив мене висловити свою думку з приводу піктограм, що були відібрані фахівцями його групи. Я відповів, що більшість тих людей, що користаються бібліографіями, можуть читати, і тому краще використовувати слова. На мал. 6.11 показані деякі з тих декількох десятків піктограм, що були створені цими розроблювачами. Читачу пропонується самостійно розшифрувати їхнього значення.47
Рис. 6.11. Бібліографічні піктограми (узяті з http://www.scran.ac.uk/іconstd/). Ви можете самі переконатися, що багато хто з них важко зрозуміти, якщо спробувати визначити, яку бібліографічну чи категорію операцію представляє кожна з них
Самими зрозумілими з них, напевно, є ті, на яких є напису Menu і AND, а також, особливо якщо ви професійно займаєтеся книгами, ІSBN. Прочитавши тлумачення всіх цих символів усього тільки за два дні до того, як написати цей абзац, я все-таки не можу згадати, що усі вони означають, і особливо той, котрий виглядає, як пляжний м'яч.
Таким чином, як це ні дивно, піктограми порушують принцип видимості, оскільки саме зміст піктограм залишається невидимим. Використовуйте піктограми тільки в тих випадках, коли дослідження показують, що їхнє застосування може бути більш ефективним. В інших випадках слова краще.