Хром на прелистувачот и на корисничкиот интерфејс Институт за ергономија на софтвер и употребливост

„Хром“ е она што ги нарекуваме сите дополнителни елементи на кориснички интерфејси кои ги опкружуваат корисничките податоци и содржината на веб-страницата. Хром има тенденција да биде дебел и може да јаде половина од достапните пиксели за појадок, но до одреден степен ја подобрува употребливоста.

од Јакоб Нилсен (германски превод) - 30.01.2012 г.

На што мислиме кога зборуваме за хром во дизајнот на кориснички интерфејс? Ова неодамна го праша учесник на конгрес за време на курс за визуелен дизајн за мобилни уреди и таблети. Секогаш кога некој ќе постави вакво фундаментално прашање, претпоставувам дека и многу други луѓе ќе го сакаат одговорот - затоа овој напис за хром сега е.

дефиниција: Хром (англиски хром) се видливите елементи на дизајнот што им даваат на корисниците дополнителни информации за содржината на екранот или контролните елементи за нивното ракување (за разлика од реалните елементи на оваа содржина). Овие елементи на дизајнот се обезбедени од основниот систем - било да е тоа оперативен систем, веб-страница или апликација - и ги опкружуваат податоците на корисникот.
„Хром“ се случува да биде името на Интернет прелистувачот на Гугл, но јас овде не го користам терминот во таа смисла.

Не знам кој го смисли терминот „хром“, но веројатно тоа беше визуелна аналогија на хромирани метални делови на големи американски автомобили од 50-тите години на минатиот век: основната структура на автомобилот (во која седевте) беше опкружена на треперлив хром на браници, опашки на опашката итн.

Слично на тоа, на повеќето современи кориснички интерфејси, хромот е групиран околу работ на екранот и ја опкружува централната област резервирана за кориснички податоци.

Хромот на различните нивоа на систем

Еве неколку примери на хром, кои можат да варираат во зависност од основниот систем:

На компјутер со Виндоус, основниот систем е тој операционен систем Виндоус. Во Windows 7, хромот се состои од копчето за стартување, лентата со задачи, системското мени и корпата за отпадоци. Ние исто така може да ја сметаме областа на гаџети меѓу хромот, особено затоа што корисниците обично ги преземаат гаџетите што доаѓаат со системот. (Што има врска со инерцијата на корисникот и моќта на претходно поставените места).
Ако имате Апликативен софтвер користено, на пример, програма за обработка на текст, го наоѓаме хромот во лентата со мени, во лентата или во лентите со алатки, правилата, лентите за движење и разни специјални прозорци, како што е лентата за тезаурус во Word или палетата на бои и четки во Фотошоп.
На а веб прелистувач Хромот вклучува поле за адреса, ленти со алатки за прелистувачи, копчиња за прелистувачи, јазичиња, ленти за движење и полиња за статус.
На а мобилна апликација Хром често вклучува лента за статус преку горниот дел од екранот и лента со јазичиња со контролни икони подолу. Понекогаш има и лента за навигација под лентата за статус.
На а Веб-страница хромот вклучува ленти за навигација, подножја, логоа, брендирање, функции за пребарување итн.

Дебелината на хром: Не јадете ми пиксели!

Цената на хромот е јасна: Хром зафаќа простор на екранот, така што останува помалку простор за вистинската содржина или податоци. Ова е особено глупаво со мобилните уреди, каде што просторот на екранот е уште помал отколку со таблетите или компјутерите. Но, дури и на мојот 30-инчен монитор за канцеларија, комбинираниот хром на Windows и Excel значи дека можам да видам само 67 од 80-те редови на табелата што теоретски би се вклопиле на мојот екран. Значи, без хром, можев да видам околу 19% повеќе податоци.

Примерот во табелата покажува уште еден недостаток на хром: тој се акумулира, кога системите се вградени во слоеви на други системи, од кои секој има свој хром. На пример, да речеме дека користите Фејсбук. Во рамките на нормалниот прозорец на прелистувачот на компјутер, таблата со пинови на корисникот на Фејсбук зазема само околу 48% од веб-страницата; хромот на Фејсбук и потрошениот простор на екранот ги трошат преостанатите 52%. (Според нашата дефиниција, рекламирањето всушност не е хром - затоа што е бескорисно - но исто така е и надземно, поради што ве вклучувам овде.) Ако исто така го отстраните хромот од прелистувачот и оперативниот систем, се залагате за таблата помалку од 40% од просторот на екранот е достапен.

Кога анализирав бројни почетни страници на веб-страниците пред девет години, дојдов до заклучок дека за вистинска содржина е само излитена 20% од екранот корисникот остана. На денешните поголеми монитори, хромираниот надземен дел од оперативниот систем и прелистувачот е значително помал, па 40% што ги дава Фејсбук е веројатно доста репрезентативен за поголемите веб-страници.

Бидејќи акумулираниот хром често јаде повеќе од половина од нашите пиксели, едно упатство сигурно е тоа Проверка на дебелината на хром.

Второ упатство е да се разгледа дали Делови од хромот се привремено скриени и може да се изнесат само кога се потребни. Сепак, ова е опасно затоа што она што е надвор од видното поле често исчезнува од свеста - и дефинитивно не можете да се потпрете на краткорочната меморија на корисникот при дизајнирање кориснички интерфејси. Хром, кој привремено исчезнува, работи само кога тоа го правите

а едноставен и сигурен Користете операција за враќање на хромот (не користете нејасни гестови или оние што можат случајно да се активираат).
на карпеста тврдина конзистентност осигурете се дека постоењето на скриениот хром е досадно во долгорочната меморија на корисникот преку прекумерно повторување и дека нема отстапувања или исклучоци што можат да го нарушат процесот на учење.

Предностите на хромот

И покрај неговата цена, хромот има значителни предности:

Во крајна линија е дека хромот е добар за употребливост. Но, не претерувајте.