一個項(xiàng)目解讀交互設(shè)計的3個核心價值
交互更多的是反復(fù)與產(chǎn)品進(jìn)行需求的質(zhì)疑與爭論、不停探尋商業(yè)目標(biāo)和用戶體驗(yàn)之間的平衡方案、整理需求涉及所有需要承載的頁面、梳理每個頁面之間的邏輯與跳轉(zhuǎn)、不同場景和異常情況下的狀態(tài)呈現(xiàn)等等。
說到交互設(shè)計的價值,很多人可能一臉懵逼,交互不就是一個畫線框圖的嘛,然后再用各種亂七八糟的線連在一起。其實(shí)這一直以來是行業(yè)內(nèi)對交互設(shè)計的一種“誤解”,線框稿只是交互設(shè)計師最終產(chǎn)出的一套方案而已,然而其背后更多的是:反復(fù)與產(chǎn)品進(jìn)行需求的質(zhì)疑與爭論、不停探尋商業(yè)目標(biāo)和用戶體驗(yàn)之間的平衡方案、整理需求涉及所有需要承載的頁面、梳理每個頁面之間的邏輯與跳轉(zhuǎn)、不同場景和異常情況下的狀態(tài)呈現(xiàn)等等……
這些全部思考清楚后才會去設(shè)計線框稿,之后還要進(jìn)行評審,與視覺和開發(fā)共同討論方案的可行性。所以線框稿真的只是你們看到交互設(shè)計師工作中的“冰山一角”而已。
下面通過一個工作中的項(xiàng)目來聊聊那些交互設(shè)計中最核心的價值。
二話不說,先上產(chǎn)品需求原型圖:
看到?jīng)],看產(chǎn)品原型永遠(yuǎn)都不知道產(chǎn)品想表達(dá)什么,算了,還是直接去找產(chǎn)品問清需求。
我:這是什么個需求?
pm:平臺會員申請成為創(chuàng)客的申請流程。
我:創(chuàng)客是什么東西?
pm:這是一種身份,類似會員。
我:我為什么要成為創(chuàng)客,對我有什么好處?
pm:創(chuàng)客可以邀請好友在平臺購物,然后就有相對應(yīng)的分紅。
我:第一個頁面,申請創(chuàng)客的入口為何要放一大堆條款這些東西啊,用戶不會看的啊
pm:這里只是想讓用戶明白創(chuàng)客是干嘛的,而且這是一個免責(zé)聲明。
我:那你也不能這么粗暴,這樣用戶看都不想看~
pm:所以這里就交給你來優(yōu)化了,呵呵~
我:…….
我:申請的條件是什么?
pm:沒有條件哦,呵呵~
我:我不相信~
pm:其實(shí)也沒什么條件啦,就是要填身份證號,上傳身份證的正反面照片,再交個100塊的費(fèi)用就好了,呵呵~
我:…….
真是一口鮮血噴出來,這種流程我要是用戶我都想掐死產(chǎn)品,雖然這種奇葩的方式是運(yùn)營定的。好吧,那也只能先弄個大概的流程先:
這里是將每個步驟都展示出來了,申請的入口也做了相應(yīng)的優(yōu)化,雖然邏輯流程已經(jīng)清晰多了,但是仔細(xì)考慮一下這種體驗(yàn)真的對用戶好嗎?用戶好不容易有點(diǎn)興趣來申請一下,然后看到要輸入身份證號還要拍照,估計很多用戶已經(jīng)望而卻步了,就算資料都提交了然后又告訴我你要交100塊才能繼續(xù)下一步,估計這個時候用戶的內(nèi)心是崩潰的吧,錢交了資料也交了這下總可以了吧,然后再告訴我還要審核,我已經(jīng)不知道該說什么。
不行,一定要再跟產(chǎn)品運(yùn)營討論一下,把這流程改一改,這種體驗(yàn)對用戶來講幾乎是毀滅性的,這個時候交互的價值就體現(xiàn)出來了,在全體都在一意孤行的時候,你也要永遠(yuǎn)站在用戶的角度,為用戶說話,交互很多時候是在商業(yè)需求和用戶體驗(yàn)之間尋找平衡。
在一系列的討論和撕逼之后,大家都退了一步,做了個折中的方案:
這里將提交申請資料和拍照的步驟刪掉,縮短了申請流程,但是付費(fèi)和審核流程還是要留著,這個時候交互就只能想辦法在此基礎(chǔ)上做細(xì)節(jié)的優(yōu)化了,想辦法從其他方面來吸引用戶去做申請的操作,這里的思路是:
- 在申請頁面用較為吸引力的標(biāo)題和副標(biāo)題(文案很重要)
- 用圖標(biāo)加文字的方式來介紹主要功能點(diǎn)(同樣文案很重要)
- 功能介紹區(qū)是促使用戶進(jìn)行升級最重要的地方,除了文案和圖標(biāo)視覺風(fēng)格能否吸引到用戶之外,還可以考慮加入一些交互效果與用戶互動。
- 將價格提前,并做一些氛圍方面的渲染(什么大促銷、體驗(yàn)價之類的)
這里做了兩套方案,交互的價值不是單純給個方案,而是為團(tuán)隊(duì)提供專業(yè)的知識見解,這兩個方案各有優(yōu)劣:
- 第一種功能展示清晰直白,但是版面擁擠展示內(nèi)容太少;
- 第二種界面舒服交互清晰展示內(nèi)容較多,但是功能點(diǎn)超過3個以上對體驗(yàn)不好。
方案和意見都已經(jīng)清晰地傳達(dá)給團(tuán)隊(duì)成員,綜合考慮最終選擇了方案2。
到這個時候交互的工作已經(jīng)進(jìn)行了一大半,當(dāng)主流程已經(jīng)確定下來之后剩余的就是完善剩余的分流程,這個時候交互另一個重要的價值就是要確保所有的邏輯流程都能順暢地跑得通。
下面就要去優(yōu)化交互邏輯,把所有的正常流程和異常態(tài)補(bǔ)充清楚:
交互設(shè)計核心價值
最后總結(jié)整理一下交互設(shè)計核心價值分為3點(diǎn):
1、職業(yè)價值
將模糊抽象的需求轉(zhuǎn)化成清晰具體的可視化解決方案,這個價值是最基本的專業(yè)價值,千萬不要覺得是用軟件畫幾個頁面而已。所有的交互都是要考慮一整套方案,其中有正向、反向和閉環(huán)各種場景。
2、團(tuán)隊(duì)價值
作為設(shè)計師(不僅僅是交互),最重要的職責(zé)是幫助團(tuán)隊(duì)成功。雖然方案很重要,但方案只是設(shè)計過程中一個交付物,不是設(shè)計師最終追求的目標(biāo),核心的價值在于為團(tuán)隊(duì)提供專業(yè)的知識、見解和洞察,而非僅僅只是方案。如果你的團(tuán)隊(duì)可能因?yàn)椴焕斫庥脩裟繕?biāo)而定義錯了目標(biāo),在適當(dāng)?shù)臅r候提出問題,提醒大家;如果團(tuán)隊(duì)糾結(jié)于不同的方案取舍,告訴大家從用戶的角度來分析兩個方案的優(yōu)劣,可以更好地幫助大家做成準(zhǔn)確的決策;如果方向出了較大的分歧,將策略化成可視化原型,幫助團(tuán)隊(duì)理解不同的策略帶來的影響……
3、溝通價值
在團(tuán)隊(duì)中起到承上啟下的作用(上游對接產(chǎn)品經(jīng)理,下游對接視覺設(shè)計與開發(fā))。如果說前面兩項(xiàng)歸類為專業(yè)上的硬實(shí)力,那這一項(xiàng)溝通價值,就可以將它定義為軟實(shí)力。千萬不要小看溝通的價值,作為一個團(tuán)隊(duì)承上啟下的角色,溝通起到了十分關(guān)鍵的作用,你的責(zé)任心、換位思考能力、表達(dá)方式都是影響你最終溝通效果的因素,所以如果你覺得自己溝通能力還有所欠缺,是不是要去嘗試著改變一下了?
最后想和大家說的是,看書不在多,而在于有多少內(nèi)容變成了你自己的東西,邊看邊總結(jié),會不斷地豐富自己的知識體系。交互之路任重道遠(yuǎn),大家一起共勉~
本文由 @小米渣和大冬瓜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
太棒了,很大啟發(fā)
雖是寫與一年前,但是對交互設(shè)計師師的啟蒙作用還是很大,其實(shí)從需求轉(zhuǎn)為原型這一步作用最大,同時也是很不好訓(xùn)練的,有什么好的方法推薦嗎?
這幾天被逼著定框架和模塊展現(xiàn),我才意識到交互設(shè)計的重要性,我是產(chǎn)品,我們沒有交互,工期很緊,只能硬著頭皮自己上了,任重道遠(yuǎn),說不出的心酸
1刷,通過一個需求的過程案例解釋,對交互設(shè)計的3大核心價值充分的提現(xiàn)。能夠有這么清晰的總結(jié),實(shí)在是邊學(xué)習(xí)邊總結(jié)的學(xué)習(xí)套路的展現(xiàn)。感謝小米渣的分享,請接受我的膝蓋。
我想說產(chǎn)品的原型圖,完全沒有體現(xiàn)申請成為會員的部分啊。。
受教了!
贊一個
學(xué)習(xí)了!