標籤:

《微交互》-讀後感

微交互是什麼?

這大概是你看到這本書的第一反應,這整本書其實就是在回答這個問題,而書的副標題就已經給了一個提示,designing with details,中文被譯為「細節設計成就卓越產品」。譯文有點浮誇,但有趣的是這恰好可以用來說明它本身,如果直譯為「細節的設計」,遠不如成就卓越產品來得更加吸引人,這就是細節的力量。

書的結構中歸中矩,先講微交互的概念,然後分為觸發器、規則、反饋、模式與循環四個部分對微交互進行拆解,最後是幾個綜合實例的分析。微交互以及這些組成部分的意義在於,提供了一種思維方式和溝通語言,只要在團隊中普及了這些東西,下次就可以直接說,哎你這個設計的觸發器不太合適,哎你的反饋還需要再改改,在設計文檔中也可以直接用這些來對交互進行說明而不會引起誤解。對於交互設計本身,包括自己做方案以及競品分析,都有跡可循。

那說了這麼多,觸發器、規則、反饋、模式和循環,每個字我都認識,但到底是什麼意思?下面直接用一個實際例子來說明。

以基金列表為例,分析的套路是這樣的。

首先要明確目標,我們希望用戶最終可以購買某隻基金。大致的規則是,用戶查看基金列表,打開某個基金的詳情,點擊購買按鈕,輸入購買數量和密碼,完成購買。觸發器就是,基金列表中的某個基金,以及購買按鈕。如果你不點進去,如果你不點購買,這個目標就實現不了。至於反饋,點擊之後切換頁面,彈出東西,以及本身界面的布局顏色變化等,都是反饋的一部分。循環則是提供了一種持續進行操作的方式,比如完成購買之後,下面顯示「繼續逛逛」。

1)觸發器

基金列表本身作為一個觸發器,需要考慮的是其夠不夠明確,不是說用戶不知道可以點擊進去,而是說,用戶不知道為什麼要點進去,所以要擺出最吸引用戶眼球,最打動用戶的東西,比如加大加粗加紅的收益率數字。有不少基金公司喜歡在基金列表直接加購買按鈕,希望能提高用戶的購買率,但是除了給那些明確要購買某隻基金的用戶帶來快捷方式,好像並沒有提高觸發器的吸引力。

觸發器也不一定是用戶主動點擊的,也可以是由系統控制,比如在打開app的時候觸發,然後直接彈出廣告內容。

2)反饋

用戶點擊基金列表中的某個基金,該選項發生變化,用戶就知道自己點中了,而且沒有點錯。之後出現新頁面,若內容沒有完全載入好,要顯示載入中或者轉圈圈,用戶才知道正在載入而不會誤以為沒有東西。這些,都是屬於反饋的內容。反饋是最能發揮創意的部分,觸發器點擊之後,可以上下左右移動,可以發生各種變化,載入時的動畫,也可以是創意無限,也可以儘可能簡約。

3)循環

循環,不僅僅是購買完成後的提示,也可以是長時間的,比如一個星期,一個月後,給用戶適當的提示和引導,讓用戶再次完成購買操作,比如可以推送持倉基金的漲跌情況,收益的變化等等。循環的目的在於讓用戶保持對產品的持續關注。

4)規則

規則其實就是上面各種內容的規範化表達,便於在團隊成員之間進行溝通。同時也要相對合理,不要給用戶造成困擾。書中有一句話是這樣說的,「我不知道不同會不會更好,但我知道如果更好一定會不同。」也就是說,規則的制定,不要總想著標新立異,而是要以提高用戶體驗會目標。

書中反覆提到的一個詞是「權衡」,微交互雖然很重要,但是太過注重細節可能導致只見樹木不見森林,最終使得細節不能構成一個有機的整體,細節與大局之間需要一個很好的權衡。還有就是商業與設計之間的權衡,在項目中很難有足夠的時間可以專註於細節,仔細地打磨產品,在微交互上的時間是否值得花,是需要考慮的。

推薦閱讀:

「完美」的字體系統搭建與維護指南
BAT 設計師帶你10周做好作品集 - UI/UX 設計師訓練營
UI設計必背英語|001初識
VR產品設計的挑戰和未來發展方向
每周設計精選 #4

TAG:交互設計 |