第四章:產(chǎn)品設(shè)計(jì)(4) – 產(chǎn)品設(shè)計(jì)的十條理論

5 評(píng)論 20081 瀏覽 53 收藏 12 分鐘

4、產(chǎn)品設(shè)計(jì)的十條理論

產(chǎn)品設(shè)計(jì)也稱之為體驗(yàn)設(shè)計(jì),是一個(gè)秉承以用戶為中心的設(shè)計(jì)理念,以用戶體驗(yàn)度為原則,對(duì)產(chǎn)品的界面和交互過(guò)程進(jìn)行研究并開(kāi)展設(shè)計(jì)的工作。這是一種在用戶純主觀使用產(chǎn)品過(guò)程中建立起來(lái)的感受,但是對(duì)于一個(gè)界定明確的用戶群體來(lái)講,體驗(yàn)設(shè)計(jì)的共性是能夠經(jīng)由良好設(shè)計(jì)實(shí)驗(yàn)來(lái)認(rèn)識(shí)到的。

① 系統(tǒng)標(biāo)準(zhǔn) — 依照用戶具體的使用情境和需求來(lái)決定是沿用標(biāo)準(zhǔn)還是創(chuàng)新。

例如移動(dòng)APP產(chǎn)品,因?yàn)橐苿?dòng)設(shè)備有著初始的平臺(tái)系統(tǒng)特性,產(chǎn)品設(shè)計(jì)應(yīng)該遵循平臺(tái)系統(tǒng)的設(shè)計(jì)規(guī)范。合理的制定和使用標(biāo)準(zhǔn),可以大幅度提高效率,也有利于產(chǎn)品的一致性,提升用戶體驗(yàn)。除了基礎(chǔ)的標(biāo)準(zhǔn)外,我們可以根據(jù)具體的需求和目標(biāo)用戶的情境決定是否套用標(biāo)準(zhǔn),或者創(chuàng)新標(biāo)準(zhǔn)。

每一個(gè)平臺(tái)系統(tǒng)都有自己的設(shè)計(jì)規(guī)范,并且系統(tǒng)的官方開(kāi)發(fā)者平臺(tái)也會(huì)向公眾公布這些知識(shí),這樣我們非常方便的能夠下載到相關(guān)的文檔學(xué)習(xí)。

② 目標(biāo)導(dǎo)向 — 以用戶為中心,關(guān)注用戶目標(biāo)而不是關(guān)注用戶要完成的任務(wù)。

體驗(yàn)設(shè)計(jì)就是“秉承以用戶為中心的設(shè)計(jì)理念,應(yīng)用<以目標(biāo)為導(dǎo)向的設(shè)計(jì)>方法,進(jìn)行互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)?!睙o(wú)論是Web產(chǎn)品還是移動(dòng)APP產(chǎn)品,我們都應(yīng)當(dāng)關(guān)注用戶的目標(biāo),以最簡(jiǎn)單直接的步驟給用戶想要的結(jié)果,特別是移動(dòng)互聯(lián)網(wǎng)的碎片化、易打斷的使用場(chǎng)景下,更應(yīng)該避免增加過(guò)多的步驟或操作任務(wù)。

③ 直覺(jué)體驗(yàn) — 設(shè)計(jì)方案必須能夠引導(dǎo)用戶做出最符合直覺(jué)的反應(yīng)行為。

不同的系統(tǒng)平臺(tái)都有著各自基礎(chǔ)的體驗(yàn)標(biāo)準(zhǔn),這些標(biāo)準(zhǔn)培養(yǎng)了用戶對(duì)產(chǎn)品的體驗(yàn)認(rèn)知,因此我們需要理解用戶的期望、需要、動(dòng)機(jī)和使用情境來(lái)制定下一步操作或者內(nèi)容的出現(xiàn)位置,讓用戶能夠順暢的完成交互行為。

例如:一個(gè)向用戶隱喻從右邊展開(kāi)內(nèi)容的按鈕,如果是從左邊展開(kāi),那么這就超出了用戶直覺(jué),用戶潛意識(shí)行為就會(huì)被打斷,并且需要重新調(diào)整,這就無(wú)形中增加了用戶思考。

例如:一個(gè)功能按鈕,用戶觸擊后潛意識(shí)會(huì)認(rèn)為下一步操作應(yīng)該會(huì)出現(xiàn)在這個(gè)按鈕的周邊,如果跑的太遠(yuǎn),也超出了用戶直覺(jué)。

例如:移動(dòng)APP產(chǎn)品除了直覺(jué),我們還需要考慮用戶的觸摸行為,所以下一步操作的出現(xiàn)位置應(yīng)該離用戶手指最近(舒適的操作范圍之內(nèi))且不能被擋住(手指或手掌擋住)。

④ 成本控制 — 從細(xì)節(jié)開(kāi)始減少用戶的操作及學(xué)習(xí)成本,使用戶快速上手和識(shí)別產(chǎn)品特性。

