用戶體驗(yàn)是“有品味的”。如果你想設(shè)計(jì)一個(gè)好產(chǎn)品，設(shè)計(jì)師會(huì)聞到這些“味道”。今天分享的這篇文章告訴你如何改善設(shè)計(jì)師的“氣味”？

只有更好地了解用戶體驗(yàn)的不足，才能設(shè)計(jì)出更好的產(chǎn)品。

“我如何開始”是軟件開發(fā)的第一個(gè)障礙。當(dāng)我開始跨越這個(gè)障礙制作產(chǎn)品時(shí)，我得到了最有用的靜態(tài)參考（靜態(tài)意味著在編譯時(shí)檢查數(shù)據(jù)類型而不是運(yùn)行）另外，它是Jeff·杰夫阿特伍德的原始代碼品味列表。此列表列出了代碼庫界面中出現(xiàn)的各種小方案，這些方案通常反映了較大的體系結(jié)構(gòu)問題。

代碼“味道”非常實(shí)用，只要你學(xué)會(huì)識(shí)別它們，你就可以快速重構(gòu)代碼并殺死搖籃中有缺陷的架構(gòu)。除了幫助您節(jié)省大量時(shí)間外，您還可以避免為各種大小補(bǔ)救措施支付巨額費(fèi)用。

在產(chǎn)品設(shè)計(jì)領(lǐng)域，我也在用戶體驗(yàn)方面犯了很多錯(cuò)誤，經(jīng)驗(yàn)也豐富了。我意識(shí)到這個(gè)概念也適用于界面設(shè)計(jì)。某些產(chǎn)品和界面功能無法用于設(shè)計(jì)優(yōu)質(zhì)產(chǎn)品。

因?yàn)楫?dāng)您在產(chǎn)品中看到或嵌入這些功能時(shí)，會(huì)警告產(chǎn)品在用戶體驗(yàn)方面存在嚴(yán)重問題（A Jun Note：這就是用戶體驗(yàn)的所謂“品味”）。通過學(xué)習(xí)識(shí)別它們，您可以設(shè)計(jì)出更好的產(chǎn)品，并且成本將大大降低。

關(guān)于用戶體驗(yàn)的“品味”，我認(rèn)為有三個(gè)共同的，可糾正的，不引人注目的關(guān)注點(diǎn)：

1.“高級(jí)用戶”幫助文檔

對(duì)于各種復(fù)雜性的應(yīng)用程序中的“高級(jí)用戶”幫助文件，許多團(tuán)隊(duì)已經(jīng)開放了他們的想法并思考了各種方法。以下是一些例子：

單獨(dú)的文檔門戶頁面，單擊以輸入常見問題（FAQ）和用戶指南文檔。例如，下圖中Microsoft網(wǎng)頁的Excel幫助頁面。

一個(gè)門戶頁面，為社區(qū)提供支持，最初旨在幫助用戶更好地使用產(chǎn)品。例如，像TuxRadar這樣的大量在線論壇，其主要功能是幫助用戶在Shell語言中使用Bash（A Jun注意：Shell是指Linux/Unix系統(tǒng)下的shell腳本語言。它有不同的版本，例如sh/bash/ksh/csh/tcsh/pdksh等，最常用的是Bash）。

軟件的內(nèi)置提示和指南界面，例如2014年6月在iOS8上推出的Apple's Tips應(yīng)用程序。

引入界面的“導(dǎo)航功能”作為新用戶產(chǎn)品熟悉階段的一部分。例如，使用Bootstrap Tour工具（A Jun：Bootstrap Tour以最簡單的方式向人們展示如何使用您的網(wǎng)站）。

它會(huì)帶來什么警告？

以上是引導(dǎo)用戶理解界面的完全不同的方式。為什么不好？ ——因?yàn)樽詈玫慕缑娓静恍枰改?，所以一切都已?jīng)很明顯了。

iPad觸摸界面允許用戶直觀，直觀地操作，即使對(duì)于兒童，也可以在沒有指導(dǎo)的情況下知道如何使用它們。

當(dāng)用戶要求您提供產(chǎn)品指南時(shí)，這意味著您的產(chǎn)品對(duì)他們不利。

你還能做些什么？

就我個(gè)人的經(jīng)驗(yàn)而言，產(chǎn)品設(shè)計(jì)和維護(hù)，斗爭和界面“戰(zhàn)斗”通常屬于以下三種情況之一：

