編輯導(dǎo)讀：設(shè)計一致性是一項基本的設(shè)計原則，頁面保持一致的作用是什么呢？本文作者引用自己的工作經(jīng)驗，分享了一個由設(shè)計一致性引發(fā)的故事，希望對你有幫助。

大風(fēng)商場是光明區(qū)最古早的商業(yè)中心，各式服裝品牌林立，餐廳、咖啡館、劇本殺、Live House應(yīng)有盡有，近些年雖然發(fā)展不景氣，但人流量依舊不減，畢竟京州市最大的互聯(lián)網(wǎng)公司阿巴阿巴就在大風(fēng)商城的頂樓。

此時公司的10號會議室氣氛沉悶而嚴(yán)肅，這已經(jīng)是第四次需求評審會了，幾方的意見還是沒有達成一致，不知道這次的方案又會動到誰的奶酪。尤愛環(huán)視了一周，看見破達克和皎虎都到場了便率先打破了沉默：“我覺得這個方案還是不太合理，你們看這兩個頁面，為什么不一致？”

破達克立馬講道：“這兩個頁面不一樣啊，一個是店鋪賣水果，另一個是店鋪不賣水果，店鋪賣水果需要設(shè)置…”

尤愛深深地嘆了口氣，打斷道：“我就問你，店鋪賣水果和不賣水果是不是一個層級的事？”

破達克停頓了一下，很不情愿地說：“是…”

“既然是一個層級的東西，為什么不固定標(biāo)題？照你們這么做，標(biāo)題名稱豈不是要變來變?nèi)サ模课覀兊脑O(shè)計規(guī)范有允許這樣嗎？還有為什么店鋪賣水果頁面有兩張卡片，店鋪不賣水果又只有一張卡片？同樣的內(nèi)容保持一致性是最基本的設(shè)計原則！”尤愛很生氣地說道。

破達克說道：“主要你看這個店鋪如果不賣水果人家確實不需要設(shè)置規(guī)則呀，一張卡片就夠了，沒必要放兩張卡片吧？”

“那是你們的業(yè)務(wù)場景，要是每次都按照你們的業(yè)務(wù)訴求走，那我們別做平臺做定制好了，我們還做什么設(shè)計規(guī)范、設(shè)計原則的，既然現(xiàn)在有了這些東西我們就得遵守，總之，我的意見就是必須保證頁面的統(tǒng)一性和一致性，現(xiàn)在很明顯就是不一致，這肯定不行的?！?/p>

會議室里呈現(xiàn)著一陣不和諧的沉寂，破達克將頭轉(zhuǎn)向皎虎，眼神里充斥著求助的信號，很為難的說：“這個規(guī)范也不能影響用戶體驗吧..”

在會議開始前，皎虎就料到尤愛會質(zhì)疑頁面的一致性，于是提前查閱了一些資料，他原本以為破達克會全力推進項目，自己只需要打輔助，沒想到破達克這么快就敗下陣來，竟然還指望他，他并沒有把握能搞定尤愛，但此刻所有的目光都盯著自己，他也只能硬著頭皮說：“我覺得這個問題我們不能只盯著這個頁面來看，我們得先同步下這次需求的背景。我理解此次需求破達克是希望所有的商家至少告訴機器人，店鋪究竟賣不賣水果，這樣可以提升機器人的回復(fù)覆蓋率，是這么個事吧？”

破達克說：“是的，此次功能上線后，店鋪不賣水果的商家也能使用我們的機器人，這部分的轉(zhuǎn)化能有三成，為此我還爭取到了5個曝光入口?！?/p>

“也就是說有七成的商家店鋪都賣水果，這部分商家現(xiàn)在的配置情況怎么樣？”尤愛追問道。

“30%，目前能夠配置的水果售賣規(guī)則還比較簡單，所以這次我們也對售賣規(guī)則的設(shè)置做了升級?？偟膩碚f，這次的目標(biāo)商家有兩類，一類是店鋪不賣水果的，一類是賣水果但是我們之前的水果售賣規(guī)則過于簡單沒滿足人家的訴求。”

