設(shè)計(jì)實(shí)踐中，最難的也許不是設(shè)計(jì)過程本身，而是在一堆方案中決定哪個(gè)是最合適的。我希望能有一個(gè)行之有效的優(yōu)先級(jí)原則，來幫助我們?cè)谠O(shè)計(jì)和評(píng)審時(shí)做出更合理的決策。

我所理解的B端產(chǎn)品

從開始做B端產(chǎn)品，轉(zhuǎn)眼已近十個(gè)月了。在這期間，有一些感悟和總結(jié)，希望能分享一下。

我所理解的，B端產(chǎn)品，是面向少數(shù)專業(yè)用戶的，用戶需要具備相關(guān)行業(yè)的專業(yè)知識(shí)才能使用。

它的重要目標(biāo)是提供更全面、專業(yè)和強(qiáng)大的功能，體驗(yàn)相對(duì)C端產(chǎn)品很可能沒那么重要和關(guān)鍵，這是事實(shí)；在使用中更重視業(yè)務(wù)邏輯以及流程的完整和效率，這也是為什么我們看到的很多B端產(chǎn)品用戶，希望把功能盡量平鋪出來（而不是像C端產(chǎn)品倡導(dǎo)的“一個(gè)界面只完成一件事”），因?yàn)檫@部分用戶相對(duì)固定和專業(yè)，他們首先考慮的是產(chǎn)品的功能強(qiáng)大和高效率。

當(dāng)然，這與另一類B端產(chǎn)品（如OA系統(tǒng)，協(xié)作工具等），是有本質(zhì)區(qū)別的——這類產(chǎn)品其實(shí)和普通C端產(chǎn)品更類似。

但，這并不意味著我們的產(chǎn)品不需要關(guān)注交互和視覺的細(xì)節(jié)。

對(duì)于設(shè)計(jì)師來說，那些通用的設(shè)計(jì)原則是我們?cè)谧鲈O(shè)計(jì)和進(jìn)行方案評(píng)審時(shí)的重要指導(dǎo)方針。而由于B端產(chǎn)品本身存在的業(yè)務(wù)邏輯造成的理解壁壘，使得我們?cè)谧雠袛鄷r(shí)，非常容易陷入無休止的糾結(jié)或各說各話的無限爭(zhēng)吵之中。

到底有沒有一個(gè)行之有效的準(zhǔn)則，或者說通用的“設(shè)計(jì)原則”，可以有效地判斷方案的優(yōu)劣，而減少無謂的爭(zhēng)執(zhí)呢？

于是，就有了下面的思考，即“設(shè)計(jì)優(yōu)先級(jí)四原則”，我希望這個(gè)原則可以幫助自己塑造設(shè)計(jì)思維，進(jìn)而對(duì)具體的方案進(jìn)行評(píng)判，做出正確的設(shè)計(jì)決策。

?1、清晰

任何時(shí)候，界面的清晰，對(duì)我們來說是體驗(yàn)當(dāng)中的重中之重。

用戶需要在足夠清晰的界面環(huán)境中完成任務(wù)，達(dá)成目標(biāo)。雖然B端產(chǎn)品一般要比c端產(chǎn)品要求用戶擁有更多的專業(yè)基礎(chǔ)，但過于復(fù)雜和隱晦的界面設(shè)計(jì)，即使是專家也會(huì)惱火的。

你不能期望用戶像你一樣對(duì)這個(gè)產(chǎn)品充滿好奇與探知欲，所以我們將“清晰”放在第一位。為實(shí)現(xiàn)這一目標(biāo)，結(jié)合平時(shí)交互設(shè)計(jì)的理論與實(shí)踐，我總結(jié)了一些主觀或客觀的評(píng)價(jià)標(biāo)準(zhǔn)：

• 界面主次分明：很容易區(qū)分主要功能和次要功能、關(guān)鍵信息和補(bǔ)充信息、主要控件和次要控件；
• 對(duì)于核心用戶，很容易判斷自己在前頁面能干什么，不會(huì)感到迷惑和不知所措；
• 頁面的核心信息清晰易懂，語句簡(jiǎn)潔無歧義，對(duì)于難以理解的專業(yè)名詞有必要的解釋和說明；

2、高效

高效是我們?cè)谟懻摌I(yè)務(wù)時(shí)聽到的最多的一個(gè)詞。對(duì)于很多產(chǎn)品經(jīng)理或者說管理者來說，這是個(gè)非常具有戰(zhàn)略意義的目標(biāo)。我們總是想把它放在第一位。但當(dāng)將“高效”推向極致時(shí)，卻也看到了問題。

一個(gè)表單，只需要點(diǎn)擊一次“提交”就可以完成，看似很高效，但實(shí)踐證明過長(zhǎng)的表單更容易使用戶煩躁并出錯(cuò)，這也是為什么很多“訂單”頁面需要分成多步來完成的重要原因。

所以 “高效”只能排在第二位。什么樣的設(shè)計(jì)對(duì)用戶來說是高效的呢？我認(rèn)為包括但不限于以下幾點(diǎn)：