首先，用戶界面使用該平臺(tái)構(gòu)建非標(biāo)準(zhǔn)設(shè)計(jì)。這不僅適用于各種平臺(tái)上具有類似“流行”界面的應(yīng)用程序，也適用于由創(chuàng)新設(shè)計(jì)師團(tuán)隊(duì)設(shè)計(jì)的產(chǎn)品。

這些設(shè)計(jì)人員花費(fèi)大量時(shí)間來定制核心用戶界面和用戶體驗(yàn)元素，這些元素的設(shè)計(jì)應(yīng)該是特定于平臺(tái)的，而不是特定于產(chǎn)品的。 （您可以從圖標(biāo)到內(nèi)容導(dǎo)航仔細(xì)查看）。

一旦您意識(shí)到這個(gè)問題，解決方案就解決了：使用符合平臺(tái)的設(shè)計(jì)元素，以便用戶無需閱讀用戶指南即可理解。我保證，您的用戶和評(píng)估您的KPI的用戶都會(huì)很高興看到這個(gè)結(jié)果。

其次，產(chǎn)品用于各種行業(yè)，其使用目的不盡相同。 Excel是一個(gè)典型的例子：無論是財(cái)務(wù)分析行業(yè)的人，獨(dú)立的個(gè)人用戶，統(tǒng)計(jì)學(xué)家還是產(chǎn)品經(jīng)理，他們都使用Excel的一些功能來處理數(shù)據(jù)，但他們使用的功能并不完全相同。

由于涉及的用戶組太多，因此無法為單個(gè)用戶“私下定制”界面，因此在使用過程中不可避免地會(huì)導(dǎo)致某些用戶組被震懾。

要解決此問題，如果可以滿足所有條件，請(qǐng)將產(chǎn)品拆分為多個(gè)產(chǎn)品，并為不同的用戶組自定義不同的產(chǎn)品。 （如果您想變得重要，請(qǐng)考慮當(dāng)前和未來的增長，選擇一個(gè)或兩個(gè)最重要的市場(chǎng)。）

通過為用戶社區(qū)定制產(chǎn)品組合，您可以進(jìn)一步簡化界面，產(chǎn)品藍(lán)圖將更加具體，這是每個(gè)人享受的結(jié)果。

最后，界面布局不容易找到。造成這種情況的原因主要是因?yàn)閷?dǎo)航，導(dǎo)航不容易找到，或者給用戶太多選擇，而且整個(gè)架構(gòu)不合理，不簡單。為了解決這個(gè)問題，應(yīng)該根據(jù)用戶的實(shí)際使用行為為用戶提供簡單的導(dǎo)航。此外，導(dǎo)航不需要任何幫助文檔。

當(dāng)然，您的產(chǎn)品設(shè)計(jì)也可能更復(fù)雜和原創(chuàng)，在這種情況下，您可能需要一個(gè)復(fù)雜的全新界面。雖然這種情況并不常見，但如果是這種情況，您需要設(shè)計(jì)一個(gè)允許用戶直觀操作的界面，但可能仍需要少量的幫助文檔。

2.難以界面布局

在我過去親身經(jīng)歷的項(xiàng)目中，當(dāng)我真正開始設(shè)計(jì)界面時(shí)，我遇到了很多困難的界面布局：

需要滾動(dòng)查看的網(wǎng)頁上的內(nèi)容。有時(shí)候添加側(cè)邊欄工具是個(gè)好主意，這樣用戶就可以將鼠標(biāo)滾動(dòng)到頁面的特定部分。

復(fù)雜的分層導(dǎo)航。有時(shí)，各種應(yīng)用程序需要添加大量自定義導(dǎo)航邏輯來解決不同體系結(jié)構(gòu)級(jí)別和對(duì)等體系結(jié)構(gòu)層之間的切換問題。

復(fù)雜的非標(biāo)準(zhǔn)動(dòng)畫。大多數(shù)界面平臺(tái)都有一組從頭到尾使用的標(biāo)準(zhǔn)動(dòng)畫。實(shí)際上，嘗試設(shè)計(jì)一組具有自己特征的動(dòng)畫。

