中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：一致性原則的存在有利于產(chǎn)品內(nèi)外部的和諧與一致，然而，業(yè)務(wù)團(tuán)隊(duì)在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)，需要辯證地看待一致性原則，從定位、用戶(hù)認(rèn)知等方面對(duì)一致性原則的采納進(jìn)行詳細(xì)考量。本文作者便結(jié)合B端產(chǎn)品設(shè)計(jì)發(fā)表了他的看法，一起來(lái)看一下。

「一致性」是尼爾森十大可用性原則之一。強(qiáng)調(diào)產(chǎn)品設(shè)計(jì)應(yīng)遵循平臺(tái)的慣例，也就是在用語(yǔ)、功能、操作等方面保持一致。主要的目標(biāo)是希望產(chǎn)品保持內(nèi)部和外部的一致性，減少用戶(hù)的學(xué)習(xí)成本，從而提升用戶(hù)體驗(yàn)。

今天討論的目的不是否定一致性，而是需要辯證地看待一致性。

一、一致性的價(jià)值

工作過(guò)程中，當(dāng)產(chǎn)品或者開(kāi)發(fā)問(wèn)到一些設(shè)計(jì)細(xì)節(jié)時(shí)，設(shè)計(jì)師很容易回答“與XX功能保持一致就可以了”。這在工作中應(yīng)該比較常見(jiàn)，也比較容易理解，沿用以往的設(shè)計(jì)形式省時(shí)、省心，何樂(lè)而不為呢？

另外設(shè)計(jì)側(cè)主動(dòng)建立產(chǎn)品設(shè)計(jì)規(guī)范，很大程度上也是為了做好設(shè)計(jì)管控，保證產(chǎn)出的一致性，所以一致性的價(jià)值是毋容置疑的。

當(dāng)然除了產(chǎn)品體驗(yàn)提升外，「一致性」對(duì)產(chǎn)品設(shè)計(jì)開(kāi)發(fā)也有幫助。

1. 降低設(shè)計(jì)成本，提高開(kāi)發(fā)效率

無(wú)論是設(shè)計(jì)還是開(kāi)發(fā)，復(fù)用已有的組件資源，保持界面的一致性可以有效地減少設(shè)計(jì)的投入，避免不必要的設(shè)計(jì)分歧點(diǎn)。

而在開(kāi)發(fā)階段，可以避免重復(fù)造輪子，提高開(kāi)發(fā)的效率，保證落地效果，也可以減少上線(xiàn)前設(shè)計(jì)走查、測(cè)試的工作量。

2. 形成一致的設(shè)計(jì)風(fēng)格

根據(jù)原子設(shè)計(jì)理論，通過(guò)原子組件的一致性，可以構(gòu)建出統(tǒng)一的界面框架、布局，形成統(tǒng)一風(fēng)格和用戶(hù)交互認(rèn)知，從而更好地保證用戶(hù)體驗(yàn)質(zhì)量。

二、一致性思考的維度

不過(guò)「一致性」并不是強(qiáng)制性的標(biāo)準(zhǔn)，而是要以提升用戶(hù)體驗(yàn)為目標(biāo)靈活應(yīng)用。實(shí)際落地執(zhí)行時(shí)，要根據(jù)產(chǎn)品定位、用戶(hù)場(chǎng)景，結(jié)合業(yè)務(wù)功能來(lái)確定設(shè)計(jì)方案，不能為了一致而一致。

當(dāng)我們遇到一致性問(wèn)題時(shí)，還是需要從以下3個(gè)方面深入思考，做出準(zhǔn)確合理的設(shè)計(jì)決策。

1. 符合產(chǎn)品定位

傳統(tǒng)的B端產(chǎn)品都是本地化私有部署，功能僅面向企業(yè)內(nèi)部用戶(hù)和實(shí)際的業(yè)務(wù)場(chǎng)景。業(yè)務(wù)屬性更強(qiáng)，因此頁(yè)面的結(jié)構(gòu)形式相對(duì)更加統(tǒng)一。

但是隨著SaaS產(chǎn)品的興起，B端產(chǎn)品功能更加豐富，場(chǎng)景和服務(wù)更加多元。

