簡(jiǎn)化設(shè)計(jì)方法論之二:4種方法重新組織你的產(chǎn)品

0 評(píng)論 12657 瀏覽 251 收藏 14 分鐘

組織,是簡(jiǎn)化設(shè)計(jì)的另一個(gè)重要策略(簡(jiǎn)化四策略:刪除、組織、隱藏和轉(zhuǎn)移)。相比起其他三種,組織是簡(jiǎn)化設(shè)計(jì)最常見(jiàn)的一種辦法。這種方式一般不用太大投入,只是改變一下產(chǎn)品界面的布局、標(biāo)簽和引導(dǎo),也不用面臨像刪除功能那樣艱難的抉擇。

在重新組織界面時(shí),我們會(huì)發(fā)現(xiàn)有各種各樣的考慮問(wèn)題的角度。比如從尺寸的角度出發(fā);從位置的角度出發(fā);從層次的角度出發(fā)等。

如果我們想通過(guò)組織來(lái)簡(jiǎn)化設(shè)計(jì),要記住最重要的一點(diǎn)在于強(qiáng)調(diào)一兩個(gè)最重要的主題和功能。隨隨便便地組織只會(huì)讓產(chǎn)品變得混亂不堪沒(méi)有重點(diǎn),帶給用戶的只有煩惱。

一般來(lái)說(shuō),常見(jiàn)的組織方法有以下幾種:

  • 科學(xué)分塊
  • 圍繞行為進(jìn)行組織
  • 分類清晰
  • 搜索與瀏覽

我們一項(xiàng)一項(xiàng)地來(lái)說(shuō)。

科學(xué)分塊

顧名思義:分塊,就是把產(chǎn)品中的的功能組織起來(lái),分成一個(gè)個(gè)的區(qū)塊,達(dá)到方便用戶操作的目的。

心理學(xué)上有一個(gè)著名的論斷是說(shuō)一個(gè)人能夠瞬時(shí)記住的最大數(shù)目是“七加減一”。一旦超過(guò)這個(gè)數(shù)量的話,看到后面就很容易忘記前面的?;谶@一點(diǎn),目前大多數(shù)我們能夠看到和使用的應(yīng)用都將功能的分類數(shù)量定在這個(gè)范圍內(nèi)。不可否認(rèn),這個(gè)結(jié)論確實(shí)幫助用戶大大簡(jiǎn)化了操作。

kindle閱讀器被視為極簡(jiǎn)化交互設(shè)計(jì)的標(biāo)桿之一,它將六個(gè)功能(七減一)的圖標(biāo)以一四一的分布方式顯示在頁(yè)面頂端。這樣分布圖標(biāo)的好處在于讓中間四個(gè)最常用的功能看起來(lái)自成一體,方便用戶使用。也不會(huì)讓兩邊的兩邊的兩個(gè)功能顯得太過(guò)于被“排斥”。將那些比較少用或者雜亂的功能整合到右邊的“設(shè)置”里,做到了功能入口淺并且直觀。

而反過(guò)來(lái)說(shuō),如果這些功能圖標(biāo)都以一樣的間距排列在界面頂端,想象一下那個(gè)樣子,相比較之下至少我會(huì)選擇現(xiàn)在的排列。等距排列讓人有些暈,覺(jué)得搞不清楚重點(diǎn)。如果你想突出什么功能,最好把他們和其他功能分開(kāi),能讓人感覺(jué)到他們和其他功能不一樣。

QQ截圖20151206181446

而且我相信,即使是中間四項(xiàng)功能的排列順序,也都是有講究的。這樣的順序滿足了用戶對(duì)于易用和簡(jiǎn)潔的要求。想象一下,如果把這四項(xiàng)功能的第一和第三項(xiàng)的位置調(diào)換一下,或者第二項(xiàng)和第三項(xiàng)調(diào)換一下,你會(huì)不會(huì)覺(jué)得別扭??jī)蓚€(gè)帶有圓圈的圖標(biāo)不應(yīng)該放在一起對(duì)吧;返回項(xiàng)的左邊不應(yīng)該再有東西對(duì)吧。(但如果把返回項(xiàng)放在整個(gè)界面的最左邊,用戶就很難點(diǎn)到它了。常用選項(xiàng)更應(yīng)該易用才對(duì))。

一四一的分布,真是漂亮!

而如果你的產(chǎn)品提供了上百項(xiàng)功能,被界面的分配搞得焦頭爛額的話,同樣可以使用這個(gè)方法來(lái)幫助你

微軟的word文檔包含幾百項(xiàng)功能,為了方便管理,他們將這些功能組織成了八個(gè)大類(七加一),每個(gè)菜單里又包括了十幾個(gè)命令,乍一看還是非常多,于是開(kāi)發(fā)團(tuán)隊(duì)又將這些命令分成了塊,單擊菜單欄中的一項(xiàng),在一些選項(xiàng)上又會(huì)看到一個(gè)小三角,移動(dòng)鼠標(biāo)上去,出現(xiàn)第三層的功能。這些繁瑣的功能通過(guò)通過(guò)分塊,被賦予了清晰的層次結(jié)構(gòu)。

