通過導(dǎo)航加強(qiáng)用戶體驗(yàn)的3個原則
文章介紹了導(dǎo)航設(shè)計(jì)中的3個原則,將以下原則付諸實(shí)踐,或許會使用戶體驗(yàn)大大Max!
你是否正準(zhǔn)備評估一個數(shù)碼產(chǎn)品并且不知道從何入手?或許你需要一些關(guān)于如何通過導(dǎo)航加強(qiáng)用戶體驗(yàn)的指導(dǎo)?
這篇文章將著眼于我作為一個用戶體驗(yàn)顧問在日常工作實(shí)踐中的三個導(dǎo)航原則。這些包括:
- 信息架構(gòu)(IA),符合用戶的心理模型(即他們期待特性和內(nèi)容如何被構(gòu)建)
- 構(gòu)建導(dǎo)航的方法易于識別并且具有一致性
- 導(dǎo)航提供的選項(xiàng)數(shù)是合理的
請隨時把以下框架融入自己的用戶體驗(yàn)流程!
對于數(shù)碼產(chǎn)品來說,導(dǎo)航是什么?
導(dǎo)航描述了用戶瀏覽網(wǎng)站和移動應(yīng)用程序的方法。這是更廣泛的信息體系結(jié)構(gòu)的結(jié)構(gòu)和功能的一部分。
導(dǎo)航的一個重要組成部分也是“發(fā)現(xiàn)”或者“簽署發(fā)布”,這涉及到讓人們知道他們哪些地方經(jīng)由不同的線索和處理關(guān)聯(lián)起來。網(wǎng)站或者軟件的每個頁面都可能只是被一個用戶瀏覽,所以一些和目的相關(guān)的上下文是重要的。
原則#1
信息架構(gòu)符合用戶的心理模型以及它們期望在網(wǎng)站或應(yīng)用程序特性和內(nèi)容如何被構(gòu)建的。
定義結(jié)構(gòu)
在設(shè)計(jì)導(dǎo)航之前定義IA是很重要的??梢宰鲆环N卡用來組織不同的頁面轉(zhuǎn)化為不同的類別。你可以與用戶組即你征求一些目標(biāo)用戶一起做這些,讓他們安排不同的標(biāo)簽組或使用專家設(shè)計(jì),
有許多工具可以用來定義你的網(wǎng)站或軟件的結(jié)構(gòu)。
CTA引導(dǎo)用戶期望嗎?
網(wǎng)站的信任和可信度取決于一些小細(xì)節(jié),比如拼寫錯誤之類的東西,但也取決于按鈕或鏈接的對齊以及他們的引導(dǎo)。
例如,如果用戶在產(chǎn)品頁面上說“現(xiàn)在購買”,你會希望被帶到一個頁面用購物車購買該產(chǎn)品。
你應(yīng)該減少每頁調(diào)用操作的數(shù)量或者至少給他們不同的視覺負(fù)擔(dān)。
“我覺得幸運(yùn)嗎?“是一個模糊/不必要的指令
菜單在熟悉的地方嗎?
看看你的設(shè)計(jì)內(nèi)容。人們習(xí)慣于看到導(dǎo)航,例如在一致的地方中的菜單。
例如,iOS手機(jī)菜單在屏幕的底部,而Android會顯示一個漢堡包導(dǎo)航選項(xiàng)菜單。您可能想要查看一個網(wǎng)站如pttrns.com去看已被精心設(shè)計(jì)為一個特定的平臺的視圖導(dǎo)航模式。
原則#2
在整個網(wǎng)站或應(yīng)用程序中,導(dǎo)航結(jié)構(gòu)的方法易于識別和可持續(xù)性使用。
你期望的東西在哪里?是結(jié)構(gòu)明確和一致嗎?
完整的用戶體驗(yàn)是建立在用戶經(jīng)受的一切之上。建立在我們所知道的導(dǎo)航和所有不同組件之上。
例如,在被設(shè)計(jì)時網(wǎng)站應(yīng)遵守標(biāo)準(zhǔn)規(guī)范。
用一個網(wǎng)站舉例來說明不同的組件都包括什么??赡馨ㄉ虡?biāo)和品牌,導(dǎo)航/視覺設(shè)計(jì)變化,上下文提示向?qū)?步驟,面包屑,url,標(biāo)題甚至窗口頁面標(biāo)題!
《經(jīng)濟(jì)學(xué)人》表明你在哪里
- 商標(biāo)和品牌
- 導(dǎo)航欄的交互
- 頁面標(biāo)題
- 文章標(biāo)題
- 上下文線索
原則# 3
選項(xiàng)的數(shù)量是合理的(即任何一次都不超過5 – 7項(xiàng))
在任何界面產(chǎn)品中,無論是一個iOS應(yīng)用程序或網(wǎng)站,你應(yīng)該讓選項(xiàng)盡量少。
你不希望用戶丟失,或者被你的網(wǎng)站的結(jié)構(gòu)搞暈。提供選項(xiàng)的數(shù)量應(yīng)該是合理的。
在我的經(jīng)驗(yàn)中,有太多的選擇可以超載用戶會適得其反,你想實(shí)現(xiàn)什么業(yè)務(wù)。你應(yīng)該有一個小而且有針對性的常用選項(xiàng)。
我經(jīng)常會問產(chǎn)品所有者或者有對這塊熟悉的人,用戶使用最多或者優(yōu)先考慮的選項(xiàng)是什么。
在上面的例子中,在英國廣播公司(BBC)的網(wǎng)站上可以看到下拉選擇。頂級的選項(xiàng)包括八項(xiàng)。下拉選項(xiàng)有如果用戶需要訪問更多東西時可以訪問的很多不同的鏈接的選項(xiàng)。
在這樣的網(wǎng)站訂單事情按字母順序不合理,但是整理以便他們最經(jīng)常訪問的。如果你有一個現(xiàn)有的網(wǎng)站您可以設(shè)置一些分析來確定他們,或建立某種類型的卡片分類活動。
對于一個典型的網(wǎng)站,應(yīng)該是在每個頁面,非常簡單的以一致的方式列出七個左右的鏈接。如果你工作在一個大規(guī)模的有重要的信息架構(gòu)網(wǎng)站,你將需要仔細(xì)考慮?如何構(gòu)建你的鏈接。
結(jié)論
這里有幾個驅(qū)動強(qiáng)大的用戶體驗(yàn)與導(dǎo)航的原則。你應(yīng)該識別并理解被用來定義導(dǎo)航的啟發(fā)和原則。首先,作為一個好的設(shè)計(jì)實(shí)踐的提醒,其次對現(xiàn)有產(chǎn)品進(jìn)行評估。
一個網(wǎng)站的基本結(jié)構(gòu),IA和不同的頁面,標(biāo)簽和鏈接應(yīng)該符合用戶的預(yù)期。此外,是值得思考的背景下,你的產(chǎn)品/網(wǎng)站和考慮任何約定或模式,用戶熟悉的平臺。
值得思考的是你的產(chǎn)品或網(wǎng)站的上下文以及用戶熟悉的任何平臺協(xié)議或模式。
用這個作為指導(dǎo)來構(gòu)建一個一致且直觀的體驗(yàn)。此外,你應(yīng)該考慮最重要的頁面或選項(xiàng),將它們放在頁面的頂部。根據(jù)我的經(jīng)驗(yàn),超過其個導(dǎo)航選項(xiàng)明顯是有些過火了。其他不重要的選項(xiàng),例如“設(shè)置”可以在需要的時候才出現(xiàn)
原文作者:Joel
原文地址:3 Principles for Strong User Experience Through Navigation
翻譯:淺笑d42021
譯文地址:http://www.ui.cn/detail/215651.html
版權(quán):人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范,任何轉(zhuǎn)載的稿件都會明確標(biāo)注作者和來源,若標(biāo)注有誤,請聯(lián)系主編QQ:419297645
- 目前還沒評論,等你發(fā)揮!