例如面向個(gè)人用戶(hù)和團(tuán)隊(duì)協(xié)作的工具型產(chǎn)品，產(chǎn)品定位首先要滿(mǎn)足個(gè)人用戶(hù)的服務(wù)，獲得足夠的用戶(hù)流量，因此大都開(kāi)放注冊(cè)并提供免費(fèi)的基礎(chǔ)服務(wù)。在此基礎(chǔ)上，通過(guò)差異化的增值服務(wù)獲得商業(yè)變現(xiàn)，例如會(huì)員特權(quán)服務(wù)、團(tuán)隊(duì)服務(wù)等等。

因此在頁(yè)面結(jié)構(gòu)上既要滿(mǎn)足業(yè)務(wù)功能的需要，又要考慮運(yùn)營(yíng)推廣信息的展現(xiàn)，單純地追求一致性是無(wú)法滿(mǎn)足產(chǎn)品定位的。

例如騰訊文檔，首先滿(mǎn)足用戶(hù)日常在線(xiàn)文檔編輯協(xié)作需求，采用的是管理端布局。

而「模板庫(kù)」屬于增值服務(wù)，則采用了版心卡片式設(shè)計(jì)。

在語(yǔ)雀中也是如此，個(gè)人「工作臺(tái)」界面采用了3欄布局結(jié)構(gòu)，根據(jù)屏幕寬度自動(dòng)縮放適配。而在「廣場(chǎng)」頻道中采用了版心定寬設(shè)計(jì)，「空間」頻道則變成了引流入口，點(diǎn)擊后通過(guò)瀏覽器標(biāo)簽打開(kāi)新的頁(yè)面，交互邏輯上也是不同的。

所以當(dāng)我們?cè)谧霎a(chǎn)品設(shè)計(jì)時(shí)，首先要從產(chǎn)品功能定位和商業(yè)模式出發(fā)，結(jié)合用戶(hù)需求，不能為了一致而一致。

2. 符合用戶(hù)認(rèn)知

我們?cè)谧霎a(chǎn)品設(shè)計(jì)或者制定設(shè)計(jì)規(guī)范，不僅僅要考慮自身產(chǎn)品的一致性，還需要與行業(yè)內(nèi)的產(chǎn)品保持一定的一致性。

先看下面的2張圖，兩張都是PC端視頻會(huì)議的邀請(qǐng)界面。

不知道大家是什么感覺(jué)，剛開(kāi)始我在PC上收到左圖的會(huì)議邀請(qǐng)時(shí)，下意識(shí)地想點(diǎn)紅色“拒絕”按鈕，需要思考片刻才能做出決策。或許設(shè)計(jì)師會(huì)說(shuō)，設(shè)計(jì)已經(jīng)遵從行業(yè)內(nèi)的規(guī)范，利用紅、綠色區(qū)分了按鈕的功能屬性。

但是無(wú)論是PC還是移動(dòng)端產(chǎn)品，彈窗中的按鈕一般都是采用「右主+左次」的形式，這已經(jīng)成為了大多數(shù)用戶(hù)的認(rèn)知。左邊的視頻會(huì)議產(chǎn)品采用了相反的設(shè)計(jì)，違背了用戶(hù)的認(rèn)知。雖然顏色在一定程度上可以降低用戶(hù)的誤判，但是很難改變用戶(hù)的認(rèn)知習(xí)慣。

另外PC端按鈕仿照「接聽(tīng)電話(huà)」的設(shè)計(jì)形式，我接觸的確實(shí)不多，還沒(méi)有建立起綠色接聽(tīng)、紅色拒絕的認(rèn)知，所以產(chǎn)生了一定的困難。

在界面設(shè)計(jì)時(shí)，一致性除了需要遵從產(chǎn)品內(nèi)部的設(shè)計(jì)規(guī)范，也要考慮行業(yè)產(chǎn)品對(duì)用戶(hù)認(rèn)知的影響，避免設(shè)計(jì)與用戶(hù)普遍認(rèn)知產(chǎn)生沖突。

3. 符合用戶(hù)操作習(xí)慣

依然是按鈕的例子。

