交互設(shè)計(jì)的基本原則

Robin
1 評(píng)論 3258 瀏覽 17 收藏 19 分鐘
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

交互設(shè)計(jì)的原則、方法有很多,但是這里我要分享的并不是細(xì)則,而是產(chǎn)品交互設(shè)計(jì)的內(nèi)在邏輯、基本原理。即,拋開那些細(xì)則,交互設(shè)計(jì)應(yīng)該遵循什么樣的規(guī)律,什么樣的設(shè)計(jì)才是好的,用什么來衡量。

開始之前,還是要先來明確一下定義。因?yàn)楹芏鄷r(shí)候,我們不在一個(gè)頻道上的話,可能會(huì)導(dǎo)致理解偏差,兩個(gè)人的溝通也會(huì)如“雞同鴨講”,不知所云。

定義:

產(chǎn)品交互設(shè)計(jì)指的是為了達(dá)成產(chǎn)品目標(biāo)而進(jìn)行的產(chǎn)品與用戶的交互流程設(shè)計(jì)、交互反饋設(shè)計(jì)。即,產(chǎn)品交互設(shè)計(jì),設(shè)計(jì)的是用戶如何使用產(chǎn)品,以及產(chǎn)品如何給用戶反饋。

這里要注意,產(chǎn)品交互設(shè)計(jì)是圍繞產(chǎn)品目標(biāo)展開的,不是圍繞用戶展開,用戶只是其間接服務(wù)對(duì)象。

這可能與很多人的初始認(rèn)知不太一樣。

但是細(xì)想一下,你可能會(huì)發(fā)現(xiàn),很多產(chǎn)品和服務(wù)都是這樣設(shè)計(jì)的。最典型的是宜家家居,作為一家大型購物中心,他們從來不希望用戶能立刻找到想買的產(chǎn)品,而是希望用戶多體驗(yàn)一些產(chǎn)品,然而用戶似乎很少抱怨他們那條迂回而漫長的路徑。

這就是一次成功的產(chǎn)品交互設(shè)計(jì):他們做了令人煩惱的交互流程(一定要從頭走到尾),但是做了良好的交互反饋(各類家具的試用體驗(yàn)極好)。

圍繞產(chǎn)品目標(biāo),產(chǎn)品流程交互設(shè)計(jì)有其我們無法繞開的內(nèi)在邏輯。

一、產(chǎn)品交互設(shè)計(jì)是一個(gè)用戶體驗(yàn)流程設(shè)計(jì)

這是一個(gè)很重要的理念,我們做產(chǎn)品的交互設(shè)計(jì),并不是很細(xì)碎的一些按鈕設(shè)計(jì)、彈窗設(shè)計(jì)或者功能設(shè)計(jì),而是一個(gè)為了實(shí)現(xiàn)產(chǎn)品目標(biāo)而有意設(shè)計(jì)的用戶與產(chǎn)品的互動(dòng)流程。在這個(gè)互動(dòng)流程中,我們的每一個(gè)交互環(huán)節(jié),都是為了達(dá)到產(chǎn)品目標(biāo),即通過這個(gè)流程滿足用戶需求的同時(shí),實(shí)現(xiàn)獲益的目的。這個(gè)獲益,不一定是金錢上的收益,有可能是用戶關(guān)注等。

這就是為什么會(huì)有用戶體驗(yàn)地圖這種工具的存在了。

用戶體驗(yàn)地圖(User Experience Map,簡稱 UX Map)是一種交互設(shè)計(jì)工具。它用于描述用戶在與產(chǎn)品或服務(wù)交互過程中的體驗(yàn),包括用戶的行為、想法、情緒等多個(gè)方面,從用戶最初接觸產(chǎn)品或服務(wù)開始,一直到最終完成使用或者離開的整個(gè)流程。

它是描述用戶體驗(yàn)的工具,也是用來做戶體驗(yàn)設(shè)計(jì)的工具。因?yàn)槲覀兛梢酝ㄟ^調(diào)整產(chǎn)品或服務(wù)的各個(gè)環(huán)節(jié)來改變用戶使用過程中的體驗(yàn)。它也是用來做產(chǎn)品交互設(shè)計(jì)的基本工具之一。它要求產(chǎn)品經(jīng)理把用戶使用產(chǎn)品的每一個(gè)環(huán)節(jié)列出來,包括交互方式、場景,然后為每一個(gè)環(huán)節(jié)標(biāo)出一個(gè)體驗(yàn)值,可能是正值,可能是負(fù)值。這就是一個(gè)體驗(yàn)地圖。

