Chrome у браузері та на інтерфейсі користувача Інститут програмної ергономіки та зручності використання

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

Якоб Нільсен (німецький переклад) - 30.01.2012

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

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

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

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

Хром різних системних рівнів

Ось кілька прикладів хрому, який може відрізнятися залежно від основної системи:

На ПК з ОС Windows основна система операційна система Windows. У Windows 7 chrome складається з кнопки «Пуск», панелі завдань, системного меню та кошика. Ми також могли б зарахувати область гаджетів до хрому, особливо тому, що користувачі зазвичай беруть на себе гаджети, що входять до системи. (Це пов’язано з інерцією користувача та потужністю попередньо встановлених налаштувань.)
Якщо у вас є Програмне забезпечення використовується, наприклад, програма обробки текстів, ми знаходимо хром у рядку меню, на стрічці або в панелях інструментів, лінійках, смугах прокрутки та різних спеціальних вікнах, таких як панель тезауруса в Word або палітра кольорів та пензлів у Photoshop.
На веб-браузер Chrome включає поле адреси, панелі інструментів браузера, кнопки браузера, вкладки, смуги прокрутки та поля стану.
На мобільний додаток Chrome часто включає рядок стану у верхній частині екрана та панель вкладок із піктограмами керування внизу. Іноді під рядком стану також є панель навігації.
На Веб-сайт chrome включає навігаційні панелі, колонтитули, логотипи, брендинг, функції пошуку тощо.

Ожиріння Chrome: не їжте мої пікселі!

Вартість хрому зрозуміла: Chrome займає простір на екрані, так що залишається менше місця для фактичного вмісту або даних. Це особливо дурно з мобільними пристроями, де місця на екрані навіть дефіцитніше, ніж із планшетами чи ПК. Але навіть на моєму 30-дюймовому офісному моніторі поєднаний хром Windows та Excel означає, що я бачу лише 67 із 80 рядків таблиці, які теоретично поміщаються на моєму екрані. Тож без хрому я міг побачити приблизно на 19% більше даних.

Табличний приклад показує ще один недолік хрому: він накопичується, коли системи вбудовані в шари інших систем, кожна з яких має свій власний хром. Наприклад, припустимо, ви користуєтесь Facebook. У звичайному вікні браузера на ПК користувальницька плата Facebook займає лише близько 48% веб-сайту; хром Facebook і марно витрачений простір на екрані з’їдають решту 52%. (Згідно з нашим визначенням, реклама насправді не є хромованою - адже вона марна - але вона також є загальновиробничою, саме тому я включаю вас сюди.) Якщо ви також видалите хром із браузера та операційної системи, ви виступаєте за щип користувача доступно менше 40% простору на екрані.

Дев'ять років тому я проаналізував ряд домашніх сторінок веб-сайтів, і прийшов до висновку, що для фактичний вміст лише пошарпаний 20% екрану користувач залишився. На більших моніторах сьогодні хромована частина операційної системи та браузера значно менша, тому 40%, що надає Facebook, є, мабуть, досить репрезентативними для великих веб-сайтів.

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

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

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

Переваги хрому

Незважаючи на свою вартість, хром має значні переваги:

Суть в тому, що хром корисний для зручності використання. Але не перестарайтеся.