AAA教育

產(chǎn)品角度

早前有看到張小龍說(shuō) ：一個(gè)產(chǎn)品只能有一個(gè)主線功能。

這句話從產(chǎn)品規(guī)則層面來(lái)說(shuō)，是告訴我們，要有信心把握住用戶的需求，如果沒(méi)有辦法控制用戶每一步所要做的方向，就無(wú)法控制這個(gè)產(chǎn)品，這個(gè)產(chǎn)品就必然會(huì)失控。這也是為什么許多公司將多個(gè)產(chǎn)品合并后，效果反而沒(méi)原先那么好的原因。

其實(shí)這個(gè)點(diǎn)我之前的文章也有詳細(xì)說(shuō)過(guò)，即一款產(chǎn)品本身就有一層定義，也就是告訴用戶這個(gè)產(chǎn)品是用來(lái)干嘛的。這就是用戶體驗(yàn)的核心。

細(xì)化到界面，其實(shí)也是這個(gè)道理：界面中的一個(gè)功能，這個(gè)功能會(huì)提供兩個(gè)服務(wù)給用戶，然后我們就在屏幕上放兩個(gè)按鈕，一個(gè)按鈕是 A，一個(gè)按鈕是 B，這樣的界面，許多產(chǎn)品里面都有，但這是不好的設(shè)計(jì)。因?yàn)槲覀円龑?dǎo)用戶去往我們希望他去的地方，而不是讓用戶進(jìn)行選擇，讓用戶選擇，轉(zhuǎn)化率自然就低了。

如下圖：

用張小龍的話來(lái)說(shuō)，就是 ：這意味著這個(gè)界面以后有一個(gè)分叉路口，用戶需要思考才知道他下一步該做什么，而我們沒(méi)有給他任何暗示。

雖然我并不完全認(rèn)同其說(shuō)的這個(gè)理論，但也略有道理。如，電商產(chǎn)品的「立即購(gòu)買」和「加入購(gòu)物車」這兩個(gè)按鈕，就打破了這個(gè)說(shuō)法，當(dāng)然這并不能說(shuō)明這樣的設(shè)計(jì)是好或差的。

說(shuō)到底，有時(shí)候我們?cè)谘芯恳粋€(gè)功能時(shí)，是在思考如何讓用戶操作更便捷。但在這個(gè)過(guò)程中，我們研究的不僅僅是功能本身，或者說(shuō)是產(chǎn)品的邏輯，而是在研究人性。

所以說(shuō)，從產(chǎn)品設(shè)計(jì)的角度而言，一款好的產(chǎn)品，需要具備引導(dǎo)用戶做出操作的條件。要做到此舉，需滿足 ：功能明確、指引清晰、無(wú)需選擇等要求。

下面進(jìn)一步說(shuō)明。

 

用戶「體驗(yàn)&界面」角度

前陣子分享了一張圖，原圖是英文版的，好像是出自于一篇國(guó)外的文章，我單就這張圖翻譯了下，將其貼在了微博。內(nèi)容如下：

這張圖主要是告訴我們，UI 和 UX 的區(qū)別。從這兩個(gè)角度來(lái)說(shuō)，好的產(chǎn)品，需要具備什么樣的條件呢？

 

UX

用戶體驗(yàn)（UX）設(shè)計(jì)，是給用戶創(chuàng)造一個(gè)愉快操作產(chǎn)品體驗(yàn)的行為。

用 Harshita Arora 的話說(shuō)，就是從以下六個(gè)點(diǎn)出發(fā)，來(lái)談?wù)勀愕漠a(chǎn)品是否具備一個(gè)好的操作體驗(yàn)：

1. 可用性

• 用戶使用這款產(chǎn)品的目的是什么？
• 我的產(chǎn)品的核心功能是什么？
• 如何縮短用戶體驗(yàn)路徑？
• 我怎樣才能使這一操作順利、快速、愉快呢？

這塊內(nèi)容就是站在 UX 角度的你，是如何去思考這款產(chǎn)品的。

2. 用戶研究

你需要做一些分析了解你們公司對(duì)應(yīng)的市場(chǎng)詳情，縮小你的目標(biāo)/用戶群。再?gòu)挠脩艚嵌葋?lái)評(píng)估你的功能設(shè)計(jì)的是否合理。

3. 形式 vs 功能

從「形式思維」跳出來(lái)，不要被形式驅(qū)使，而是從功能出發(fā)再回到形式。