圖1:(某航空公司)用戶體驗(yàn)地圖之——情緒地圖

在我們確定了要把產(chǎn)品做成什么樣以后,可以先根據(jù)確定的業(yè)務(wù)范圍,將用戶的交互流程和體驗(yàn)值列出來。但是這個(gè)是根據(jù)用戶原有的業(yè)務(wù)流程列出來的,為了實(shí)現(xiàn)產(chǎn)品目標(biāo),我們需要對(duì)產(chǎn)品進(jìn)行設(shè)計(jì),設(shè)計(jì)的過程,實(shí)際就是對(duì)體驗(yàn)過程的設(shè)計(jì),我們可以有意調(diào)整每個(gè)環(huán)節(jié)的體驗(yàn)值,可能調(diào)高,也可能調(diào)高,但是最終是讓用戶對(duì)整體產(chǎn)品提供的服務(wù)滿意。具體如何調(diào)整,我們繼續(xù)看后面幾條原則。

二、與用戶相互理解是根本

俞軍說過 “產(chǎn)品經(jīng)理就是以產(chǎn)品當(dāng)筆,與世界對(duì)話”。小編先不說那么大,這里想說的是,產(chǎn)品是產(chǎn)品經(jīng)理與用戶對(duì)話的語言。既然是對(duì)話,那么相互理解就是基本條件了。

首先,我們要理解用戶

這是基礎(chǔ)。做產(chǎn)品交互設(shè)計(jì)的時(shí)候,你需要知道用戶為什么用你的產(chǎn)品,什么才是吸引用戶的,什么是用戶討厭的,什么會(huì)給用戶造成阻礙,什么讓用戶開心。只有這樣,你才能知道要做什么樣的交互,用什么樣的順序和組合去安排所有交互環(huán)節(jié)。

其實(shí)不管是產(chǎn)品新手還是產(chǎn)品老手,都知道要理解用戶。但是理解用戶卻不像說的那么簡單。換位思考誰都懂,但怎么做呢?小編前面幾篇文章都有提到,下面我們來總結(jié)一下:

  1. 角色扮演。假裝你是用戶,你去真實(shí)體驗(yàn)一下用戶的使用流程。就是,你是用戶,你在使用產(chǎn)品的每個(gè)環(huán)節(jié)都有你的目的,想獲得的東西。帶著這個(gè)目的,去模擬用戶的使用流程。這個(gè)時(shí)候,你就會(huì)一定程度上理解用戶的真實(shí)想法。
  2. 用戶訪談。去和一個(gè)真正的用戶聊天,詢問他/她使用同類產(chǎn)品或者在沒有現(xiàn)有產(chǎn)品情況下, 開展原來業(yè)務(wù)的目的、想法、感受,他們最想優(yōu)化什么?最煩的環(huán)節(jié)是什么?
  3. 特征抽取。你的目標(biāo)用戶總有一些特征,如年齡、性別、普遍心態(tài)、用戶目標(biāo)、需求、使用場景等。這些特征一般都會(huì)促使用戶在使用產(chǎn)品的時(shí)候產(chǎn)生一定的心理活動(dòng),即心理特征。從這些特征,我們也可以去推導(dǎo)用戶的體驗(yàn)。比如小編之前做過一款老年人產(chǎn)品。老年人,大多數(shù)人是有眼花的,所以欣賞不來精美但是細(xì)小的文字,他們喜歡大號(hào)字體。因此如果你還是按照原來的審美標(biāo)準(zhǔn)去設(shè)計(jì)界面,則必然無法被老年人接受。一定要在大號(hào)字體的前提下再去考慮交互和界面。
  4. 數(shù)據(jù)分析。如果你已經(jīng)有大量數(shù)據(jù),為了分析每個(gè)環(huán)節(jié)用戶的感受,可以從數(shù)據(jù)中去尋找蹤跡。比如,用戶如果對(duì)某個(gè)地方很感興趣,則其在這個(gè)地方停留的時(shí)間可能很長,如長時(shí)間查看某張圖片。如果你有人工智能算法,則可能有更復(fù)雜的方式去分析。