在實(shí)際的產(chǎn)品使用中,用戶并不笨,只是懶,遠(yuǎn)比我們相信中的還要懶。當(dāng)一個(gè)產(chǎn)品是剛需的時(shí)候,我們就能夠吸引用戶投入更多時(shí)間去理解產(chǎn)品和使用產(chǎn)品,但是在互聯(lián)網(wǎng)行業(yè),產(chǎn)品的同質(zhì)化是很嚴(yán)重的,沒(méi)有什么產(chǎn)品是不可取代的,所以在產(chǎn)品設(shè)計(jì)中,我們要盡量讓用戶在不同場(chǎng)景情況下以最懶的方式使用產(chǎn)品。

因?yàn)橛脩魬校瑳](méi)有時(shí)間深思熟慮的了解我們的產(chǎn)品,所以在產(chǎn)品設(shè)計(jì)中,要以核心功能為中心,盡量減少不必要的功能和操作步驟,以最效率和便捷的方式讓用戶達(dá)到最終使用目的。

例如:移動(dòng)APP產(chǎn)品要了解用戶的使用情境(碎片化的時(shí)間,隨時(shí)會(huì)被打斷),盡量不要增加學(xué)習(xí)成本(操作學(xué)習(xí)、界面學(xué)習(xí)),因?yàn)橛脩舻臅r(shí)候是碎片化的,他們沒(méi)有太多時(shí)間學(xué)習(xí),特別是多手式操作是有學(xué)習(xí)和記憶的成本的。

⑤ 需求設(shè)計(jì) — 以用戶的需求為中心,避免參雜個(gè)人的主觀喜好。

設(shè)計(jì)工作開(kāi)始之前,需要先想清楚:用戶是誰(shuí),他們有什么特點(diǎn),我們可以為他們解決什么問(wèn)題。提供真正能夠解決用戶問(wèn)題的設(shè)計(jì)方案,而不是自己喜歡的設(shè)計(jì)方案。同時(shí)盡量傻瓜化,千萬(wàn)不要認(rèn)為,自己能夠理解的東西,用戶也能理解,因?yàn)橛脩羰遣粫?huì)像我們一樣對(duì)產(chǎn)品深思熟慮和了解透徹之后再使用的

⑥ 減少界面 — 盡量減少界面間的交互,避免新頁(yè)面切斷了用戶使用的流暢感。

對(duì)于移動(dòng)APP產(chǎn)品,如果在一個(gè)頁(yè)面里能夠交互完成的內(nèi)容,盡量減少頁(yè)面的切換,當(dāng)然前提是考慮了系統(tǒng)的負(fù)載。

例如:搜索功能,觸擊搜索按鈕后平滑展開(kāi)輸入框,同時(shí)展開(kāi)虛擬鍵盤。

例如:選擇功能,觸擊后展開(kāi)選擇器,在選擇器里連續(xù)觸擊某條選項(xiàng)兩次完成選擇,或者選中某條選項(xiàng)后再觸擊完成。

如上兩條簡(jiǎn)單的示例,都是可以在當(dāng)前界面內(nèi)完成的。在當(dāng)前界面平緩交互出來(lái)的元素給用戶在體驗(yàn)上更加流暢,同時(shí)也讓用戶覺(jué)得只是在原有界面上載入了新元素,用戶感觀上只需要接受新的元素。而新界面突然切斷用戶使用的流暢感,也就是說(shuō)用戶的思維需要進(jìn)行切換,需要重新接受并認(rèn)識(shí)新的頁(yè)面,就像進(jìn)入了另一間屋子。

⑦ 概念內(nèi)化 — 避免概念輸出,要盡量以用戶聽(tīng)得懂的語(yǔ)言來(lái)表達(dá)設(shè)計(jì)。

這個(gè)取決于產(chǎn)品的定義和用戶群體,避免內(nèi)部概念或行業(yè)概念的輸出,例如房地產(chǎn)行業(yè),你對(duì)購(gòu)房者說(shuō)租售比(租售比不是百分比數(shù)值),絕大多數(shù)用戶肯定不懂,如果你對(duì)購(gòu)房投資者說(shuō)租售比,他們肯定知道。所以在產(chǎn)品設(shè)計(jì)中,元素和內(nèi)容的表達(dá)需要考慮用戶的定位,針對(duì)目標(biāo)用戶群體聽(tīng)得懂的語(yǔ)言來(lái)表達(dá),使用通俗化的語(yǔ)言和通俗化的元素。如果無(wú)法避免的要使用概念,那么就當(dāng)在周邊有協(xié)助解釋,例如邊上有一個(gè)問(wèn)號(hào)按鈕,點(diǎn)擊后顯示一個(gè)描述層。

⑧ 信息交互 — 基于信息層面的交互,應(yīng)該簡(jiǎn)單自然易懂。

信息層面的交互是最直觀的交互,因?yàn)樗旧砭湍芙o用戶直觀的信息反饋,因此信息的本身應(yīng)該簡(jiǎn)單易懂,不要讓用戶莫名其妙,同時(shí)交互要符合用戶期望模型及下意識(shí)行為。

⑨ 簡(jiǎn)潔元素 — 減少視覺(jué)元素的堆疊,提高交互元素的辨識(shí),合理隱喻交互元素。