QQ截圖20151203164238

PS:若干年以前的word其實(shí)是有9個(gè)功能區(qū)塊的,經(jīng)過(guò)微軟的改良,它變成了我們今天使用的樣子。我相信憑借微軟的努力,今后的office軟件可以更加簡(jiǎn)潔。

有的心理學(xué)家認(rèn)為人的瞬時(shí)記憶甚至比七個(gè)更小,可能只有四個(gè)。但是不管怎么說(shuō),目前來(lái)看七個(gè)左右的分類區(qū)塊還是夠用的。

分類越少和越清晰,用戶的選擇也越少,用戶的負(fù)擔(dān)也就越輕。

圍繞行為進(jìn)行組織

圍繞用戶的行為進(jìn)行組織,意味著我們首先要了解我們的用戶。他們想要什么?如果他們要完成某件事情(如網(wǎng)購(gòu)),他們打算用怎樣的思路和過(guò)程來(lái)完成這件事?先做什么,后做什么?研究這些事情絕對(duì)不會(huì)是沒(méi)有意義的。我們無(wú)數(shù)次地開(kāi)展用戶研究,無(wú)數(shù)次地頭腦風(fēng)暴、一對(duì)一訪談、電話調(diào)研、在線問(wèn)卷調(diào)查都是在探究一個(gè)問(wèn)題:用戶在想什么;以及用戶會(huì)怎么做。

在現(xiàn)實(shí)的大賣場(chǎng)里,如果客戶想買一臺(tái)電視機(jī),那么他會(huì)先找到買電視的區(qū)域,搜索自己中意的商品,也許問(wèn)問(wèn)導(dǎo)購(gòu)員的意見(jiàn)。然后確定某一款產(chǎn)品,填好地址付完了錢(qián)等待收貨。那么,用戶會(huì)怎樣在網(wǎng)站上進(jìn)行這個(gè)過(guò)程呢?網(wǎng)站沒(méi)有導(dǎo)購(gòu)員,我們也無(wú)法與用戶取得即時(shí)有效的交流。進(jìn)入網(wǎng)站后他們?cè)趺粗缽哪睦镩_(kāi)始,下一步又是什么?

以淘寶為例,如果用戶的目標(biāo)是買一雙跑鞋(這時(shí)并沒(méi)有確定具體想要哪一個(gè)牌子的跑鞋),當(dāng)用戶在搜索框中輸入“跑鞋”兩個(gè)字的時(shí)候,會(huì)進(jìn)入一個(gè)界面:它給用戶看的第一眼并不是各種各樣的鞋子,而是商品的分類。鞋子的品牌、鞋碼、功能等。然后才是各種各樣的鞋

而如果用戶加上了某個(gè)具體的品牌的話(如亞瑟士),那么看到的這個(gè)頁(yè)面的第一眼又不一樣了。它不再讓你選擇品牌(用戶已經(jīng)確定了他想要的牌子),而是直接從鞋碼和功能開(kāi)始。

通過(guò)研究用戶行為和這樣的提示,可以指導(dǎo)用戶的購(gòu)買過(guò)程,讓網(wǎng)站起到一個(gè)導(dǎo)購(gòu)員的作用。

QQ截圖20151207164743

這是沒(méi)有輸入品牌的頁(yè)面。

而這是輸入的品牌名稱的頁(yè)面。

QQ截圖20151207164823

不光要考慮用戶的行為,因?yàn)槲覀兪欠?wù)的提供方,所以也要考慮現(xiàn)實(shí)中的商戶通過(guò)研究用戶的心理獲得的經(jīng)驗(yàn),以及他們根據(jù)經(jīng)驗(yàn)對(duì)客戶做出了怎樣的引導(dǎo)。

圍繞行為進(jìn)行組織應(yīng)該從現(xiàn)實(shí)生活中獲取靈感,就像我們自己去商店買鞋那樣。導(dǎo)購(gòu)不會(huì)一開(kāi)始就拿出各種各樣的鞋子來(lái)供客戶選擇,而是先詢問(wèn)客戶想要的品牌、鞋碼和功能。

作為產(chǎn)品經(jīng)理,我們應(yīng)該根據(jù)用戶的想法進(jìn)行組織。如果打亂這個(gè)節(jié)奏,用戶就會(huì)感到迷惑、厭煩和無(wú)所適從。悉心了解用戶所想,然后讓每個(gè)流程符合用戶的行為預(yù)期。

在最初設(shè)計(jì)的時(shí)候,畫(huà)出用戶的操作流程圖是必不可少的。把你的流程圖拿給大家看看,找出不清楚和需要改進(jìn)的地方。盡力滿足用戶的預(yù)期吧。

分類清晰

剛才說(shuō)完了功能的分塊,現(xiàn)在我們?cè)賮?lái)說(shuō)說(shuō)產(chǎn)品的分類。