在這么多方法當(dāng)中,小編最推薦的還是角色扮演,因?yàn)樗茏屇阌眯娜ンw驗(yàn)產(chǎn)品的交互流程,充分理解用戶感受。然后配合用戶訪談,糾正你的假設(shè)。特征分析則要求產(chǎn)品經(jīng)理的心理學(xué)功底很扎實(shí),能夠通過用戶的行為特征去判斷用戶心理,不是一般產(chǎn)品經(jīng)理能做到。數(shù)據(jù)分析是對(duì)用戶行為的數(shù)據(jù)理解,很多時(shí)候是在做總體分析的時(shí)候使用,最終,還是需要產(chǎn)品經(jīng)理去把它編譯成用戶故事,所以是最下策。雖然很多時(shí)候,一些領(lǐng)導(dǎo)反而希望你有數(shù)據(jù)支撐。

其次,要想辦法讓用戶理解我們

這就是所有設(shè)計(jì)的基本原則,包括交互設(shè)計(jì),都需要遵循這個(gè)原則,如果用戶無法理解我們的設(shè)計(jì)表達(dá),那么我們的心思就白費(fèi)了,即使你可能當(dāng)時(shí)覺得這簡直是一個(gè)“天才設(shè)計(jì)”。想要讓用戶理解我們,我們需要在理解用戶的前提下做到以下幾點(diǎn):

1)按照用戶的思維習(xí)慣去設(shè)計(jì)。

比如,一次,小編要設(shè)計(jì)一個(gè)幫助用戶記錄游玩軌跡的功能。開發(fā)同事說,讓用戶每次停下來上傳一個(gè)地理位置信息就可以了。

這個(gè)邏輯從技術(shù)上講完全沒錯(cuò),但是從用戶的角度,就是一個(gè)無稽之談——因?yàn)闆]有一個(gè)游客會(huì)為了記錄軌跡特意去上傳地理位置信息,也不愿意讓實(shí)時(shí)地理位置這么隱私的信息隨意上傳,同時(shí),玩才是用戶的體驗(yàn)過程,他只想玩,不想做太多多余的事情。

所以小編向開發(fā)提了一個(gè)技術(shù)方案詢問:可否通過圖像識(shí)別+或者三維視頻融合的方式確定用戶的軌跡。

(當(dāng)然,不是用戶的需求都一定要滿足,小編只是評(píng)估可行性和成本,如果成本過高,也不必強(qiáng)求。)

2)使用用戶的習(xí)慣性語言去表達(dá)。

這里“習(xí)慣性語言”指的是用戶在其日常生活中形成的對(duì)事物的理解和習(xí)慣性表達(dá)。比如,中國和大部分西方國家,豎大拇指都是贊許的意思,但是在伊朗卻是侮辱的意思。因此在給伊朗用戶做產(chǎn)品的時(shí)候需要改變其表達(dá)形式。

再舉個(gè)例子,習(xí)慣了蘋果和微軟界面的用戶,認(rèn)為“X”的形狀表達(dá)關(guān)閉,但是對(duì)于剛接觸互聯(lián)網(wǎng)的用戶,特別是一些老年人用戶來說,“X”還不如直接用“關(guān)閉”兩個(gè)字更直觀。所以一定要注意習(xí)慣性表達(dá),別直接套用自己的語言去表達(dá)設(shè)計(jì),否則很有可能把產(chǎn)品做成災(zāi)難。

3)給用戶足夠的提示。

這點(diǎn)非常重要,也是很多產(chǎn)品經(jīng)理經(jīng)常忽視的地方。比如,很多注冊(cè)界面,明明需要用戶同意《用戶協(xié)議》,卻把同意那個(gè)√放在很不起眼的位置,并且字也很小。到底是想讓用戶知道呢還是想讓用戶不知道。有的產(chǎn)品經(jīng)理是希望用戶不要去點(diǎn)開查看用戶協(xié)議內(nèi)容,但是有點(diǎn)法律意識(shí)的都知道,如果發(fā)生糾紛,法院不管用戶有沒有點(diǎn)開看,都會(huì)判企業(yè)的問題。

