6.1.2 好的導(dǎo)航就是成功的一半

導(dǎo)航的自我解釋

虛擬的互聯(lián)網(wǎng)世界沒有現(xiàn)實世界中明顯的方向感,不明確的導(dǎo)航和位置信息可能導(dǎo)致用戶迷失方向慈格。成功的導(dǎo)航設(shè)計可以自我解釋丐巫,讓用戶在導(dǎo)航系統(tǒng)中清楚地認(rèn)識到信息結(jié)構(gòu)和自己所處的位置,為用戶解釋“我從哪里來漾根?”厚宰、“我現(xiàn)在在哪里巢价?”、“我能去哪里固阁?”的問題壤躲。

面包屑“Home>Fashion>Women's”記錄了用戶的訪問路徑,用戶可以通過它回到之前訪問過的任一層級的頁面备燃。界面中的導(dǎo)航設(shè)計元素同樣反應(yīng)出網(wǎng)站的信息結(jié)構(gòu)碉克。左上方的網(wǎng)站Logo告訴用戶正在訪問eBay的服務(wù)。無論什么時候并齐,點擊這里漏麦,都可以回到網(wǎng)站首頁。Logo下面的標(biāo)題“FASHION”告訴用戶整個頁面的信息都是屬于這個分類下况褪∷赫辏“FASHION”旁邊的導(dǎo)航欄中,“WOMEN”一項高亮顯示测垛,標(biāo)明了用戶的準(zhǔn)確位置捏膨。用戶可以選擇與“WOMEN”平級的導(dǎo)航,瀏覽“FASHION”類目下的其他內(nèi)容,也可以通過“WOMEN”下一層級的子導(dǎo)航号涯,尋找更加細(xì)分類目下的女裝商品目胡。整個導(dǎo)航系統(tǒng)與面包屑相呼應(yīng),清楚地解釋了“我從哪里來链快?”誉己、“我現(xiàn)在在哪里?”域蜗、“我能去哪里巨双?”的問題。

深廣度平衡

在導(dǎo)航的信息組織中霉祸,層級的數(shù)目可以稱為導(dǎo)航的深度筑累,每一層級中包含的菜單項數(shù)可以稱為導(dǎo)航的廣度。在設(shè)計導(dǎo)航結(jié)構(gòu)時脉执,要考慮到深度與廣度的平衡,也就是縱向的層級數(shù)戒劫,與橫向的選項數(shù)的平衡半夷。

如果導(dǎo)航深度過深,用戶就需要耗費(fèi)多次點擊迅细,才能找到所需信息巫橄。互聯(lián)網(wǎng)的世界紛繁復(fù)雜茵典,每多一次點擊操作都會流失掉一批用戶湘换。很少有人可以通過第2層級的目錄,就想象到第5個層級上會出現(xiàn)什么信息统阿。如果一些細(xì)小的信息隱藏得過于深入彩倚,用戶可能很難找到。過深的層級關(guān)系容易令用戶迷失方向扶平。

相較于鼠標(biāo)的不停點擊帆离,眼睛在頁面上掃視的成本要低許多。所以比起深層次的導(dǎo)航結(jié)構(gòu)结澄,廣度導(dǎo)航更利于用戶發(fā)現(xiàn)信息哥谷。但如果廣度超出用戶可以接受的范圍,人們必須一次閱讀很多選項才能在其中進(jìn)行選擇麻献,也會大大增加用戶的選擇負(fù)擔(dān)们妥。一般來講,超過 7 個選項時勉吻,用戶就很難記住了监婶。一次性展示過多選項會令用戶患上“選擇恐懼癥”,很難從中挑出哪一項才是自己想要的齿桃。

所以設(shè)計導(dǎo)航時压储,需要將信息進(jìn)行合理的分組鲜漩,在分組時注意深廣度的平衡。明確每個層次的焦點集惋,讓用戶知道當(dāng)前層級有哪些內(nèi)容孕似,并能知道自己的目標(biāo)在哪里。深廣度平衡的導(dǎo)航使用戶在每個層級上不必面臨過多選擇刮刑,通過每個選項的名稱便可明確自己尋找的方向喉祭。在選擇正確的分組后,逐漸關(guān)注其下一層級的內(nèi)容雷绢,一步步接近自己想要尋找的信息泛烙。

用戶所需信息與商業(yè)推廣信息的平衡

對導(dǎo)航的設(shè)計,一方面要了解用戶的信息需求翘紊;另一方面也要了解網(wǎng)站背后的商業(yè)目的蔽氨。用戶目標(biāo)與商業(yè)目標(biāo)之間肯定存在著矛盾。用戶只想看到自己需要的信息帆疟,而企業(yè)又希望可以把業(yè)務(wù)和廣告推薦給用戶鹉究。只滿足用戶目標(biāo)的產(chǎn)品體驗自然會很好,但誰也沒辦法否認(rèn)踪宠,企業(yè)終究是要盈利的自赔。

