一致性原則,究竟是產(chǎn)品發(fā)展中的基石,還是絆腳石?
一致性原則作為尼爾森十大交互設(shè)計(jì)原則之一,指的是對(duì)于用戶來(lái)說(shuō),同樣的文字、狀態(tài)、按鈕,都應(yīng)該觸發(fā)相同的事情,遵從通用的平臺(tái)慣例,也就是,同一用語(yǔ)、功能、操作保持一致。
一致性是人類對(duì)事物的連續(xù)性認(rèn)識(shí)和感知,也是人類感官、習(xí)慣及經(jīng)驗(yàn)上的統(tǒng)一。在產(chǎn)品研發(fā)中,一致性是原則而不是規(guī)則,在產(chǎn)品的不同發(fā)展階段,也應(yīng)該有堅(jiān)持和被妥協(xié)的權(quán)衡。
用戶真的不在乎一致性問(wèn)題嗎?
一致性原則是交互設(shè)計(jì)當(dāng)中極為重要的一項(xiàng)原則,然而,我們?cè)趯?shí)際工作中往往很難做到絕對(duì)的一致,這也是客觀事實(shí)。
當(dāng)然也看到很多文章說(shuō),從用戶的角度來(lái)講,用戶在使用產(chǎn)品的體驗(yàn)過(guò)程中是很難感受到一致性的,或者說(shuō),用戶根本就不care一致性的問(wèn)題,那為什么用戶不在意一致性問(wèn)題,而被譽(yù)為可用性測(cè)試鼻祖,著名網(wǎng)頁(yè)易用性專家——雅各布·尼爾森(Jakob Nielsen)要將“一致性原則”納入他的尼爾森十大交互設(shè)計(jì)原則中呢?
其實(shí),你直白的問(wèn)用戶你在不在乎設(shè)計(jì)的一致性?用戶當(dāng)然會(huì)回答你不在乎,因?yàn)樵O(shè)計(jì)中的一致性是一個(gè)很隱性的體驗(yàn)感受,在交互設(shè)計(jì)中更是如此,直白的詢問(wèn)用戶是不會(huì)得到真實(shí)的答案的。
用戶的表征體現(xiàn)是不在乎,而這僅僅是一種很淺顯的局部斷定。都說(shuō)沒(méi)有對(duì)比就沒(méi)有傷害,那我們舉個(gè)例子,試想A產(chǎn)品的交互有很多不一致的地方,timeline中圖片查看和進(jìn)入精品推薦里的圖片查看的交互流程不一致,但是另一件B競(jìng)品的交互極為一致,有了對(duì)比后,此時(shí)你覺(jué)得用戶會(huì)有怎么樣的反應(yīng)?
當(dāng)然,用戶依然不care一致性問(wèn)題,但是用戶會(huì)認(rèn)為A產(chǎn)品好像哪里沒(méi)有B產(chǎn)品舒服統(tǒng)一,甚至覺(jué)得A產(chǎn)品比B產(chǎn)品要“雜亂”一些,沒(méi)什么章法,此時(shí),不一致性就會(huì)很隱性的對(duì)用戶心理催生出一些比較負(fù)面消極的影響。
單單從文字層面來(lái)講比較隱性的一致性重要性,大家應(yīng)該會(huì)比較難以理解,那下面我們通過(guò)可視化的方式將隱性的一致性顯性表示出來(lái),簡(jiǎn)單的驗(yàn)證一下一致性和不一致性的差異。
下圖為不一致性可視化表現(xiàn)圖(圖1),形狀、大小顏色都不一致。
問(wèn)題Q:請(qǐng)?jiān)?秒內(nèi)指出下圖中最黑的圓和最大的圓。
圖1
下圖為一致性可視化表現(xiàn)圖(圖2),形狀、大小顏色都高度一致。
問(wèn)題Q:請(qǐng)?jiān)?秒內(nèi)指出下圖中最黑的圓和最大的圓。
圖2
相信經(jīng)過(guò)圖1和圖2的對(duì)比,明顯圖2中更容易找到最黑的圓和最大的圓吧,上圖中一致性原則的可視化表現(xiàn)的答案一目了然,所以,一致性的交互設(shè)計(jì)原則對(duì)用戶而言可以讓信息傳達(dá)和用戶使用體驗(yàn)更好;對(duì)產(chǎn)品研發(fā)團(tuán)隊(duì)來(lái)說(shuō),也會(huì)減少設(shè)計(jì)的研發(fā)成本,就比如圖2來(lái)說(shuō),設(shè)計(jì)師在高度一致的圓中稍作微調(diào),就可以很好的引導(dǎo)用戶或傳達(dá)主要的信息給用戶了,但是圖1中的圓在形狀、大小和顏色上都比較混亂不一致,那用戶的獲得感和體驗(yàn)感都會(huì)差一些,那在交互設(shè)計(jì)中也是一樣的道理。
下圖3為不一致性可視化表現(xiàn)圖的答案:
圖3
相信你心中早已經(jīng)有了答案,一致性原則為什么是Jakob Nielsen(雅各布·尼爾森)的十大交互設(shè)計(jì)原則之一了吧。
尼爾森十大交互設(shè)計(jì)原則被稱為“啟發(fā)式”原則,而不是特定的可用性指導(dǎo)原則,因?yàn)槟釥柹蠼换ピO(shè)計(jì)原則是交互設(shè)計(jì)領(lǐng)域中廣泛的經(jīng)驗(yàn)原則。因此,我們不能把它上升為一種絕對(duì)的標(biāo)準(zhǔn),而是應(yīng)該當(dāng)做一種通用經(jīng)驗(yàn)來(lái)理解和學(xué)習(xí),然后結(jié)合實(shí)際工作中的項(xiàng)目來(lái)使用。
產(chǎn)品不同階段的一致性原則權(quán)衡
一致性原則的重視程度應(yīng)該是根據(jù)產(chǎn)品不同發(fā)展階段而隨之變化的。產(chǎn)品成長(zhǎng)周期一般為四個(gè)階段,第一階段種子期、第二階段成長(zhǎng)期、第三階段成熟期、第四階段衰退期。
從產(chǎn)品發(fā)展階段來(lái)說(shuō),在產(chǎn)品的第一階段種子期沒(méi)有大量用研分析及數(shù)據(jù)佐證的基礎(chǔ)下,交互設(shè)計(jì)還是要高度保持一致性原則的,因?yàn)樵谝粋€(gè)產(chǎn)品的后期成長(zhǎng)階段,隨著產(chǎn)品的不斷成熟和和功能的擴(kuò)充、native和H5、前后迭代版本不是同一人員研發(fā)等,交互設(shè)計(jì)的一致性原則必定會(huì)被打破,就拿數(shù)億人使用的QQ來(lái)說(shuō),也有不一致的小細(xì)節(jié),比如下:
圖4
如上圖所示,從不同路徑進(jìn)入QQ說(shuō)說(shuō)后,feed發(fā)布頁(yè)的輸入法鍵盤彈起邏輯不一致;大家可以找iOS版QQv7.9.8.464版本體驗(yàn)測(cè)試一下。同時(shí),在同期安卓版QQv7.9.8.3935版本中以上兩流程進(jìn)入QQ說(shuō)說(shuō)發(fā)布頁(yè)的鍵盤彈起邏輯是一致的,輸入法鍵盤都是默認(rèn)彈起的。
如果你認(rèn)認(rèn)真真的體驗(yàn)一下QQ,你也很難找到QQ在交互設(shè)計(jì)及UI上的不一致之處,因此,在一致性問(wèn)題上可以看出已經(jīng)20年的QQ對(duì)該原則的尊重,雖然有小細(xì)節(jié)上的不一致性,但是在主要的、重要的交互上還是絕對(duì)一致的。最后,就一個(gè)產(chǎn)品的一致性上來(lái)說(shuō),建議遵循二八定律較為適宜,不一致性的交互或UI總合最好不超二。
一致性原則是基石也是絆腳石
一致性原則是產(chǎn)品發(fā)展之路中的“基石”嗎?
答案是肯定的,一致性原則對(duì)用戶來(lái)說(shuō),可以使用戶學(xué)習(xí)成本降低,易上手;從產(chǎn)品研發(fā)團(tuán)隊(duì)來(lái)說(shuō),有了確保一致性的UI規(guī)范、交互操作規(guī)范等,不管團(tuán)隊(duì)人員怎么更替,產(chǎn)品如何調(diào)整,對(duì)于研發(fā)團(tuán)隊(duì)來(lái)說(shuō)都是比較容易理解和上手的;那對(duì)于產(chǎn)品本身來(lái)說(shuō),一致性賦予產(chǎn)品一種內(nèi)在的品牌識(shí)別度的力量。
一致性原則是產(chǎn)品發(fā)展之路中的“絆腳石”嗎?
答案也是肯定的,因?yàn)殡S著產(chǎn)品的不斷迭代,功能慢慢的復(fù)雜,一致性原則可能會(huì)與業(yè)務(wù)目標(biāo)和用戶任務(wù)目標(biāo)相違背,這時(shí)候,出于公司和用戶角度考慮,少量突破一致性原則也是ok的,從二八定律來(lái)權(quán)衡,畢竟一致性原則依然有八成的基底,對(duì)產(chǎn)品、用戶和研發(fā)團(tuán)隊(duì)的影響都不會(huì)太大,所以視情況突破一致性原也可接受,但是設(shè)計(jì)師也要根據(jù)產(chǎn)品的發(fā)展,不斷地?cái)U(kuò)充各種設(shè)計(jì)類規(guī)范文檔,來(lái)滿足和適應(yīng)產(chǎn)品的發(fā)展。
一致性原則是產(chǎn)品研發(fā)過(guò)程中的基石也可能成為絆腳石,所以,一致性原則不僅應(yīng)該被設(shè)計(jì)師熟知,也應(yīng)該被產(chǎn)品經(jīng)理和其他職能人員所理解,一致性原則不會(huì)是絕對(duì)的,視情況和產(chǎn)品發(fā)展階段來(lái)不斷地平衡一致性原則和產(chǎn)品研發(fā)中的需求沖突,使用好一致性原則才是最正確的做法。
本文由 @一只船 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
有理有據(jù)!
還得產(chǎn)品多多堅(jiān)持一致性原則