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

0 評論 11670 瀏覽 37 收藏 14 分鐘

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

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

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

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

一、不要讓用戶思考

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

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

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

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

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

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

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

按鈕設計對比

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

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

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

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

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

思維導圖的線性思考

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

蜘蛛網圖的網狀思考

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

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

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

京東首頁,菜單欄

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

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

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

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

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

outsystems啟動引導

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

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

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

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

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

在產品設計的時候也是一樣,你見過產品打開就是滿頁的免責聲明的設計么?必要的大段文字是不是大部分都是很小的入口。

用戶通常是點開頁面飛快的掃描關鍵信息,你可以回想一下,你刷知乎的姿勢是怎樣的?

一種方式是:目標明確的進去搜索。找到自己想要的答案;另一種方式是:在推薦欄里不停的滑動,滑到有意思的標題停下來,點進去。

所以,一旦知道這個原則,再回過頭看知乎的設計。知乎的回答內容是折疊一部分,并把標題和回答者簡介突出。在一個頁面上,你快速掃描的時候,也就能看清4到 5個標題回答,以及各個回答的作者。

五、設計搜索框很重要

我們在知乎的例子里說到,用戶刷知乎的時候兩種姿勢。一種是搜索,一種是無目的滑頁面。這個映射到現實世界里,刷知乎就像逛商場。無目的滑頁面就像在商場里閑逛,而在知乎里搜索,就像在商場里找服務人員直接詢問某個店在哪個位置。

那么如果商場一個服務人員都沒有的話,是不是很可能會流失一些客戶。同樣,在產品里,沒有搜索的話,用戶帶著明確目的打開產品,會花很長時間也不見得達到他目的。消磨用戶的時間和耐心可不是個好現象。

六、在已有的用戶習慣上謹慎創新

在產品的使用過程中,會有非常多的習慣用法。比如搜索欄的標志是一個放大鏡,比如微軟Office的撤銷快捷鍵是Ctrl+Z,比如關閉按鈕一般在頁面右上角等等。

習慣能夠成為習慣,一定有背后的邏輯。不好用的習慣可能在演進的過程中就已經消失了。而要改變一個積累了很久才形成的習慣,一定是要付出非常大的能量。就像衛星在既定軌道繞地球運轉,他是不怎么耗能的,但是如果需要他換一個對地軌道,那需要的能量可就非常大了。

你可以試想一下,一款產品,搜索欄標志是一顆衛星,撤銷的快捷鍵是Ctrl+V,頁面關閉的按鈕在左下角。是不是用起來會想摔電腦。

七、體系的思考增刪改查

這一點B端產品會接觸的多一些,在對表單進行設計的時候,需要有整體考慮的思維。我們在說麥肯錫的互相獨立,完全窮盡的時候,會談到把功能盡可能細分,達到功能和功能之間完全獨立。

但是有拆分的能力也要有統一的能力,否則就會出現,設計了增加按鈕,但是沒設計刪除按鈕,設計了刪除按鈕,沒設計修改按鈕等等。表單里的增刪改查,在設計上其實是統一考慮的。

這一點是從研發小伙伴身上學習的,他們的視角里所有的功能都會變成一行一行的代碼實現,當發現有一個地方代碼實現起來有漏洞了,他們會反推功能是不是夠完整,不夠全面。經常會提很多Corner Case給到產品。

久而久之,對于一個模塊,體系地思考其功能再進行設計,就成為了一種習慣。設計增加的時候,是不是一定會想到刪除應該怎么刪,刪除之后現有表單的數據應該怎么處理,修改數據允許改動哪些,是改字段類型,還是改表里的值?

產品交互確實是一個非常難的學問,可能涉及到心理學,傳播學等等知識?,F在市場上產品設計的時候可以參考的依據是非常多的,那么在對優秀產品的學習中,我們借鑒他們設計的同時,也應該能夠知道他們設計背后的邏輯。

也許背后邏輯會映射到今天總結的一些原則里,也許有那些優秀產品經理自身更獨特的思考。但是我們要知道的是,在設計產品交互的時候,是能夠有一套方法論去指導我們設計的。這套方法論也不會違背創新。

斯坦福大學最受歡迎的創意課里提到,創新是可以由一套規則批量創造的。那在我們日常設計產品的之后,熟悉交互設計的方法論,相信也會在其中找到屬于自己的創新。

 

本文由 @格林不童話? 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!