由設(shè)計(jì)一致性引發(fā)的故事
編輯導(dǎo)讀:設(shè)計(jì)一致性是一項(xiàng)基本的設(shè)計(jì)原則,頁(yè)面保持一致的作用是什么呢?本文作者引用自己的工作經(jīng)驗(yàn),分享了一個(gè)由設(shè)計(jì)一致性引發(fā)的故事,希望對(duì)你有幫助。
大風(fēng)商場(chǎng)是光明區(qū)最古早的商業(yè)中心,各式服裝品牌林立,餐廳、咖啡館、劇本殺、Live House應(yīng)有盡有,近些年雖然發(fā)展不景氣,但人流量依舊不減,畢竟京州市最大的互聯(lián)網(wǎng)公司阿巴阿巴就在大風(fēng)商城的頂樓。
此時(shí)公司的10號(hào)會(huì)議室氣氛沉悶而嚴(yán)肅,這已經(jīng)是第四次需求評(píng)審會(huì)了,幾方的意見還是沒(méi)有達(dá)成一致,不知道這次的方案又會(huì)動(dòng)到誰(shuí)的奶酪。尤愛環(huán)視了一周,看見破達(dá)克和皎虎都到場(chǎng)了便率先打破了沉默:“我覺(jué)得這個(gè)方案還是不太合理,你們看這兩個(gè)頁(yè)面,為什么不一致?”
破達(dá)克立馬講道:“這兩個(gè)頁(yè)面不一樣啊,一個(gè)是店鋪賣水果,另一個(gè)是店鋪不賣水果,店鋪賣水果需要設(shè)置…”
尤愛深深地嘆了口氣,打斷道:“我就問(wèn)你,店鋪賣水果和不賣水果是不是一個(gè)層級(jí)的事?”
破達(dá)克停頓了一下,很不情愿地說(shuō):“是…”
“既然是一個(gè)層級(jí)的東西,為什么不固定標(biāo)題?照你們這么做,標(biāo)題名稱豈不是要變來(lái)變?nèi)サ模课覀兊脑O(shè)計(jì)規(guī)范有允許這樣嗎?還有為什么店鋪賣水果頁(yè)面有兩張卡片,店鋪不賣水果又只有一張卡片?同樣的內(nèi)容保持一致性是最基本的設(shè)計(jì)原則!”尤愛很生氣地說(shuō)道。
破達(dá)克說(shuō)道:“主要你看這個(gè)店鋪如果不賣水果人家確實(shí)不需要設(shè)置規(guī)則呀,一張卡片就夠了,沒(méi)必要放兩張卡片吧?”
“那是你們的業(yè)務(wù)場(chǎng)景,要是每次都按照你們的業(yè)務(wù)訴求走,那我們別做平臺(tái)做定制好了,我們還做什么設(shè)計(jì)規(guī)范、設(shè)計(jì)原則的,既然現(xiàn)在有了這些東西我們就得遵守,總之,我的意見就是必須保證頁(yè)面的統(tǒng)一性和一致性,現(xiàn)在很明顯就是不一致,這肯定不行的?!?/p>
會(huì)議室里呈現(xiàn)著一陣不和諧的沉寂,破達(dá)克將頭轉(zhuǎn)向皎虎,眼神里充斥著求助的信號(hào),很為難的說(shuō):“這個(gè)規(guī)范也不能影響用戶體驗(yàn)吧..”
在會(huì)議開始前,皎虎就料到尤愛會(huì)質(zhì)疑頁(yè)面的一致性,于是提前查閱了一些資料,他原本以為破達(dá)克會(huì)全力推進(jìn)項(xiàng)目,自己只需要打輔助,沒(méi)想到破達(dá)克這么快就敗下陣來(lái),竟然還指望他,他并沒(méi)有把握能搞定尤愛,但此刻所有的目光都盯著自己,他也只能硬著頭皮說(shuō):“我覺(jué)得這個(gè)問(wèn)題我們不能只盯著這個(gè)頁(yè)面來(lái)看,我們得先同步下這次需求的背景。我理解此次需求破達(dá)克是希望所有的商家至少告訴機(jī)器人,店鋪究竟賣不賣水果,這樣可以提升機(jī)器人的回復(fù)覆蓋率,是這么個(gè)事吧?”
破達(dá)克說(shuō):“是的,此次功能上線后,店鋪不賣水果的商家也能使用我們的機(jī)器人,這部分的轉(zhuǎn)化能有三成,為此我還爭(zhēng)取到了5個(gè)曝光入口?!?/p>
“也就是說(shuō)有七成的商家店鋪都賣水果,這部分商家現(xiàn)在的配置情況怎么樣?”尤愛追問(wèn)道。
“30%,目前能夠配置的水果售賣規(guī)則還比較簡(jiǎn)單,所以這次我們也對(duì)售賣規(guī)則的設(shè)置做了升級(jí)??偟膩?lái)說(shuō),這次的目標(biāo)商家有兩類,一類是店鋪不賣水果的,一類是賣水果但是我們之前的水果售賣規(guī)則過(guò)于簡(jiǎn)單沒(méi)滿足人家的訴求。”
尤愛點(diǎn)點(diǎn)頭,未置可否。
皎虎說(shuō):“好,既然我們的目標(biāo)是轉(zhuǎn)化,那就得從流程說(shuō)起,對(duì)于我們的目標(biāo)用戶來(lái)說(shuō),他們面臨的第一件事情就是選擇「店鋪賣不賣水果」,這個(gè)大家有疑問(wèn)嗎?”
皎虎見大家都搖頭,于是接著說(shuō):“那這就有個(gè)很現(xiàn)實(shí)的問(wèn)題,「店鋪賣水果」有一系列規(guī)則要配置,機(jī)器人回復(fù)根據(jù)規(guī)則自動(dòng)生成;「店鋪不賣水果」沒(méi)有規(guī)則要配,商家可以自定義機(jī)器人回復(fù)。”
尤愛說(shuō):“這有什么問(wèn)題嗎?你說(shuō)的都是些事實(shí)呀?!?/p>
“嗯,問(wèn)題就是你剛才提到的一致性。如果我們要讓最終的落地頁(yè)結(jié)構(gòu)保持一致,也就意味著規(guī)則和話術(shù)要么都分開、要么都合在一起。「店鋪賣水果」需要用戶填寫水果售賣規(guī)則,這是一個(gè)復(fù)雜表單,頁(yè)面沒(méi)有空間去返顯機(jī)器人回復(fù)的示例,并且能回復(fù)的場(chǎng)景也太多了我們總不能去窮舉吧,所以合在一起沒(méi)有可行性;然后再說(shuō)分開,可行嗎?可行,不讓「店鋪不賣水果」的商家在頁(yè)面編輯機(jī)器人回復(fù)就好了,要編輯也去示例模塊操作?!?/p>
皎虎邊說(shuō)邊操作著電腦,見沒(méi)有人質(zhì)疑,于是接著說(shuō):“但這樣做有必要嗎?先不說(shuō)這中間會(huì)流失多少轉(zhuǎn)化,明明一個(gè)頁(yè)面就能解決的事情非要拆成兩步,這個(gè)意義是什么?就是為了保持一致嗎?
尤愛若有所思的望著屏幕,平靜的說(shuō)道:“確實(shí)沒(méi)有必要拆成兩步,可…可結(jié)果就是導(dǎo)致了頁(yè)面的不一致啊,保持設(shè)計(jì)一致性難道錯(cuò)了嗎?這個(gè)原則可不是我拍腦袋隨便說(shuō)的,這是尼爾森十大可用性原則之一,已經(jīng)是業(yè)界廣為認(rèn)知的設(shè)計(jì)原則了?!?/p>
“保持設(shè)計(jì)一致性沒(méi)有錯(cuò),但我理解我們要保持的是用戶對(duì)平臺(tái)認(rèn)知的一致,目的是降低用戶的學(xué)習(xí)成本,用戶可以憑借直覺(jué)在頁(yè)面上操作。我們的方案沒(méi)有違反這個(gè)目的,「店鋪賣不賣水果」對(duì)于商家來(lái)說(shuō)就是一個(gè)事實(shí)選擇,從常識(shí)上推斷,這個(gè)選擇的變動(dòng)也不會(huì)很頻繁,就算有商家今天賣明天就是不賣了,那他也只會(huì)關(guān)心頁(yè)面的內(nèi)容,至于頁(yè)面究竟是一張卡片還是兩張卡片,這是設(shè)計(jì)師視角下的一致性?!?/p>
“保持用戶對(duì)平臺(tái)認(rèn)知的一致…有點(diǎn)道理,保持設(shè)計(jì)一致性從來(lái)都不是設(shè)計(jì)的目的,而是提升用戶體驗(yàn)的有效手段,我們不能為了一致而一致?!庇葠圩匝宰哉Z(yǔ)的說(shuō)道。
突然,她拍了一下自己的腦門,望著皎虎說(shuō):“你這么一說(shuō),我突然也意識(shí)到卡片的規(guī)范里也只定義過(guò)標(biāo)題的字號(hào)大小,并沒(méi)有說(shuō)名稱不能夠改,要是不能改所有的卡片都只能用一個(gè)名了?!?/p>
“嗯,我們每個(gè)人都很容易將自己的主觀意識(shí)帶入到既定的規(guī)則中,從而把自己的思維套住,跳出來(lái)從全局的角度看看就好了,大家還有什么問(wèn)題嗎?”皎虎內(nèi)心長(zhǎng)長(zhǎng)的疏了口氣,原來(lái)尤愛也不是不講道理的。
破達(dá)克見沒(méi)有人發(fā)表異議,趁機(jī)總結(jié)道:“既然大家都沒(méi)有問(wèn)題,那就按現(xiàn)在的方案進(jìn)行吧,散會(huì)!” 說(shuō)完便站起來(lái)走出了會(huì)議室,與會(huì)人員也陸續(xù)朝門口走去。
本文由 @范思蜀 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議
保持設(shè)計(jì)一致性從來(lái)都不是設(shè)計(jì)的目的,而是提升用戶體驗(yàn)的有效手段,支持作者的看法,所有平臺(tái)他都是為了適應(yīng)用戶的的習(xí)慣。
很有趣!而且用情景案例的表述也能夠幫助理解。厲害!