選單

7條互動設計原則,和你一起重新設計產品!

編輯導語:我們都知道,在設計過程中要滿足一定的互動設計原則,這直接決定了使用者使用你的產品過程中的體驗,其重要性不言而喻。那麼在我們設計互動行為方式的時候,應該遵循什麼原則呢?本文作者為大家總結出來了7條互動設計原則,歡迎大家討論交流。

7條互動設計原則,和你一起重新設計產品!

產品互動設計在大廠會有專門崗位的同學完成,但是對於職責分工還沒有那麼明確的公司來說,這部分的工作可能就是產品經理來兼職完成了,甚至也有研發來兼職完成的。

這裡往往會出現一些問題,非互動專業的人設計完產品之後,我們想要實現的功能是可以滿足的,但是使用者體驗可能會大打折扣。如果設計者沒有刻意地去學習一些這方面的知識,設計出的原型可能免不了被一頓吐槽。

在閒暇時,看了一些UX的書籍,這邊總結出幾點原則和大家討論一下。

一、不要讓使用者思考

在之前寫過的一篇文章說到一個觀點,意志力是易耗品,思考本身就會消耗人的能量,那麼使用者在用你的產品過程中,需要經歷複雜的思考的話,一定體驗不怎麼樣。

這裡要排除一些特殊情況,比如券商的產品,使用者開啟APP考慮要不要滿倉買入,這種情況的思考不屬於產品層面帶來的思考。同樣的case,以券商的產品舉例,如果使用者下定決心今天滿倉,但是發現使用的券商App找不到買入入口,花了很長時間思考、摸索才完成買入,那這個產品一定會讓使用者非常嫌棄,甚至換一個券商。

我翻了翻手機裡的App,選了幾個大家可以感受一下使用起來是否需要思考。

微信讀書,下廚房。啟動App,首頁就是搜尋欄,要看什麼書,想做什麼菜,透過搜尋直接滿足使用者需求,整個環節不超過三步,幾乎不需要使用者去思考;抖音,更加簡單粗暴的例子。毫無學習成本的App,點開就開始刷,一步到位。這種互動是非常容易觸達到使用者爽點的。

仔細想一下,這些和讓使用者即時滿足有一點類似。上述舉例的產品功能相對簡單單一,可以從功能上就做到不讓使用者思考,對於複雜一些的產品,會從按鈕設計,UI設計上減少使用者思考的情況。

比如SaaS產品的註冊頁面,是不是可以做到讓使用者儘量少填寫內容,提前錄入好企業使用者的資訊,企業員工註冊時候,輸入工號就可以彈出員工的資訊;比如頁面按鈕擺放的位置,關鍵按鈕的形狀和樣式是否突出,按鈕的提示是否明確。

7條互動設計原則,和你一起重新設計產品!

按鈕設計對比

給一個平時工作的例子,上面是產品的設計,下面是UX同學改過之後的。第一個設計,從使用者視角來看,開關控制元件關閉代表的是隱藏還是不隱藏,需要使用者思考揣摩。而在第二個設計,加上了文字說明,就可以瞬間消除使用者的疑惑,避免了使用者思考。

二、萬不得已,讓使用者線性思考

我們剛聊到的一些產品功能相對簡單,如果提升一些產品複雜度,可能就沒法做到不讓使用者思考了,那可以考慮讓使用者線性思考。線性思考,是指思考過程有一根主線,產品做到讓使用者線性思考,使用者能夠更容易理解產品。

其實這和我們平時用思維導圖的初衷一樣,如果是一個“蜘蛛網導圖”,相信你肯定腦子很混亂。而我們常用的思維導圖,基於一個點去蔓延到一條線,再蔓延到多條線,這符合人腦的思考方式,也更容易記住。我們下面看一下線性思考和網狀思考。

7條互動設計原則,和你一起重新設計產品!

思維導圖的線性思考

7條互動設計原則,和你一起重新設計產品!

蜘蛛網圖的網狀思考

上面兩張圖是說一樣的內容,但是當你腦海裡是網狀的認知,你是沒辦法掌握全域性的。而如果用思維導圖輔助思考,將網狀的內容變成線性,由一個點去發散,我們就會更好的理解現狀,這也是思維導圖的作用。

回到產品設計,比如電商產品的設計,淘寶、拼多多、京東。產品本身的功能是相對複雜的,商城裡的單品也非常多。

7條互動設計原則,和你一起重新設計產品!

京東首頁,選單欄

大家可以設想一下,假設電商產品選單欄不分類也沒有搜素會怎樣?使用者體驗一定只有兩個字,極差。所以產品裡的分類引導,其實就是在給使用者提供用於思考的那根線。

三、無法做到前兩條的情況,設計教程輔助使用者思考

產品根據自身的屬性不同,上手難易程度也天差地別。對於上手難度很高的產品,免不了出現要使用者深度思考的情況。為了應對這類情況,產品的互動上也有解決方案。

大家第一次開啟墨刀的時候,一定會注意到有很多Tips告訴你這一步的功能是什麼,下一步應該做什麼。像墨刀這類產品有比較強的工具屬性。這類產品的產品設計過程中,除了要提供產品給使用者,一定要附帶提供的就是產品說明書了。

7條互動設計原則,和你一起重新設計產品!

outsystems啟動引導

上面是國際低程式碼工具龍頭公司outSystems的產品,坦白說,這個產品真的上手難度很高,所以可以看到他們提供了非常細緻的操作引導,同時提供了很多公開課教使用者如何用outSystems搭建應用。這部分很值得國內的一些同類產品學習。

對於複雜的產品,使用者開啟產品的一刻,就像處於一個完全陌生的空間,完全失去了方向感,這種使用者體驗本身是非常糟糕的。所以提供引導就像虛擬空間裡的指路牌,幫助使用者逐漸清晰的找回新產品空間裡的所在位置。

四、為掃描設計,不為閱讀設計

產品設計的時候也要考慮到,使用者通常非常忙。不會有時間和耐心去閱讀有大量文字的頁面。而且使用者們也預設知道,不看完頁面所有內容並不會有嚴重的影響,大家都學會了跳躍式的閱讀。

就像一篇論文會有標題、小標題、引言、摘要、正文、結尾這些組成,我們透過標題,引言,摘要,結尾論斷就能大概知道,這篇文章所寫的內容是不是我需要的,應不應該花時間仔細閱讀。