還有很多頁面填表業(yè)務(wù),上一步,很多人覺得使用返回按鈕就好了,而不是多加“上一步”這個(gè)按鈕,殊不知,很多用戶是無法意識(shí)到返回按鈕可以回到上一步的。于是傻傻愣在那里。可能他們最后嘗試了一下,發(fā)現(xiàn)返回就可以,但是對(duì)用戶來說這個(gè)體驗(yàn)就很一般了。甚至開發(fā)都不會(huì)有意識(shí)去把返回按鈕做成回到上一步的功能,而是回到上一個(gè)頁面,但是填寫內(nèi)容全部清空了。然后氣死用戶。

給足夠的提示還體現(xiàn)在容錯(cuò)設(shè)計(jì)上。為什么我們要求產(chǎn)品經(jīng)理在設(shè)計(jì)任何功能的時(shí)候,一定要做容錯(cuò)設(shè)計(jì)。是因?yàn)橛脩粼谑褂玫臅r(shí)候需要足夠的提示告訴他所做的決定是否造成他不想得到的后果。良好的提示可以讓用戶不為犯錯(cuò)后悔。所以,不要想著什么簡潔,把很多提示都給省略了,要給用戶設(shè)計(jì)足夠的提示。

三、讓用戶感覺越簡單越好

那么,簡潔到底是不是設(shè)計(jì)的基本原則呢。是的,但是不是界面上內(nèi)容越少越好,也不是步驟越少越好,而是讓用戶感覺越簡單越好。

很多人聽過簡潔原則,是從蘋果公司傳出來的。但是他們都只聽了一半。簡潔,是用更簡潔的內(nèi)容,讓用戶輕松理解產(chǎn)品。就是內(nèi)容要簡潔,理解要更輕松。不是一味地減東西,減到用戶一頭霧水。那么如何讓用戶感覺簡單,有兩個(gè)原則可以考慮一下:

  1. 給用戶提供捷徑。比如,可以用文本模糊搜索,就不要讓用戶進(jìn)行多重選擇??梢宰層脩糁苯酉聠?,就不要讓用戶還要點(diǎn)擊進(jìn)入購物車??梢栽谕粋€(gè)頁面操作,就不要讓用戶來回點(diǎn)多個(gè)頁面。第一個(gè)例子是針對(duì)信息類產(chǎn)品,要讓用戶快速找到想要的信息;第二、三個(gè)例子是針對(duì)功能和業(yè)務(wù)類產(chǎn)品,要讓用戶有快速實(shí)現(xiàn)自己目標(biāo)的途徑。
  2. 不要讓用戶做深層思考。比如工具類產(chǎn)品,你的目的是幫助用戶提升效率,因此不要搞太多復(fù)雜的設(shè)置讓用戶調(diào)試半天。即使你的產(chǎn)品是非常專業(yè)的工具,如三維掃描儀,這種產(chǎn)品現(xiàn)在也基本一打開就調(diào)好基本設(shè)置了,用戶根本不用再去做太多調(diào)試。又比如消費(fèi)、娛樂類產(chǎn)品,還是以電商為例,給用戶可能想要的幾個(gè)選擇就好,并給出可以用于對(duì)比的主要特征,讓用戶可以快速?zèng)Q策。這里才是喬布斯說的簡潔,就是讓用戶不用思考,直接就能用。那種把元素、操作減到用戶摸不著頭腦的,并沒有真的實(shí)現(xiàn)簡潔,而是表面簡潔,實(shí)際上讓用戶需要思考的事情更復(fù)雜了。

讓用戶感覺簡單,可以有很多細(xì)節(jié)上的考慮。但是萬變不離其宗,就是讓用戶快速實(shí)現(xiàn)其目的就好。

在細(xì)節(jié)設(shè)計(jì)上,如果你沒有很多頭緒,也可以用用學(xué)院派的理論——諾曼的交互設(shè)計(jì)基本原則(出自《設(shè)計(jì)心理學(xué)》),他從示能、意符、映射、反饋和概念模型五個(gè)方面教我們做產(chǎn)品設(shè)計(jì)。他其實(shí)也是試圖讓設(shè)計(jì)師的設(shè)計(jì)能夠被用戶理解、接受和喜歡。

