通過導(dǎo)航加強(qiáng)用戶體驗(yàn)的3個原則

0 評論 7691 瀏覽 23 收藏 8 分鐘

文章介紹了導(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)航原則。這些包括:

  1. 信息架構(gòu)(IA),符合用戶的心理模型(即他們期待特性和內(nèi)容如何被構(gòu)建)
  2. 構(gòu)建導(dǎo)航的方法易于識別并且具有一致性
  3. 導(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é)人》表明你在哪里

  1. 商標(biāo)和品牌
  2. 導(dǎo)航欄的交互
  3. 頁面標(biāo)題
  4. 文章標(biāo)題
  5. 上下文線索

原則# 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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!