想象一下,很多門戶網(wǎng)站的首頁柳琢,在用戶看到新聞資訊之前绍妨,一大片廣告就洶涌而來。這種喧賓奪主只強(qiáng)調(diào)推廣內(nèi)容的方式柬脸,只會把用戶的切實需求沖淡他去,使他們越來越難以找到自己需要的信息。所以倒堕,合理的信息組織方式孤页,應(yīng)該既對用戶有意義,又能滿足業(yè)務(wù)目標(biāo)涩馆。

那么怎樣把用戶需求和商業(yè)目標(biāo)恰到好處地結(jié)合起來呢行施?亞馬遜在這方面做得不錯。當(dāng)用戶進(jìn)入亞馬遜瀏覽商品類目魂那、購買商品時蛾号,并不會一開始就被商業(yè)推廣所干擾,而是在用戶選擇的內(nèi)容附近默默地出現(xiàn)相關(guān)的推薦廣告涯雅,如圖 6-12 所示鲜结。這樣的推廣信息更接近用戶目標(biāo),也更容易被用戶所接受。在不同產(chǎn)品頁面精刷,為用戶推薦符合其目標(biāo)的信息拗胜,可以起到事半功倍的作用。

為重要功能和常用功能設(shè)置快捷入口

導(dǎo)航應(yīng)該是結(jié)構(gòu)清晰怒允、合乎邏輯的埂软,這是產(chǎn)品設(shè)計的必要條件。如果用戶有明確的目標(biāo)纫事,憑借清晰的邏輯就可以快速找到自己想要的內(nèi)容勘畔。但對于沒有明確目標(biāo),只是隨便逛逛的用戶來說丽惶,由于他們使用產(chǎn)品時并不會刻意思考炫七,因此,如果重要和常用的功能隱藏得過深钾唬,就可能令他們喪失對網(wǎng)站的興趣万哪。

為重要功能和常用功能設(shè)置快捷入口,就像是在原有產(chǎn)品架構(gòu)的基礎(chǔ)上搭建“快捷通道”抡秆。用戶可以一步步順著產(chǎn)品的邏輯來尋找所需功能奕巍,也可以通過快捷入口,按照自己的行為習(xí)慣琅轧,快速找到所需功能伍绳。

但設(shè)置快捷入口也是一個需要權(quán)衡的過程踊挠。必要的“快捷通道”可以提高使用效率乍桂,但如果快捷入口過多,產(chǎn)品會變得混亂復(fù)雜效床。同一個功能入口過多睹酌,不僅不會提升使用效率,反而會使用戶感到迷茫剩檀,作為設(shè)計師憋沿,就要權(quán)衡出哪些是產(chǎn)品的重要功能,哪些是產(chǎn)品的常用功能沪猴,合理設(shè)置快捷入口辐啄。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市运嗜,隨后出現(xiàn)的幾起案子壶辜,更是在濱河造成了極大的恐慌,老刑警劉巖担租,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件砸民,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)岭参,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門反惕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人演侯,你說我怎么就攤上這事姿染。” “怎么了蚌本?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵盔粹,是天一觀的道長。 經(jīng)常有香客問我程癌,道長舷嗡,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任嵌莉,我火速辦了婚禮进萄,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘锐峭。我一直安慰自己中鼠,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布沿癞。 她就那樣靜靜地躺著援雇,像睡著了一般。 火紅的嫁衣襯著肌膚如雪椎扬。 梳的紋絲不亂的頭發(fā)上惫搏,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機(jī)與錄音蚕涤,去河邊找鬼筐赔。 笑死,一個胖子當(dāng)著我的面吹牛揖铜,可吹牛的內(nèi)容都是我干的茴丰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼天吓,長吁一口氣:“原來是場噩夢啊……” “哼贿肩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起龄寞,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤汰规,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后萄焦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體控轿,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡冤竹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了茬射。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鹦蠕。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖在抛,靈堂內(nèi)的尸體忽然破棺而出钟病,到底是詐尸還是另有隱情,我是刑警寧澤刚梭,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布肠阱,位于F島的核電站,受9級特大地震影響朴读,放射性物質(zhì)發(fā)生泄漏屹徘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一衅金、第九天 我趴在偏房一處隱蔽的房頂上張望噪伊。 院中可真熱鬧,春花似錦氮唯、人聲如沸鉴吹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豆励。三九已至,卻和暖如春瞒渠,著一層夾襖步出監(jiān)牢的瞬間良蒸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工在孝, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留诚啃,地道東北人淮摔。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓私沮,卻偏偏與公主長得像,于是被迫代替她去往敵國和親和橙。 傳聞我的和親對象是個殘疾皇子仔燕,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容