尤愛點點頭，未置可否。

皎虎說：“好，既然我們的目標(biāo)是轉(zhuǎn)化，那就得從流程說起，對于我們的目標(biāo)用戶來說，他們面臨的第一件事情就是選擇「店鋪賣不賣水果」，這個大家有疑問嗎？”

皎虎見大家都搖頭，于是接著說：“那這就有個很現(xiàn)實的問題，「店鋪賣水果」有一系列規(guī)則要配置，機器人回復(fù)根據(jù)規(guī)則自動生成；「店鋪不賣水果」沒有規(guī)則要配，商家可以自定義機器人回復(fù)?！?/p>

尤愛說：“這有什么問題嗎？你說的都是些事實呀?！?/p>

“嗯，問題就是你剛才提到的一致性。如果我們要讓最終的落地頁結(jié)構(gòu)保持一致，也就意味著規(guī)則和話術(shù)要么都分開、要么都合在一起?！傅赇佡u水果」需要用戶填寫水果售賣規(guī)則，這是一個復(fù)雜表單，頁面沒有空間去返顯機器人回復(fù)的示例，并且能回復(fù)的場景也太多了我們總不能去窮舉吧，所以合在一起沒有可行性；然后再說分開，可行嗎？可行，不讓「店鋪不賣水果」的商家在頁面編輯機器人回復(fù)就好了，要編輯也去示例模塊操作?！?/p>

皎虎邊說邊操作著電腦，見沒有人質(zhì)疑，于是接著說：“但這樣做有必要嗎？先不說這中間會流失多少轉(zhuǎn)化，明明一個頁面就能解決的事情非要拆成兩步，這個意義是什么？就是為了保持一致嗎？

尤愛若有所思的望著屏幕，平靜的說道：“確實沒有必要拆成兩步，可…可結(jié)果就是導(dǎo)致了頁面的不一致啊，保持設(shè)計一致性難道錯了嗎？這個原則可不是我拍腦袋隨便說的，這是尼爾森十大可用性原則之一，已經(jīng)是業(yè)界廣為認知的設(shè)計原則了?！?/p>

“保持設(shè)計一致性沒有錯，但我理解我們要保持的是用戶對平臺認知的一致，目的是降低用戶的學(xué)習(xí)成本，用戶可以憑借直覺在頁面上操作。我們的方案沒有違反這個目的，「店鋪賣不賣水果」對于商家來說就是一個事實選擇，從常識上推斷，這個選擇的變動也不會很頻繁，就算有商家今天賣明天就是不賣了，那他也只會關(guān)心頁面的內(nèi)容，至于頁面究竟是一張卡片還是兩張卡片，這是設(shè)計師視角下的一致性?！?/p>

“保持用戶對平臺認知的一致…有點道理，保持設(shè)計一致性從來都不是設(shè)計的目的，而是提升用戶體驗的有效手段，我們不能為了一致而一致?！庇葠圩匝宰哉Z的說道。

突然，她拍了一下自己的腦門，望著皎虎說：“你這么一說，我突然也意識到卡片的規(guī)范里也只定義過標(biāo)題的字號大小，并沒有說名稱不能夠改，要是不能改所有的卡片都只能用一個名了?！?/p>

“嗯，我們每個人都很容易將自己的主觀意識帶入到既定的規(guī)則中，從而把自己的思維套住，跳出來從全局的角度看看就好了，大家還有什么問題嗎？”皎虎內(nèi)心長長的疏了口氣，原來尤愛也不是不講道理的。

破達克見沒有人發(fā)表異議，趁機總結(jié)道：“既然大家都沒有問題，那就按現(xiàn)在的方案進行吧，散會！” 說完便站起來走出了會議室，與會人員也陸續(xù)朝門口走去。

本文由 @范思蜀 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議