移動端用戶體驗結(jié)構(gòu)的橫縱向互通

5 評論 7657 瀏覽 38 收藏 9 分鐘

文章從橫向和縱向兩個維度出發(fā),以若干APP為案例,來剖析一下移動端用戶體驗的結(jié)構(gòu)層設(shè)計。

相信看過《用戶體驗要素》的朋友,對用戶體驗五要素應(yīng)該不會陌生。在五個用戶體驗要素中,結(jié)構(gòu)層重點闡述了產(chǎn)品的交互設(shè)計和信息架構(gòu),而在產(chǎn)品的整個規(guī)劃中,結(jié)構(gòu)層的設(shè)計也起到了承上啟下的作用,意義非凡。

在功能與內(nèi)容日益豐富的今天,如何做好交互設(shè)計和信息架構(gòu)規(guī)劃,對產(chǎn)品經(jīng)理是一個不小的挑戰(zhàn)。今天我們就以橫向和縱向兩個維度出發(fā),以若干APP為案例,來剖析一下移動端用戶體驗的結(jié)構(gòu)層設(shè)計。

分門別類

在說橫縱向互通之前,我們還是先來看幾張截圖:

從這些截圖中可以看到,無論從功能還是內(nèi)容方面看,現(xiàn)在的APP的結(jié)構(gòu)都愈發(fā)復(fù)雜。在這如叢林一般的應(yīng)用里,確保用戶不迷路,是我們要實現(xiàn)的目標(biāo)。

要想讓用戶不迷路,首先我們要做的是對信息進行分類,如上面滴滴出行的截圖,快車、出租車、專車、順風(fēng)車等分類清晰可見,用戶根據(jù)自己所需進入相應(yīng)的頻道即可。

再比如京東的截圖,它有兩個分類的地方,一個分類的地方是首頁Banner圖下方的地方,另一個分類的地方則是底部導(dǎo)航“分類”頁面。兩個分類所呈現(xiàn)的內(nèi)容是不一樣的,這也就告訴我們,一個平臺上有時候是需要有多個分類維度的。

當(dāng)我們梳理好類別后,就需要考慮交互設(shè)計的問題了,而橫縱向的互通則是核心設(shè)計之一。這主要是因為,雖然類別需要清晰地劃分,但在空間有限的移動端,只有相互之間是互通的,才能確保用戶的體驗是通暢、高效的。

縱向互通

我們先來看縱向的互通。在同一類別里,也會有層次,用戶操作步驟越多,層次可能就越多。而縱向的互通,就是要打通層次之間的隔閡,讓用戶可以在不同的層次之間自由切換。這里我們來看一下豆瓣的截圖:

從截圖中可以看到,當(dāng)我們進入“廣播”板塊時,產(chǎn)品會推薦用戶關(guān)注某些人。對此用戶可以選擇關(guān)注,也可以選擇不關(guān)注。如果不關(guān)注,用戶就可以點擊下方的“跳過”(不過沒有弄明白“選好了,去玩廣播”是什么作用),頁面就會跳轉(zhuǎn)到個人發(fā)布廣播頁面:

在發(fā)布廣播頁面,用戶可以選擇發(fā)布廣播,也可以再點擊“發(fā)現(xiàn)更多”回到推薦廣播頁面,這的操作就是一種縱向互通的設(shè)計。值得關(guān)注的是,在發(fā)布廣播頁面,是沒有返回按鈕可以點擊的,這印證了縱向互通設(shè)計的重要性。

也許有人會覺得,如果有返回按鈕,那不就同樣能實現(xiàn)互通嘛。事實上,返回按鈕是目前應(yīng)用最常用的互通設(shè)計。不過對于層級少的應(yīng)用,用戶體驗是可以接受的,但對于層級多的應(yīng)用,用戶體驗就會變得非常差。一個方面,設(shè)想用戶需要點擊四五次返回按鈕,才能去到想去的頁面,大家覺得用戶會高興地去嗎?

另一個層面,也涉及用戶引導(dǎo)的問題。就如豆瓣的例子來講,產(chǎn)品之所以這樣設(shè)計,是希望用戶關(guān)注更多人的。如果沒有這些引導(dǎo)元素的存在,會有多少人會想到要返回去選擇關(guān)注別人,是個未知數(shù)。進一步從用戶心理上講,如果這不是他的核心目的,他為什么要選擇去做呢?

橫向互通

縱向講的是同類別不同層次的互通,而橫向講的則是不同類別之間的互通。關(guān)于橫向互通,我們來看網(wǎng)易新聞的截圖:

我們會發(fā)現(xiàn)網(wǎng)易新聞底部導(dǎo)航分為首頁、要聞、直播、視頻、我五大部分,然后我們再看“首頁”頭部導(dǎo)航,其中也包含了要聞、直播、視頻,點擊去內(nèi)容與下方的導(dǎo)航內(nèi)容是一樣的。

我們再來看高德地圖的截圖:

當(dāng)我們在首頁點擊車輛標(biāo)志時,跳轉(zhuǎn)的頁面是有叫車服務(wù)的:

而我們在首頁點擊定位按鈕,同樣是有叫車服務(wù)的:

除了這兩種典型橫向設(shè)計以外,還有一種常用的橫向設(shè)計,那就是首頁。顧名思義,首頁就是用戶首先看到的頁面,因此首頁必然要實現(xiàn)兩個目標(biāo):一是要吸引住用戶;二是要為用戶關(guān)心的內(nèi)容提供入口。這兩個目標(biāo)也決定了,首頁肯定是橫向互通的集散地。這里我們舉一個極端的例子來說明一下。我們來看得到的首頁截圖:

 

我們看到,得到下方的導(dǎo)航,除“發(fā)現(xiàn)”以外,其他都是登錄用戶入口(得到只有登錄才能使用)。也就是說對平臺內(nèi)容的展示,全部集中在“發(fā)現(xiàn)”內(nèi)。這里我們可以理解發(fā)現(xiàn)就是一個大的導(dǎo)航,然后用戶想去哪里,都要從這里進。

不過,一般的應(yīng)用都會提供若干個主入口,例如喜馬拉雅FM。除了首頁(和得到“發(fā)現(xiàn)”性質(zhì)一樣)以外,還提供了“發(fā)現(xiàn)”欄目。

事實上,體驗過得到APP,筆者也是不建議把所有的入口都集中在首頁里。因為從首頁進入各欄目頁,再到詳情及學(xué)習(xí)頁面,用戶都必須通過一層一層的返回操作,才能實現(xiàn)。這樣的用戶體驗,真的不能說好。

結(jié)語

本質(zhì)上,用戶體驗設(shè)計是要提高用戶使用產(chǎn)品的效能,進而實現(xiàn)用戶滿意。正因為如此,無論是橫向互通設(shè)計,還是縱向互通設(shè)計,都需要洞察用戶的真實使用場景。在用戶場景中找到用戶體驗設(shè)計點,出現(xiàn)在用戶最需要的地方。

 

作者:古木,微信公眾號:E木筆記

本文由 @古木 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

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

    回復(fù)
    1. 哈哈哈

      回復(fù)
  2. “如上面滴滴出行的截圖” 哪有截圖?

    好差的用戶體驗

    來自上海 回復(fù)
    1. ??這個確實忘了放了…

      回復(fù)