Праблемы пераходу на гарызантальнай навігацыі

Дызайнеры CNN.com нядаўна перагледзелі сваю хатнюю старонку, пераход ад левай, вертыкальнай схемы навігацыі для топ-старонак, гарызантальнай. Яны нават стварылі старонку, якая падкрэслівае іх змены.

Цікава, што дызайнеры не змяніліся (або яшчэ не змянілася) ўнутраныя старонкі сайта, кіраванне ўзгодненасці настроеныя дызайнеры гайкі ўсюды. На шчасце, аднак, гэта дае нам магчымасць паглядзець уважліва на рашэнні, якія яны зрабілі, і, каб вылучыць некалькі праблем, звязаныя з такім змяненнем.

Вось тое, што сваёй галоўнай старонкі глядзеў, як гэта нядаўна:

А вось тое, што інтэр'ер старонка выглядае вось так:

Як вы можаце бачыць, макет рэзка змянілася. Змест быў зрушаны налева, дзе рух раней. Навігацыі ў цяперашні час у тонкім сіняя паласа ў верхняй частцы старонкі. Гэта станоўчы эфект рухаюцца візуальны вага ад навігацыі і да фактычнай гісторыі. Пры навігацыі злева, нашы вочы instinctly звяртаецца да яе, нават калі мы ўжо ведаем, што гэта такое. Гэта замінае ўвагі, аднак мала, меней прыкметныя ў новай гарызантальнай канструкцыі.

Каб атрымаць гэта змяненне, дызайнеры не проста паставіць левай навігацыйнай кнопкі з канца ў канец у верхняй частцы старонкі. Не, яны павінны былі зрабіць некалькі варыянтаў дызайну. Большасць з гэтых варыянтаў былі пад уплывам шырыні старонкі і колькасць спасылак, яны працуюць з.

1. даўжыня скарачаецца Спасылка
   Адна з першых рэчаў, якія змяняюцца пры навігацыі ідзе гарызанталі даўжынёй спасылкі. У дызайн CNN, дызайнеры скарочана некалькі спасылак. "Бізнэс на CNN Money" стаў "Бізнес". "Спорт як SI.com" стаў "Спорт". "Аўтамабілі з Edmunds.com" стаў "Аўта". І "Спецыяльныя справаздачы" стаў проста "Спецыяльныя".

   Наша даследаванне тут, у ИЮО паказаў, што больш за спасылку, тым лепш яна працуе. У гэтым выпадку, аднак, гэта не падобна, многае страцілі, калі спасылкі былі высечаны. Быў "на CNN Money" сапраўды дадання якіх-небудзь адпаведнай інфармацыі "Бізнес" спасылка? Напэўна, не шмат. Тым не менш, скарачэнне "Спецыяльны справаздачу", каб проста "Спецыяльныя", здаецца, страціла што-то.

   Панэлі навігацыі, аднак, з'яўляюцца прыватным выпадкам спасылкі. Увогуле, мы бачылі, словам, адным словам навігацыйныя спасылкі работы на самым высокім узроўні навігацыі на сайтах, калі падраздзелаў адносна розныя. Аднак, як вы глыбей унікаць сайце спасылкі, як правіла, працуюць лепш, калі яны даўжэй, таму што яны павінны ўтрымліваць больш інфармацыі, што адрознівае іх ад сваіх братоў і сясцёр. Напрыклад, "Спорт" і "Бізнес" два адносна розных катэгорый, таму стварэнне верхняга ўзроўню навігацыйныя спасылкі толькі з гэтых слоў можа быць дарэчным. Але калі на "Бізнес" даччыныя, ўсё мае дачыненне да бізнэсу, таму спасылкі неабходна выразна адрозніваць, што гэтыя адрозненні. Чым больш словаў Ёсць у сувязях, тым лягчэй гэта зрабіць.

2. # Навігацыі выбар змены
   У вертыкальнай канфігурацыі NAV на пад-CNN, Ёсць 17 выбар навігацыі. У гарызантальнай канфігурацыі NAV на галоўнай старонцы Ёсць толькі 12. Дызайнеры скараціць выбар, каб захаваць прастору. Там не было б дастаткова месца, каб паставіць усё 17 на гарызантальнай навігацыйнай панэлі пры той жа шырыні старонкі.

   Для таго, каб захаваць той жа выбар навігацыі як і раней, дызайнеры вырашылі выкарыстаць выпадальнага спісу правесці пакінутыя спасылкі. Гэта распаўсюджаны метад, які дызайнеры выкарыстоўваюць, калі яны не хочуць, каб паставіць усе спасылкі на старонцы ў той жа час. Аднак нашы даследаванні паказалі, зноў і зноў, што выпадаючыя і Усплываючыя акна не працуюць вельмі добра. Нашы класічныя артыкуле карыстальніка Вырашыце спачатку перамясціць Другі кажа аб гэтым больш падрабязна.

   Як вынік, я б паспрачацца, што гэтыя сувязі ў выпадальным менш людзей націску на іх, чым яны зрабілі, калі яны былі ў вертыкальнай навігацыйнай панэлі. Прычына простая: людзі павінны працаваць, каб іх бачыць цяпер.

3. Прыярэтызацыя выбар
   Дызайнеры CNN не проста ўзяць апошнія пяць спасылкі і пакласці іх у выпадальным. Калі б яны зрабілі, яны б абралі "Падарожжы", "Адукацыя", "Спецыяльны справаздачу", "Відэа" і "Аўта". Замест гэтага яны абралі "Закон", "Навука і космас", "Падарожжы", "Адукацыя" і "Відэа". Відавочна, што дызайнеры лічылі, што "Аўта" з'яўляецца больш важным, чым "права" і "Спецыяльныя справаздачы" яшчэ быў больш важным, чым "Навука і космас". Яны зроблены відавочныя рашэнні прыярытэты адных над іншымі.

   Гэта агульная праблема праблемы мы бачым, з пераходам на гарызантальнай навігацыі. У нейкі момант, усе павінны быць скарочаныя. Замест таго каб губляць значэнне, аднак, дызайн каманды могуць выкарыстоўваць гэта як магчымасць зрабіць сайт моцным упорам на тое, што найбольш важным на гэтым сайце. Мы бачылі шмат каманд дызайн паспрабуйце ўключыць усе пад сонцам у сваім вэб-сайце, калі амаль ва ўсіх выпадках пераважная большасць наведвальнікаў прыходзяць на невялікай палосцы змест.

Гэтыя тры відавочныя праблемы дызайну, што камандзе прыйшлося сутыкнуцца пры пераходзе на гарызантальную схему навігацыі. Большасць каманд вырашэнні гэтага пытання вельмі сутыкнецца гэта і многае іншае. У вас ёсць цікавыя задачы з апошніх перайсці да гарызантальнай навігацыі? Разглядаеце Ці вы такі крок?