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

6 評論 10671 瀏覽 47 收藏 8 分鐘

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

誰與誰一致

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

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

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

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

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

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

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

一致性的第一性原理

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

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

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

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

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

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

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

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

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

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

延伸思考

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

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

 

本文由 @王文俊 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 不能單純的用一致性去解決用戶體驗,還是要應用到具體場景里,通過一致性的大原則,去調整具體的

    回復
  2. 很有啟示,有個小問題,當一致性和用戶體驗發生沖突時,產品經理如何說服Ui

    回復
    1. 這個前提可能就存在問題~一致性是服務于用戶體驗的,怎么會沖突呢?我能想到的可能是與業務目標發生沖突,如果是這樣,建議體驗在可接受的范圍內以業務為先~

      來自北京 回復
  3. 顧客支付結果頁和商家收款結果頁是不寫反了

    來自湖南 回復
    1. 確實反了,已糾正

      來自北京 回復