簡而言之，如果您只是想設(shè)計(jì)一個(gè)完整的界面布局和標(biāo)準(zhǔn)界面元素（而不是產(chǎn)品的核心增值界面），并且您需要在編程上投入大量的精力，您可能想要回去考慮這些問題。

它會(huì)帶來什么警告？

難以實(shí)現(xiàn)的界面布局通常與平臺(tái)相關(guān)界面和用戶體驗(yàn)的傳統(tǒng)觀念相沖突。因此，這樣做可能會(huì)給用戶造成混淆。此外，通常需要時(shí)間來適應(yīng)意外的方面。

該平臺(tái)的內(nèi)置架構(gòu)和設(shè)計(jì)之前已經(jīng)過測(cè)試，適用于不明顯和不尋常的屏幕方向，內(nèi)容寬度和設(shè)備安裝。你可以花這么多時(shí)間測(cè)試和調(diào)整這些不重要的細(xì)節(jié)嗎？

此問題在與接口或跨設(shè)備的接口（例如基于Web視圖的移動(dòng)應(yīng)用程序）中更常見，但此問題很常見且易于查找。

你還能做些什么？

無論如何，請(qǐng)務(wù)必使用適用于您的平臺(tái)的標(biāo)準(zhǔn)界面和用戶體驗(yàn)元素。如果你的品牌略有不同，你可以微調(diào)——根據(jù)實(shí)際情況，但你不能完全改變它。如果它根本不符合您的設(shè)計(jì)，或者比您的設(shè)計(jì)略遜一籌，那么從用戶的角度仔細(xì)考慮這個(gè)問題是很重要的。

3.圖標(biāo)過多

文檔中的單詞數(shù)是多少？我怎樣才能快速計(jì)算出來？

Mac 2016版Microsoft Office功能區(qū)視圖

我經(jīng)常使用這個(gè)軟件，但我不知道如何計(jì)算。下圖是帶有文本標(biāo)簽的功能區(qū)視圖（為了原始圖像，以下圖像是默認(rèn)視圖，沒有任何更改）：

它會(huì)帶來什么警告？

等一下。如果這些圖標(biāo)沒有意義且沒有文字標(biāo)簽，那么它們存在的原因是什么？給你一個(gè)小小的提示：

看看圖片上凌亂的界面！太多不同的功能，為了顯示整個(gè)內(nèi)容，你必須使字體更??！

添加圖標(biāo)，尤其是主導(dǎo)航菜單的圖標(biāo)，是通過界面使不良用戶體驗(yàn)更具吸引力的常用手段。但MS Word主菜單的核心問題是圖標(biāo)太難理解，但它們隨時(shí)都顯示出太多功能。

再舉一個(gè)例子：

Xcode新項(xiàng)目界面

Xcode向用戶展示了許多高度復(fù)雜的功能，雖然實(shí)際的用戶體驗(yàn)太差，使用起來不方便，但是因?yàn)樘砑訄D標(biāo)似乎很有吸引力。想象一下，如果所有圖標(biāo)都被相同的小文本標(biāo)簽替換，界面會(huì)是什么樣的？

你還能做些什么？

簡化產(chǎn)品并將核心功能嵌入到交互中。交互式界面應(yīng)足夠小，以便舒適地顯示純文本操作提示（文本標(biāo)簽）。

通常，這需要您仔細(xì)考慮用戶將如何使用您的產(chǎn)品并仔細(xì)設(shè)計(jì)界面的導(dǎo)航層，以便可以正確設(shè)計(jì)和顯示不同的功能。有時(shí)，您可能需要將產(chǎn)品拆分為多個(gè)新產(chǎn)品。該指南不是必需的，但你知道什么時(shí)候它是正確的。

與代碼一樣，總有例外。如果您知道如何在設(shè)計(jì)過程中丟棄不必要的幫助文件，困難的界面布局和過多的圖標(biāo)，您的產(chǎn)品將以任何方式進(jìn)行升級(jí)。

譯者：Jorri

作者：哥倫比亞大學(xué)學(xué)者Aaron Yodaiken，已經(jīng)推出了初創(chuàng)公司Upward和RealityStep兩款產(chǎn)品。

原文鏈接：UX Smells，由原作者授權(quán)翻譯。

資料來源：http://www.ifanr.com/app/794267

« 網(wǎng)站流量應(yīng)該如何突然下降？ | 11月將交付3,089輛，第二天將交付10,000輛威萊汽車。 »