我們常見(jiàn)的表單頁(yè)面中按鈕和彈窗中的按鈕，位置和組合形式并不一致。

彈窗中通常采用的是「右主+左次」的形式，而表單頁(yè)面中大都采用的是「左主+右次」的形式。為什么出現(xiàn)這種差異呢？以下是我個(gè)人的理解。

1）位置差異性分析

根據(jù)「認(rèn)知負(fù)荷>視覺(jué)負(fù)荷>動(dòng)作負(fù)荷」理論，在頁(yè)面中我們首先要讓用戶(hù)能夠找到按鈕，然后完成操作。

相對(duì)于彈窗，頁(yè)面的空間更大，邊界感偏弱，用戶(hù)的視覺(jué)重心更容易停留在左側(cè)表單內(nèi)容區(qū)域。所以按鈕應(yīng)該緊隨表單，便于用戶(hù)快速發(fā)現(xiàn)按鈕。如果將按鈕放置頁(yè)面右下角，或者頁(yè)面底部，用戶(hù)的視覺(jué)負(fù)荷更高。如下圖所示：

在緊隨表單內(nèi)容的場(chǎng)景下，設(shè)計(jì)時(shí)優(yōu)先考慮用戶(hù)「F型」瀏覽習(xí)慣的原則，將主要按鈕居左放置，更加強(qiáng)調(diào)主按鈕的信息。

而在彈窗中空間更小，內(nèi)容相對(duì)比較緊湊，更加適用于「古騰堡原則」，用戶(hù)的視覺(jué)終點(diǎn)會(huì)停留在右下角。而用戶(hù)的鼠標(biāo)往往是停留在屏幕右側(cè)，所以主按鈕放置在右側(cè)，更方便用戶(hù)操作。

2）對(duì)齊方式的差異性分析

再擴(kuò)展下對(duì)齊的思考，表單中按鈕為什么不與標(biāo)簽對(duì)齊，而是與輸入框?qū)R呢？

① 隱喻認(rèn)知

按鈕作為表單的操作項(xiàng)，可以認(rèn)為與輸入框的性質(zhì)是一致的，是需要與用戶(hù)發(fā)生交互的。而表單中左側(cè)的標(biāo)簽則是信息區(qū)，主要承載的是用戶(hù)信息瀏覽。因此按鈕歸屬于交互區(qū)，需要與輸入框?qū)R。

② 視覺(jué)要求

標(biāo)簽有3種布局形式，頂對(duì)齊、左對(duì)齊、右對(duì)齊。

頂對(duì)齊場(chǎng)景下，標(biāo)簽、內(nèi)容區(qū)和按鈕三者對(duì)齊，不會(huì)出現(xiàn)什么問(wèn)題。

左對(duì)齊場(chǎng)景下，標(biāo)簽需要預(yù)留一定的信息空間滿(mǎn)足長(zhǎng)文本標(biāo)簽的場(chǎng)景，如果按鈕靠左對(duì)齊會(huì)造成明顯的右側(cè)內(nèi)容空白，讓整個(gè)內(nèi)容區(qū)視覺(jué)重心不穩(wěn)。

右對(duì)齊場(chǎng)景下，除了視覺(jué)重心不穩(wěn)，還會(huì)造成整體的視覺(jué)錯(cuò)亂。如下圖所示：

所以按鈕與輸入框?qū)R，在視覺(jué)上整體更加協(xié)調(diào)。

三、總結(jié)

簡(jiǎn)單總結(jié)下：

1. 「一致性」作為設(shè)計(jì)的基礎(chǔ)性原則是非常重要的，對(duì)設(shè)計(jì)、開(kāi)發(fā)以及產(chǎn)品體驗(yàn)的提升都有很大的幫助；
2. 一致性原則不是強(qiáng)制原則，需要根據(jù)產(chǎn)品定位靈活變通地應(yīng)用；
3. 一致性的價(jià)值在于提升用戶(hù)體驗(yàn)，需要符合用戶(hù)的認(rèn)知和習(xí)慣。

#專(zhuān)欄作家#

子牧先生。公眾號(hào)：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn)，擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。

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

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。