四、讓用戶最終感到滿意就好

這個(gè)原則可能會(huì)跟上面的某些原則看起來相互矛盾,因?yàn)檫@里說的是,不用在所有交互設(shè)計(jì)的環(huán)節(jié)都做到讓用戶滿意,即可能在某個(gè)環(huán)節(jié),我不一定讓用戶覺得簡單,或者理解。我只需要最終讓用戶感覺到滿意就好。

其實(shí)沒有矛盾,這個(gè)就是用戶體驗(yàn)地圖設(shè)計(jì)里面的“峰-終”值原理:即,用戶只要在產(chǎn)品服務(wù)最好的地方感到滿意且離開的時(shí)候產(chǎn)品提供的服務(wù)也感到滿意,那么,不管中間發(fā)生的事情,只要不超過用戶的底線,用戶對(duì)產(chǎn)品的整體評(píng)價(jià)都是滿意的。

所以,我們?cè)谠O(shè)計(jì)整個(gè)產(chǎn)品的體驗(yàn)流程的時(shí)候,只需要把握好三個(gè)地方就好:

  1. 所有體驗(yàn)差的設(shè)計(jì),不能超過用戶的預(yù)期的底線,這也是我們產(chǎn)品設(shè)計(jì)的底線;
  2. 在體現(xiàn)產(chǎn)品優(yōu)勢、特點(diǎn)、亮點(diǎn)的地方,一定要比較好地超過用戶的預(yù)期,讓用戶特別滿意;
  3. 在用戶離開產(chǎn)品的那個(gè)觸點(diǎn),一定是讓用戶滿意的,不一定是非常滿意,但是不能是不滿意。

這也告訴所有產(chǎn)品經(jīng)理,產(chǎn)品設(shè)計(jì)的完美主義要用在峰值和終值,就是最能體現(xiàn)產(chǎn)品優(yōu)勢的地方和用戶離開產(chǎn)品的地方?,F(xiàn)在可能很少有產(chǎn)品經(jīng)理傻傻以為完美主義是要把產(chǎn)品的每個(gè)環(huán)節(jié)都設(shè)計(jì)得超乎預(yù)期,但是他們卻不一定理解其中的邏輯是“峰-終”值原理在作祟。在資源有限的情況下,把握好這個(gè)原則,可以讓我們把好鋼用在刀刃上。

五、檢驗(yàn)設(shè)計(jì)的最重要標(biāo)準(zhǔn)是,是否幫助達(dá)成產(chǎn)品目標(biāo)

這是產(chǎn)品設(shè)計(jì)的基本原則,更是產(chǎn)品交互設(shè)計(jì)的基本原則,無需贅述。

如果你不知道你的產(chǎn)品交互設(shè)計(jì)是否是對(duì)的,想想你的產(chǎn)品目標(biāo)是什么,用戶需求是否更接近被滿足了,公司的目標(biāo)是否更接近了。如果沒有,說明你要重新審視一下你的設(shè)計(jì)。我們做的每個(gè)流程設(shè)計(jì)、每個(gè)頁面、每個(gè)功能、每個(gè)按鈕、每個(gè)圖案都是為了實(shí)現(xiàn)產(chǎn)品目標(biāo),這是我們?cè)谧霎a(chǎn)品交互設(shè)計(jì)的時(shí)候所不能忘的。

是的,不忘初心。

總結(jié)

總結(jié)起來,就幾句話,產(chǎn)品交互設(shè)計(jì)的基本原則是,要把產(chǎn)品交互設(shè)計(jì)當(dāng)做一個(gè)流程來設(shè)計(jì),理解用戶、做用戶理解的設(shè)計(jì)、讓用戶感覺越簡單越好,如果你不知道產(chǎn)品交互設(shè)計(jì)做得好不好,回想一下你的產(chǎn)品目標(biāo)是什么,然后看看,你做的設(shè)計(jì)是不是都在幫助實(shí)現(xiàn)你的產(chǎn)品目標(biāo)。

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

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 設(shè)計(jì)雖然大有不同,但底層邏輯還是有共同點(diǎn)的哇

    來自中國 回復(fù)