Chrome в браузъра и в потребителския интерфейс

"Chrome" е това, което наричаме всички допълнителни елементи на потребителски интерфейси, които обграждат потребителски данни и съдържанието на уебсайт. Chrome обикновено е затлъстял и може да изяде половината от наличните пиксели за закуска, но до известна степен подобрява използваемостта.

от Якоб Нилсен (немски превод) - 30.01.2012

Какво имаме предвид, когато говорим за хрома в дизайна на потребителския интерфейс? Това наскоро попита участник в конгреса по време на курс по визуален дизайн за мобилни устройства и таблети. Винаги, когато някой зададе основен въпрос като този, предполагам, че много други хора също ще искат отговора - така че сега тази статия за хрома.

определение: Chrome (на английски chrome) са видимите елементи на дизайна, които дават на потребителя допълнителна информация за съдържанието на екрана или контролни елементи за тяхната работа (за разлика от действителните елементи на това съдържание). Тези елементи на дизайна се предоставят от основната система - било то операционна система, уебсайт или приложение - и обграждат потребителските данни.
„Chrome“ е името на интернет браузъра на Google, но тук не използвам термина в този смисъл.

Не знам кой е измислил термина "хром", но вероятно това е визуална аналогия с хромираните метални части на големи американски автомобили от 50-те години: основната структура на колата (в която сте седнали) е била заобиколена от блестящ хром на брони, перки на опашката и др.

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

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

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

На компютър с Windows основната система е това операционна система Windows. В Windows 7 chrome се състои от бутона за стартиране, лентата на задачите, системното меню и кошчето. Бихме могли да преброим и зоната на притурката сред хрома, особено защото потребителите обикновено поемат притурките, които се доставят със системата. (Което е свързано с инерцията на потребителя и силата на предварителните настройки.)
Ако имате Приложен софтуер използвани, например програма за текстообработка, намираме хрома в лентата с менюта, в лентата или в лентите с инструменти, линийки, ленти за превъртане и различни специални прозорци като лентата на тезауруса в Word или палитрата от цветове и четки в Photoshop.
В a уеб браузър Хромът включва адресното поле, лентите с инструменти на браузъра, бутоните на браузъра, разделите, лентите за превъртане и полетата за състоянието.
В a мобилно приложение Chrome често включва лента на състоянието в горната част на екрана и лента с раздели с контролни икони отдолу. Понякога има и лента за навигация под лентата на състоянието.
В a Уебсайт Chrome включва лентите за навигация, долните колонтитули, логата, марката, функцията за търсене и т.н.

Затлъстяването на Chrome: Не ми изяждайте пикселите!

Цената на хрома е ясна: Chrome заема място на екрана, така че да остава по-малко място за действителното съдържание или данни. Това е особено глупаво при мобилните устройства, където пространството на екрана е дори по-оскъдна стока, отколкото при таблетите или компютрите. Но дори и на моя 30-инчов офисен монитор, комбинираният хром на Windows и Excel означава, че мога да виждам само 67 от 80 реда в таблицата, които теоретично биха паснали на моя екран. Така че без хром, можех да видя около 19% повече данни.

Примерът в таблицата показва друг недостатък на хрома: it се натрупва, когато системите са вградени в слоеве от други системи, всяка от които има свой собствен хром. Да приемем например, че използвате Facebook. В рамките на нормален прозорец на браузъра на компютъра, таблото на потребителя във Facebook заема само около 48% от уебсайта; Facebook хромът и загубеното пространство на екрана изяждат останалите 52%. (Според нашето определение рекламата всъщност не е хром - защото е безполезна - но също така е и режийна, поради което ви включвам тук.) Ако премахнете и хрома от браузъра и операционната система, вие сте за щифта на потребителя по-малко от 40% от пространството на екрана е налично.

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

Тъй като натрупаният хром често изяжда повече от половината от нашите пиксели, една насока със сигурност ще бъде това Поддържане на затлъстяването на хрома.

Второ ръководство е да се прецени дали Части от хрома са временно скрити и могат да бъдат изведени само когато са необходими. Това обаче е опасно, защото това, което не се вижда, често изчезва от съзнанието - и определено не можете да разчитате на краткосрочната памет на потребителя при проектирането на потребителски интерфейси. Chromium, който временно изчезва, работи само когато го направите

а просто и надеждно Използвайте операция за извикване на хрома (не използвайте размити жестове или такива, които могат да бъдат случайно задействани).
на скална крепост последователност гарантира, че съществуването на скрития хром е пробито в дългосрочната памет на потребителя чрез прекомерно повтаряне и че няма отклонения или изключения, които биха могли да подкопаят учебния процес.

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

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

Изводът е, че хромът е полезен за използваемост. Но не прекалявайте.