????????今年8月,就已經拜讀了《簡約至上:交互式設計四策略》,其中本書中一些精華的設計原則我已記錄在案,如今將這些設計原則結合具體的案例進行分析,如何做到簡約至上,從而更加形象的理解交互設計的四策略。文中所舉例子僅為個人觀點,如有不同意見或建議,歡迎廣大朋友拍磚。
????????本書中將用戶分為三種類型:隨意型用戶、主流用戶和專家型用戶。與上面的三種類型對應的,根據用戶對產品的掌握程度,我們可以將用戶分為新用戶、中間用戶、專家用戶,這三種類型的用戶基本呈正態分布。
?????? 新用戶和專家用戶都只是少數,大多數新用戶在使用一段時間產品后,隨著對產品的逐漸熟悉慢慢就會成長為中間用戶,而少部分中間用戶會因為不斷探索產品功能而成為專家型用戶,這也就意味著在產品設計時最重點考慮的是這部分中間用戶,他們才是產品使用的主流群體,因此,我們更需要考慮這部分用戶的需求來進行產品設計。
?????? 由于中間用戶占絕對的主體地位,而新用戶和專家用戶只是少數派,因此,在產品設計時,不要試圖滿足所有用戶,要以中間用戶為主,滿足中間用戶的需求。
???? 《簡約至上》中的提出的4點簡約設計原則就是:刪除、隱藏、組織和轉移。四個策略都有其優、缺點,在產品設計時,不要僅僅傾向于其中一種,需要根據具體情況采用更合適的策略,有時甚至需要將4種策略同時考慮,做到“因時而變,因勢而變”。
?????? 簡化設計最明顯的方式就是:刪除不必要的功能,即產品設計時要學會做減法,不能是功能的堆砌。“刪除”策略的核心就是干掉那些增加用戶負擔和干擾用戶的因素,讓用戶專注于核心功能的使用。
???????? 現在我們通過一個例子來說說“刪除”策略。打開支付寶APP后,在首頁排列著各個業務模塊,現在已經有9行,一行4個,差不多有36個小模塊,基本成了業務模塊的堆砌,而一些業務模塊在其它地方也有入口,卻被重復放在了首頁的位置。如下圖中的“服務窗”(這和微信中的“訂閱號”功能類似),在“朋友”菜單和“通訊錄”中均有該功能入口,而用戶獲得某個服務窗基本是基于通訊錄朋友的推薦或者用戶主動搜索關注。而支付寶團隊可能更多考慮到的是商業價值,所以把“服務窗”也放在了首頁中。我們都知道在設計產品時,需要在用戶體驗和商業價值的上取得平衡。所以我的建議是:將首頁的“服務窗”刪除,保留“朋友”菜單和“通訊錄”這2個入口,或者將其固定放在“朋友”中的“生活圈”下面,且不可刪除,這樣,不僅簡化了首頁,而且,用戶同樣能收到“服務窗”推送的新消息。
????? 組織往往是簡化設計最快捷的方式。對產品界面進行重新組織布局時,需要考慮—尺寸、顏色、位置、形狀和層次對界面進行組織。具體組織方法總結如下:
1.通過分塊重新組織界面,將復雜模塊組織成清晰的層次結構;
2.根據用戶的操作行為,組織產品(如電商的購物流程);
3.利用不可見的網格來布局,重新組織界面元素;
4.考慮元素的大小、位置(重要元素大一些,相似的元素放一起);
5.利用感知分層技術,借住顏色、灰色陰影、大小縮放、形狀變化來實現感知分層;
?????? 這里以微信舉例,如微信的“通訊錄”中,根據字母A-Z從上到下,將首字母相同的聯系人放在同一個字母的分塊中;同時,使用了上述說到的網格、顏色灰暗的感知分層,通過這些組織方式,可讓用戶很方便的查找聯系人,該方式在手機通訊錄中也廣泛使用,如下圖所示:
???? 如下圖微信中,“我的錢包”頁面也進行了組織,將服務按服務提供方進行了分塊處理,分成了“騰訊服務”和“第三方服務”。這樣,通過分塊來重新組織界面,使得界面功能模塊更加清晰。但是,在支付寶中,是沒有這樣處理的,下文的“隱藏”策略中將有說明。
??????? 隱藏策略,一般就是隱藏不常用,但不能少的功能,該策略在很多產品中都有體現,比如產品中常用的“設置”選項。還比如微信中的“訂閱號”,就隱藏了公眾號的推送內容,如果用戶想看這部分內容,可以點擊“訂閱號”進去查看,而不是在最外層直接推送給用戶,強制用戶查看,給用戶帶來不必要的干擾。
??????? 其實,上文提到的支付寶中,也有許多功能模塊可以考慮進行隱藏,然后可按照功能相似性或功能類型進行重新組織。比如支付寶中的“壹基金月捐”和“愛心捐贈”可以放在“更多”中,然后重新組織后放在“慈善服務”的模塊中(這里僅僅是拋磚引玉,說明把不常用的功能,隱藏起來,且重新組織)。
?????? 轉移主要涉及需要重新布局的、復雜的功能。需要注意以下幾點:
1.在設備之間轉移(將復雜的部分轉移到其它設備);
2.向用戶轉移(用戶愿意做的事情讓用戶自己做);
3.將復雜的事情交給計算機處理;
??????? “轉移”這種策略其實在微信上也有很好的體現,比如公眾號的管理,就被轉移到了PC上,這樣在電腦上就可以很方便的編輯和管理公眾號,對于公眾號的管理,其實市面上已經出現了專門對公眾號內容進行編輯的產品。同時,對于一些有工作需要的用戶,微信成為了他們的溝通工具,那么這部分用戶可以通過微信網頁版進行登錄,網頁版的微信設計非常簡單,主要給一部分用戶在手機之外的設備上進行溝通之用。這些例子都是就將手機上操作很麻煩的事情,轉移到了電腦上。
?????? 總之,要為中間用戶設計,設計時需要刪除不必要的,組織需要提供的,隱藏非核心的,轉移需要重新布局的。