• 能夠讓系統(tǒng)依靠?jī)?nèi)部或設(shè)定的業(yè)務(wù)邏輯自動(dòng)進(jìn)行關(guān)聯(lián)的操作或判斷，就不要讓用戶來進(jìn)行；
• 能夠在當(dāng)前頁面完成的任務(wù)或操作，盡量不需要去到其他頁面；
• 對(duì)于80%的操作或需要的信息，需要3次點(diǎn)擊以內(nèi)就能夠到達(dá)；
• 能夠識(shí)別核心用戶行為，并在他們進(jìn)行操作時(shí)給予對(duì)應(yīng)的推薦。

3、一致性

一致性往往是復(fù)雜的B端產(chǎn)品中最讓設(shè)計(jì)師頭疼的一個(gè)問題之一。特別是對(duì)于如今流行的“原子設(shè)計(jì)”理念來說，不一致是不可原諒的。

在產(chǎn)品初期，即使再完美的產(chǎn)品經(jīng)理和設(shè)計(jì)師，也很難預(yù)知到所有的場(chǎng)景甚至是業(yè)務(wù)類型，所以即使在設(shè)計(jì)初期定義好完整的設(shè)計(jì)規(guī)范，往往到后面也很難滿足眾多的場(chǎng)景和需求。此外，由于產(chǎn)品的業(yè)務(wù)繁雜、人員之間的信息壁壘以及不同的設(shè)計(jì)規(guī)范執(zhí)行力度，這就更容易導(dǎo)致一致性問題的出現(xiàn)。

一致性很重要，比如可以降低用戶的學(xué)習(xí)成本、確立設(shè)計(jì)模式、打造符合直覺的統(tǒng)一品牌形象等等。但是如果過分的追求一致，系統(tǒng)將永遠(yuǎn)得不到進(jìn)化的機(jī)會(huì)。

所有的設(shè)計(jì)規(guī)范都有一個(gè)原則：只規(guī)定80%的事情。我們需要為適時(shí)適用的設(shè)計(jì)創(chuàng)新保留一定的空間，所以我將其放在第三位。我總結(jié)了幾個(gè)最常見的一致性判斷標(biāo)準(zhǔn)：

• 業(yè)務(wù)邏輯的一致性：不同模塊或頁面的同類功能，是否有同樣的操作？同樣的定義是否使用了同樣的標(biāo)題或文案？
• 結(jié)構(gòu)層和框架層的一致性：即各級(jí)導(dǎo)航菜單的結(jié)構(gòu)、頁面的框架和布局等。如：“更多”的入口是彈窗還是跳轉(zhuǎn)？菜單是下拉還是側(cè)滑？操作區(qū)域是位于頁面右側(cè)還是下方等；
• 表現(xiàn)層的一致性，即核心控件、元素、交互動(dòng)作是否一致：包括視覺與交互樣式，如常用控件：按鈕、圖標(biāo)、toast提示、彈窗、遮罩層、菜單等；常見交互動(dòng)作：點(diǎn)擊效果、滑動(dòng)效果、轉(zhuǎn)場(chǎng)動(dòng)效等等；

4、美觀

對(duì)于設(shè)計(jì)師來說固然重要，但絕非體驗(yàn)的核心要素。

對(duì)于產(chǎn)品，特別是企業(yè)類型的產(chǎn)品，完成目標(biāo)任務(wù)永遠(yuǎn)是第一位的。很多所謂美觀的產(chǎn)品設(shè)計(jì)實(shí)際使用起來便會(huì)令人感到乏味無聊，看上去精彩絕倫的用戶界面在很多時(shí)候會(huì)難以認(rèn)知和記憶。美觀是提升體驗(yàn)、激發(fā)愉悅的重要手段，但對(duì)于我們來說，不可能將它的重要性排在其他任何設(shè)計(jì)原則之前。

美觀的標(biāo)準(zhǔn)見仁見智，不同的設(shè)計(jì)師，甚至在同一個(gè)團(tuán)隊(duì)內(nèi)，往往很難達(dá)成一個(gè)較統(tǒng)一的標(biāo)準(zhǔn)。但仍然存在一些寬泛的準(zhǔn)則：

• 頁面信息的易讀讀性；
• 色彩的統(tǒng)一性與協(xié)調(diào)性；
• 布局的協(xié)調(diào)性，主次分明

寫在最后

在設(shè)計(jì)過程中，我們也不斷提醒著自己聚焦于清晰、高效、一致和美觀的體驗(yàn)?zāi)繕?biāo)。在進(jìn)行設(shè)計(jì)評(píng)審時(shí)，這套原則及其權(quán)重分配方式同樣適用。當(dāng)遇到需要進(jìn)行多方面權(quán)衡的復(fù)雜狀況時(shí)，設(shè)計(jì)原則的優(yōu)先級(jí)次序也可以幫助我們做出明確的決策。

日常設(shè)計(jì)小結(jié)，如有不足，歡迎拍磚指正！

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

題圖來自u(píng)unsplash，基于CC0協(xié)議