作為消費(fèi)者最終選擇商品時(shí)的參考,清晰的分類標(biāo)準(zhǔn)對(duì)用戶非常重要。然而,有時(shí)候我們也會(huì)對(duì)某個(gè)商品該怎么分類產(chǎn)生疑問(wèn)。比如:西紅柿是水果還是蔬菜?山楂是中藥材還是普通食品?

一個(gè)簡(jiǎn)單的分類模式應(yīng)該具有清晰的界限。下面作者以生鮮食材的分類方法為例,試著說(shuō)明一種理念:盡量找到商品重疊最少的那種分類方法。

假設(shè)一家網(wǎng)站提供了大量的生鮮食材,用戶來(lái)到這家網(wǎng)站購(gòu)物的時(shí)候,如果不使用搜索框,僅僅依靠分類導(dǎo)航尋找自己想要的東西,網(wǎng)站應(yīng)該這么做?

我能想到的分類依據(jù)有按類型(水果還是蔬菜)、價(jià)格、大小、顏色、形狀(球狀還是柱狀)、產(chǎn)地、甚至含水量來(lái)分類的。哪種方法最好呢?

  • 含水量這個(gè)依據(jù)太難把握,淘汰。
  • 產(chǎn)地基本只對(duì)土特產(chǎn)的分類有效,蘿卜白菜全國(guó)都產(chǎn),淘汰。
  • 形狀無(wú)法區(qū)分種類,淘汰.
  • 顏色無(wú)法準(zhǔn)確分類,蘋(píng)果就有紅的黃的綠的多種顏色,淘汰….。
  • 類型的分類方法也會(huì)造成部分商品重疊,淘汰。

也許我們可以按食材的部位來(lái)分類。根(果實(shí))、莖、葉的重疊度就比較小。

QQ截圖20151207220939

選擇按部位分類,就不會(huì)有西紅柿是水果還是蔬菜的疑問(wèn);也不會(huì)有山楂是中藥材還是普通食品的疑問(wèn),它們都屬于根(果實(shí))類。土豆紅薯什么的似乎也更適合按部位來(lái)分類。按照銷量排序,確保常用的食材在前面。

有時(shí)我們會(huì)遇到同屬于多個(gè)類別的東西,太多的重疊容易導(dǎo)致困惑。盡量找出重疊最少的分類方法,這樣用戶才能知道去哪可以找到自己想要的東西。

QQ截圖20151208154615

搜索與瀏覽

關(guān)于搜索,有幾種不同的論調(diào)。

有人說(shuō):“搜索比瀏覽好用,因?yàn)樗阉骺梢钥焖俚刈屪约赫业较胍臇|西。”

也有人說(shuō):“瀏覽在很多時(shí)候更好用。因?yàn)槿绻阉鞯年P(guān)鍵字沒(méi)有選好,用戶很難找到想要的東西,而一個(gè)簡(jiǎn)明準(zhǔn)確的瀏覽導(dǎo)航卻可以很快地幫助用戶定位目標(biāo)。

兩種說(shuō)法都有道理。但是這兩種方式都有各自的缺陷。

搜索的好處在于快速,然而有的時(shí)候,搜索的結(jié)果并不準(zhǔn)確,還需要用戶在搜索的結(jié)果里面再次尋找目標(biāo)。

瀏覽的好處在于準(zhǔn)確,如果可以直接點(diǎn)擊看起來(lái)符合自己意愿的鏈接,誰(shuí)會(huì)愿意再去想要用什么關(guān)鍵詞呢?但是瀏覽的問(wèn)題在于:如果類似項(xiàng)非常多,比如在好幾個(gè)G的曲庫(kù)中尋找某一首特定曲目,那么用戶通過(guò)瀏覽找尋目標(biāo)的效率就會(huì)非常低下。

其實(shí)搜索的結(jié)果想要做到精準(zhǔn)非常困難,因?yàn)橐紤]用戶使用的關(guān)鍵字的同義詞,還要對(duì)搜索結(jié)果進(jìn)行有效的排序和分類。如果有人覺(jué)得簡(jiǎn)單,也許是看到GOOGLE和百度太好用而產(chǎn)生的錯(cuò)覺(jué)吧。

所以作者認(rèn)為,如果我們想提供簡(jiǎn)單的用戶體驗(yàn),至少要讓用戶先體驗(yàn)到一種我們能做得較好的瀏覽方式,然后再考慮另外一種。(比如你的搜索實(shí)力不強(qiáng),就應(yīng)該先把瀏覽導(dǎo)航做好,然后再考慮改善搜索)。

結(jié)語(yǔ)

關(guān)于組織,有太多可以談?wù)摵吞剿鞯臇|西。作者在這里僅僅是舉例其中四種而已,即使這樣,依然有很多沒(méi)有說(shuō)完的話。這篇文章就算是拋磚引玉,期望可以聽(tīng)聽(tīng)你的看法。

 

本文由 人人都是產(chǎn)品經(jīng)理專欄作家 @舟行加勒比(微信公眾號(hào):youciwanghai) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

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