4. 一致性

我的產(chǎn)品是否具備一致性？從企業(yè)背景、功能、界面、體驗(yàn)等角度來(lái)說(shuō)，是否讓用戶難以理解？是否便于用戶操作？考慮一致性，不僅僅是外觀上的一致性，還包括功能上的一致性。

5. 簡(jiǎn)單：能簡(jiǎn)化一點(diǎn)嗎？

確保你的用戶在使用產(chǎn)品時(shí)，是不需要?jiǎng)e人教的。一個(gè)糟糕的、令人困惑的應(yīng)用程序?qū)⑹且慌排诺陌粹o，許多不同的顏色，以及緊密的元素。（這與第一段內(nèi)容類似。）

6. 不要讓我思考：我會(huì)讓我的用戶為難嗎？

當(dāng)我們編程時(shí)，我們?cè)噲D使我們的代碼盡可能的輕量級(jí)和高效。當(dāng)我們?cè)O(shè)計(jì)時(shí)，我們?cè)噲D使界面盡可能清晰和不易混淆。

這就是我們要做到的。無(wú)論是從信息架構(gòu)、用戶研究，還是場(chǎng)景說(shuō)明出發(fā)，我們要做的就是讓界面通過(guò)以上的設(shè)計(jì)理念，使用戶易于理解，便于操作。

 

UI

用戶界面（UI）設(shè)計(jì)是一個(gè)很大的領(lǐng)域。從理論上講，UI 是內(nèi)容的組合（文檔、文本、圖像、視頻等）、表單形式的設(shè)計(jì)（按鈕、標(biāo)簽、文本字段、復(fù)選框、下拉列表、圖形設(shè)計(jì)等等），以及影響用戶的行為（如果我點(diǎn)擊拖動(dòng)會(huì)發(fā)生什么）。

而作為一個(gè) UI 設(shè)計(jì)師，你的目標(biāo)就是創(chuàng)建一個(gè)用戶界面，這個(gè)界面很吸引人，很漂亮，同時(shí)也能讓用戶產(chǎn)生一種情緒反應(yīng)，即對(duì)你的產(chǎn)品感興趣。并讓每一個(gè)下載產(chǎn)品的用戶都可以在應(yīng)用商店中發(fā)現(xiàn)，通過(guò)使用它，從而實(shí)現(xiàn)自己的目標(biāo)或完成相應(yīng)的任務(wù)。

想要讓用戶產(chǎn)生這種情緒，你需要做到以下幾點(diǎn)：

1. 把用戶的注意力引導(dǎo)到界面中最顯眼的位置，突出最重要、最明亮的元素

按照這樣的排布進(jìn)行設(shè)計(jì)。作為一名設(shè)計(jì)師，你可以使用這些信息來(lái)管理用戶的體驗(yàn)。

2. 對(duì)細(xì)節(jié)的把控

兩個(gè)完全相同的界面，細(xì)節(jié)把控不好，差距會(huì)非常大。這也是判斷 UI 設(shè)計(jì)師功力的基礎(chǔ)點(diǎn)。如對(duì)齊，就能看出設(shè)計(jì)師在設(shè)計(jì)過(guò)程中是否用心。

到此。你看到了作為 UI 設(shè)計(jì)師需要注意的兩個(gè)關(guān)鍵因素：

• 你需要用你的設(shè)計(jì)來(lái)吸引用戶的注意力。
• 你需要注意你的設(shè)計(jì)中的每一個(gè)細(xì)節(jié)。

要注意的是，這兩者是不可分割的，后者會(huì)實(shí)現(xiàn)前者。用戶會(huì)對(duì)好產(chǎn)品產(chǎn)生興趣，這是吸引力法則。而 UI 設(shè)計(jì)，就是通過(guò)引導(dǎo)用戶關(guān)注不同的內(nèi)容來(lái)調(diào)整用戶的操作體驗(yàn)。這就是所謂的 UI 設(shè)計(jì)了。

好的產(chǎn)品，一定是產(chǎn)品、交互、UI 三者缺一不可的。

最后提個(gè)高度：最近有小伙伴問(wèn)我，從 UI 轉(zhuǎn)到交互后，還想 UI 和交互兩把抓，該怎么辦？這種想法會(huì)導(dǎo)致你成為視覺(jué)類交互，而不是「產(chǎn)品設(shè)計(jì)師」。