從第一性原理看界面設計的一致性 2019-12-10 來源: 卓杰科技(www.08vd.com) 瀏覽:

從第一性原理看界面設計的一致性


注:一致性,不是形式與形式保持一致,而是形式與用戶認知保持一致。

誰與誰一致

設計原則都是有理可循的。很多設計原則是由人對大腦和人體工程學的認識,加上實際經驗,總結得來的,例如7± 2 法則、費茲定律等等。設計師如果不知道對這些原則追本溯源,理解它最根本是要解決什么問題,只是應用,難免會偏離初衷,遇到問題。

下面以一致性設計原則為例,講述在應用原則的過程中我們可能遇到的問題,以及為什么會遇到這些問題。

產品經理A:“這個頁面的視覺焦點有點跳,還有優化的空間嗎?”

設計師B:“因為其中一個模塊在其他頁面也有,為了保持統一和可復用性,所以產生了你說的問題?!?

產品經理A:“這三個前后頁面太像了,用戶會不會迷路???”

設計師B:“不會吧,這三個頁面的內容都是關于xx的,前后保持一致,應該更好理解吧?!?

通過這些對話發現,設計師B經常用來闡述自己設計思路的一致性,在面對產品經理A以用戶視角發起的疑問時,不能很好地解釋說明,原則似乎“不靈了”,原因出在哪里?其實,從設計師B的說辭可以分析出,他提出的一致性的出發點是存在偏差的。

一致性的第一性原理

如何糾偏,我將從第一性原理來重新解讀一致性。

所有設計原則的出發點是用戶。為了讓用戶更好地使用產品,我們才通過設計原則來指導完成好用的設計方案。它不是為了方便設計師對照原則畫界面,提高設計效率,或輸出一套遵循原則的漂亮規范,或成為與產品經理爭論時的有力依據。它是為了方便用戶,讓用戶能夠理解界面中的信息時不會困難,在屏幕中操作時不會覺得麻煩。理解了這一前提,我們再更深一層看,一致性到底解決了用戶什么問題?

用戶在瀏覽界面信息時,是通過大腦處理信息,這一過程和大腦的運行機制有關:人類大腦的運行是建立在經驗的基礎上。以往的記憶和認識會影響對當下新事物的判斷,大腦會尋求新事物與已有經驗的聯系,將它們關聯,一視同仁地去理解,從而降低大腦的負擔。對,人類就是這么懶,一致性簡直就是人類大腦的福音。

綜上,從第一性原理解讀后的一致性原則為:與用戶已有的認知保持一致。在此基礎上延伸,才有了我們常說的那些道理:“我們要讓用戶再次看到xx時能夠很快明白它的用途,才將這個元素或模塊在多處保持統一”;“我們通過運用映射物理世界的方法去設計表現層,為的是讓用戶更容易理解xx”等等。

所以,我們常用的一致性也沒錯,只不過是核心思想落地到具體情況的具體表現,它是多樣的,但我們不應該將多樣的表現總結為規律,去遵循,而應該探究到本質,再從本質出發,解決多樣的問題。

下面舉兩個實際工作中應用一致性和選擇不用一致性的例子。

應用一致性的例子:背景是顧客在餐廳就餐后,用手機掃描桌臺上美團點評提供的二維碼即可查看訂單直接支付,如果商家提供會員服務且顧客還不是商家會員,即可看到申請成為會員的入口,如下左圖,如果顧客已是會員,則看到的是右圖。

這里的一致性體現在前后頁面會員模塊的位置上,都位于頁面的頭部,與商家信息在一塊兒。原因是,顧客從商家信息下方的申請入口完成申請流程后,重新進入支付訂單頁時,想確認自己是否已是會員,這時,根據之前已有的認知,會先入為主地從頭部的商家信息附近開始尋找,故將會員標識也與商家信息放一塊兒,與用戶的認知保持一致。

再來看一個選擇不用一致性的例子:背景是顧客在餐廳就餐后選擇美團智能POS機進行支付,并且該顧客支付時使用了會員余額,剩下的零頭使用了微信支付,如下左圖是顧客完成支付后手機上的支付結果頁,右圖是商家完成收款后POS機上的收款結果頁。

這里的不一致體現在頁面頭部重點展示的金額上。大家一定會疑問,同一筆消費的支付結果頁,為什么要展示不一樣的金額呢?同樣的金額難道不也會讓顧客和商家達成某種一致嗎?通過詢問商家的想法發現,商家更關注訂單的總金額,因為這才是他們實際得到的收益,并且在對賬時也需要訂單總金額才能對平。反觀顧客,作為注重優惠的消費者自然更在意自已實際付了多少,有沒有多付或者少付,并且,顯示減去各種優惠的實付金額,在心理感受上也有撈了大便宜的快感。由此可見,一致性在這里,并沒有認知上的重合,也就沒有必要遵循了。

延伸思考

除了一致性原則,很多其他設計原則,甚至設計工具和設計方法都可以用第一性原理的思路去剖析:做可用性測試的本來目的是什么?用戶場景分析究竟為的是什么?HEART模型是怎么來的又可以衍生出什么?馬斯洛需求層次理論的本質是什么?

相信通過第一性原理的層層剖析后,你會對這些平時常用的知識產生全新的認識。


在線咨詢

020-89202380

国产在线亚洲欧美手机