產(chǎn)品設(shè)計(jì)中的視覺(jué)體驗(yàn)也很重要,如今簡(jiǎn)潔風(fēng)格是一種設(shè)計(jì)趨勢(shì),復(fù)雜的元素會(huì)增加用戶的識(shí)別成本,用戶需要接受和學(xué)習(xí)的元素過(guò)多容易造成審美和使用的疲勞,特別是元素沒(méi)有統(tǒng)一的連貫性,所以界面越簡(jiǎn)潔越好,元素越少越好,可大大減少視覺(jué)上的信息接受量。

比如移動(dòng)APP產(chǎn)品中使用圖形隱喻時(shí),需要參考第4、7條,在移動(dòng)產(chǎn)品中,由于界面大小的因素,我們經(jīng)常會(huì)遇到用圖標(biāo)做功能按鈕,因此按鈕的圖標(biāo)就需要充分考慮用戶的體驗(yàn)認(rèn)知。例如普遍的圈型箭頭是刷新、心型是關(guān)注、星型是收藏、齒輪是設(shè)置 等等。我們?cè)诓捎脠D形隱喻功能的時(shí)候,應(yīng)當(dāng)考慮用戶的認(rèn)知,避免用戶學(xué)習(xí)和識(shí)別的成本。

⑩ 明確結(jié)構(gòu) — 合理劃分界面的邏輯結(jié)構(gòu),按照不同的內(nèi)容與功能進(jìn)行劃分,突出結(jié)構(gòu)主次。

合理劃分和突出界面的層次,可以減少用戶的負(fù)擔(dān),提升操作效率。特別是移動(dòng)APP產(chǎn)品,由于移動(dòng)設(shè)備的屏幕空間有限,簡(jiǎn)潔的層次結(jié)構(gòu)和明確的界面區(qū)域,可以大大提升用戶的操作體驗(yàn)。

第9條和第10條都是比較偏向于視覺(jué)體驗(yàn),主要是通過(guò)布局和色調(diào)來(lái)增強(qiáng)用戶體驗(yàn),從而影響用戶的操作行為,并且清晰明了的界面結(jié)構(gòu)和內(nèi)容,可以高效的告訴用戶在那里,退路在那里,能夠去那里。

以上十條理論,也許對(duì)你有所啟發(fā),也許使你更加迷茫,但是當(dāng)我們掌握了這些理論性的知識(shí)之后,再去體驗(yàn)各類產(chǎn)品(不局限于某一類),了解他們的交互和展現(xiàn)形式,然后再和大家分享交流,從別人的眼中再了解另一個(gè)角度的反饋,通過(guò)這樣的理論學(xué)習(xí)和體驗(yàn)積累,如果能堅(jiān)持每天玩一款產(chǎn)品,我相信用不了一個(gè)月,絕對(duì)能夠?qū)Α绑w驗(yàn)設(shè)計(jì)”的知識(shí)有所掌握。

本章索引:

第四章:產(chǎn)品設(shè)計(jì)(1) – 產(chǎn)品需求文檔(PRD)介紹

第四章:產(chǎn)品設(shè)計(jì)(2.1)PRD寫作 – 羅列信息(信息結(jié)構(gòu)圖)

第四章:產(chǎn)品設(shè)計(jì)(2.2)PRD寫作 – 梳理需求(產(chǎn)品結(jié)構(gòu)圖)

第四章:產(chǎn)品設(shè)計(jì)(2.3)PRD寫作 – 原型設(shè)計(jì)(界面線框圖)

第四章:產(chǎn)品設(shè)計(jì)(2.4)PRD寫作 – 用例模型(產(chǎn)品用例圖)

第四章:產(chǎn)品設(shè)計(jì)(2.5)PRD寫作 – 邏輯流程(功能流程圖)

第四章:產(chǎn)品設(shè)計(jì)(2.6)PRD寫作 – 需求文檔(PRD文檔)

第四章:產(chǎn)品設(shè)計(jì)(4) – 產(chǎn)品設(shè)計(jì)的十條理論

全文索引:

第一章:產(chǎn)品介紹(1~2) – 產(chǎn)品經(jīng)理職業(yè)和職能介紹

第二章:產(chǎn)品入門(1) – 我的入門經(jīng)歷分享

第三章:產(chǎn)品規(guī)劃(1) – 產(chǎn)品規(guī)劃介紹

第四章:產(chǎn)品設(shè)計(jì)(1) – 產(chǎn)品需求文檔(PRD)介紹

第五章:產(chǎn)品管理(1~2) – 產(chǎn)品管理介紹和需求管理方法

第六章:產(chǎn)品工作(1) – 工作環(huán)境介紹

本文為作者?產(chǎn)品經(jīng)理@唐杰?授權(quán)發(fā)布,轉(zhuǎn)載請(qǐng)注明來(lái)源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 此時(shí)此刻本篇章節(jié)我剛看完

    來(lái)自北京 回復(fù)
    1. 不晚 還有我……

      來(lái)自廣東 回復(fù)
  2. 非常好

    來(lái)自北京 回復(fù)
  3. 很全面

    來(lái)自河南 回復(fù)