2021 年 9 月，短視頻應(yīng)用 TikTok 成為全球下載次數(shù)最多的應(yīng)用，下載量達(dá) 6.56 億次。該應(yīng)用程序的成功歸因于許多因素，但可以說最重要的是它的功能界面。全屏視頻看似混亂的框架是一個(gè)整潔的網(wǎng)格，用戶可以毫不費(fèi)力地導(dǎo)航到他們想要的內(nèi)容。通過遵循功能性設(shè)計(jì)方法，TikTok 消除了不必要的摩擦，減少了認(rèn)知負(fù)擔(dān)，并為用戶創(chuàng)造了秩序感。

美學(xué)與功能對于設(shè)計(jì)師來說是一個(gè)古老的困境，因?yàn)閮烧叨际怯脩趔w驗(yàn)設(shè)計(jì)中的基本概念。雖然視覺上吸引人的界面可以幫助用戶在情感上與產(chǎn)品建立聯(lián)系并影響初始用戶參與度，但無縫的用戶體驗(yàn)直接影響用戶執(zhí)行任務(wù)和從產(chǎn)品中獲取所需內(nèi)容的難易程度。理想情況下，美學(xué)和功能將在數(shù)字設(shè)計(jì)中無縫融合，但情況并非總是如此。通常，用戶需求和特定行業(yè)的市場法規(guī)等因素會(huì)將設(shè)計(jì)人員拉向一個(gè)方向或另一個(gè)方向。

在過去的 14 年里，我一直致力于打造用戶友好且具有視覺吸引力的數(shù)字體驗(yàn)（最近的一個(gè)是 Web3 音樂共享移動(dòng)應(yīng)用程序），我理解這種困境。根據(jù)我的經(jīng)驗(yàn)，雖然美觀對于吸引用戶和創(chuàng)造積極的第一印象很重要，但它們絕不能以犧牲功能為代價(jià)，否則數(shù)字產(chǎn)品將缺乏目的和實(shí)用性。但這并不意味著美學(xué)不會(huì)占據(jù)中心舞臺(tái)。我們來討論一下。

用戶體驗(yàn)設(shè)計(jì)過程中的美學(xué)

視覺上令人愉悅的用戶體驗(yàn)設(shè)計(jì)是指創(chuàng)造有吸引力、引人入勝且令人愉快的用戶體驗(yàn)。這種方法涉及實(shí)施圖形設(shè)計(jì)原則，例如顏色、排版、空白、圖像和視覺反饋來制作視覺構(gòu)圖。這種方法旨在提高用戶滿意度，使用戶與產(chǎn)品產(chǎn)生情感聯(lián)系，并傳達(dá)可識別且令人難忘的品牌形象。

美學(xué)可以通過多種方式影響數(shù)字產(chǎn)品的整體用戶體驗(yàn)。首先，視覺上有吸引力的界面可以創(chuàng)造積極的初始印象，吸引用戶并鼓勵(lì)進(jìn)一步探索。麻省理工學(xué)院神經(jīng)科學(xué)家團(tuán)隊(duì)進(jìn)行的項(xiàng)開創(chuàng)性研究發(fā)現(xiàn)，大腦在幾毫秒內(nèi)處理視覺信息。當(dāng)用戶第一次與網(wǎng)站或應(yīng)用程序交互時(shí)，直接的視覺沖擊會(huì)顯著影響他們的感知。

此外，一致應(yīng)用的美學(xué)元素有助于塑造和強(qiáng)化品牌形象并使其令人難忘。一個(gè)獨(dú)特且視覺上一致的網(wǎng)站有助于創(chuàng)造持久的印象和信任感，使用戶更有可能返回。

此外，根據(jù)對ATM 界面的開創(chuàng)性研究，用戶通常認(rèn)為美觀的設(shè)計(jì)可用且高效，即使客觀上可能并非如此。研究人員要求參與者與不同設(shè)計(jì)的 ATM 進(jìn)行交互，發(fā)現(xiàn)參與者認(rèn)為設(shè)計(jì)更美觀的 ATM 更易于使用——盡管所有機(jī)器的功能相似。這使研究人員得出結(jié)論：審美吸引力對感知可用性產(chǎn)生積極影響。

用戶體驗(yàn)設(shè)計(jì)的函數(shù)式方法

功能是指產(chǎn)品或系統(tǒng)的工作效果以及用戶實(shí)現(xiàn)目標(biāo)的容易程度。數(shù)字設(shè)計(jì)的功能考慮因素包括以用戶為中心、可用性和可訪問性。以用戶為中心是一種將用戶或客戶置于產(chǎn)品開發(fā)中心的理念?？捎眯允侵附缑娌季趾蛯?dǎo)航系統(tǒng)的易用性?？稍L問性是指確保不同經(jīng)驗(yàn)和能力水平的用戶都可以訪問網(wǎng)站或平臺(tái)。

功能性用戶體驗(yàn)設(shè)計(jì)優(yōu)先考慮增強(qiáng)可用性、簡化任務(wù)和刪除不相關(guān)元素的功能，無論是分散注意力的圖標(biāo)、復(fù)雜的導(dǎo)航結(jié)構(gòu)還是不必要的動(dòng)畫。這種方法減少了可能壓垮用戶并導(dǎo)致他們放棄產(chǎn)品的認(rèn)知負(fù)擔(dān)。如果正確實(shí)施，這種設(shè)計(jì)策略可以提高用戶保留率和客戶滿意度，并幫助界面適應(yīng)不斷發(fā)展的技術(shù)。

美觀與功能：選擇設(shè)計(jì)方法

理想情況下，設(shè)計(jì)師應(yīng)該平衡美學(xué)和功能設(shè)計(jì)。這種終極平衡的一個(gè)典型例子是蘋果公司的iPhone。該界面的時(shí)尚設(shè)計(jì)、直觀性和創(chuàng)新功能（例如用于與附近 Apple 設(shè)備共享文件的AirDrop）繼續(xù)使其與其他設(shè)備區(qū)分開來。

美學(xué)和功能對于成功的數(shù)字設(shè)計(jì)至關(guān)重要。那么，當(dāng)設(shè)計(jì)師為了滿足用戶需求或市場法規(guī)而被迫向某個(gè)方向或另一個(gè)方向發(fā)展時(shí)，他們應(yīng)該遵循哪種設(shè)計(jì)方法呢？

何時(shí)優(yōu)先考慮美觀

專注于視覺內(nèi)容或營銷的行業(yè)往往傾向于美觀第一的設(shè)計(jì)過程。例如，電子商務(wù)公司通常優(yōu)先考慮美觀設(shè)計(jì)，因?yàn)榈谝挥∠蠛推放普J(rèn)知度有助于他們的成功。在線時(shí)尚和化妝品零售商 ASOS 是美觀用戶界面的一個(gè)很好的例子。

該平臺(tái)將多彩明亮的圖形元素與白色背景形成鮮明對比。這種對比通過在頁面元素之間創(chuàng)建一定程度的分離并引導(dǎo)讀者的眼睛從一個(gè)地方到另一個(gè)地方來幫助用戶在視覺上吸收內(nèi)容，使整個(gè)閱讀過程感覺自然和線性。

該品牌還投資了高質(zhì)量的圖像來展示其產(chǎn)品。在傳統(tǒng)的實(shí)體店中，顧客可以親眼看到并檢查產(chǎn)品質(zhì)量。如果沒有這種物理交互，在線產(chǎn)品圖像就是用戶的主要參考點(diǎn)。高質(zhì)量的照片盡可能地模仿店內(nèi)體驗(yàn)。清晰詳細(xì)的圖像還可以給買家信心，幫助他們做出更明智的購買決定。

除了在線時(shí)尚之外，美學(xué)在許多其他行業(yè)中也發(fā)揮著重要作用。 Duolingo 具有有趣的界面和卡通吉祥物，對兒童和成人都有吸引力，并體現(xiàn)了該品牌的價(jià)值觀：讓語言學(xué)習(xí)變得有趣且普及。此外，大膽的顏色和獨(dú)特的圖標(biāo)可以幫助用戶區(qū)分課程和模塊，并跟蹤他們的進(jìn)度。Fenty Beauty的美學(xué)設(shè)計(jì)包括引人入勝的圖像、翻轉(zhuǎn)動(dòng)畫和引人注目的視頻，以突出產(chǎn)品并為美容和護(hù)膚品牌的購物者創(chuàng)造引人注目的體驗(yàn)。

然而，僅靠美觀并不能保持用戶的參與度。成功的產(chǎn)品還依賴于豐富的功能和可用性最佳實(shí)踐，例如直觀的搜索和導(dǎo)航系統(tǒng)以及無縫的結(jié)賬流程。例如，為了幫助瀏覽大約 85,000 種產(chǎn)品，ASOS 的移動(dòng)用戶可以利用該平臺(tái)的Style Match 功能拍攝照片或上傳圖像并搜索 ASOS 類似產(chǎn)品。這種視覺搜索工具提供了個(gè)性化且易于訪問的購物體驗(yàn)，特別是對于那些難以用語言表達(dá)自己想要的東西但可以輕松地在視覺上識別的用戶來說。 Duolingo 采用積分、等級、連勝和獎(jiǎng)勵(lì)等游戲化元素來保持用戶的積極性并希望繼續(xù)學(xué)習(xí)。除了具有視覺吸引力的界面之外，F(xiàn)enty Beauty 還提供諸如虛擬試妝等功能，以找到合適的粉底，以及預(yù)約美容專家的選項(xiàng)。

何時(shí)關(guān)注功能

設(shè)計(jì)人員在處理復(fù)雜的工作流程時(shí)通常會(huì)優(yōu)先考慮功能，因?yàn)檫@種方法有助于簡化和減少用戶完成任務(wù)所需的步驟。這種精簡幾乎總是技術(shù)相關(guān)產(chǎn)品和服務(wù)的要求。谷歌的主頁及其用戶可以輸入搜索查詢的單一輸入字段是簡約設(shè)計(jì)的終極例子，它消除了干擾并將用戶的注意力集中在手頭的任務(wù)上。

改善功能和用戶體驗(yàn)的另一個(gè)有效功能是簡單的號召性用語 (CTA)，可幫助用戶快速到達(dá)他們想去的地方。例如，如果用戶訪問 Slack 中的“草稿和已發(fā)送”文件夾，但沒有正在進(jìn)行的草稿，則簡短的建議和 CTA 會(huì)提示他們開始發(fā)送新消息。

在醫(yī)療保健、航空航天和汽車行業(yè)，為了滿足嚴(yán)格的合規(guī)性法規(guī)和標(biāo)準(zhǔn)、最大限度地降低系統(tǒng)故障風(fēng)險(xiǎn)并優(yōu)先考慮安全性，功能性通常優(yōu)先于美觀。醫(yī)療信息本身就很難解讀，因此清晰度才是王道?？稍L問性也很關(guān)鍵，功能性設(shè)計(jì)方法可以幫助確保數(shù)字醫(yī)療產(chǎn)品可供所有人使用，包括數(shù)字素養(yǎng)能力有限和視力障礙的用戶。

有很多方法可以提高可訪問性和功能，例如實(shí)現(xiàn)用戶友好的信息架構(gòu)以及對菜單項(xiàng)和導(dǎo)航按鈕應(yīng)用簡單的語言。 Medisafe 是一個(gè)藥丸管理和跟蹤平臺(tái)，入圍2022 年路透社活動(dòng)美國制藥獎(jiǎng)最有價(jià)值數(shù)字治療獎(jiǎng)，是數(shù)字健康領(lǐng)域出色功能設(shè)計(jì)的一個(gè)例子。

Medisafe 應(yīng)用程序通過創(chuàng)新的通知系統(tǒng)強(qiáng)調(diào)功能性和可用性，用戶可以直接從智能手機(jī)的鎖定屏幕上標(biāo)記劑量。當(dāng)他們收到通知時(shí)，只需按住該通知即可打開提醒并將劑量標(biāo)記為完成。

功能設(shè)計(jì)案例研究：優(yōu)先考慮可用性和用戶需求

每個(gè)項(xiàng)目都是不同的。這是我在設(shè)計(jì)過程中優(yōu)先考慮功能的一個(gè)例子：

我最近領(lǐng)導(dǎo)了一個(gè)項(xiàng)目，設(shè)計(jì)一個(gè)去中心化音樂共享應(yīng)用程序的界面。我們的目標(biāo)是提供透明、以目的為導(dǎo)向、以用戶為中心的產(chǎn)品，符合Web3 時(shí)代對去中心化音樂共享不斷變化的期望。為了實(shí)現(xiàn)這一目標(biāo)，我們專注于開發(fā)基本且易于訪問的功能。

我們希望確保主屏幕優(yōu)先考慮關(guān)鍵用戶操作，例如搜索音樂、瀏覽播放列表和訪問個(gè)人資料信息。因此，我們設(shè)計(jì)了用戶音樂庫、共享曲目和參與度指標(biāo)的全景視圖。

此外，我們還添加了個(gè)性化的分類系統(tǒng)和豐富的搜索功能，以確保用戶可以輕松地發(fā)現(xiàn)和管理他們的音樂。為了實(shí)現(xiàn)這一點(diǎn)，我們設(shè)計(jì)了一種方法，讓藝術(shù)家可以直接策劃自己的流派分類，以更真實(shí)地代表他們的音樂，而不是僅僅依賴學(xué)習(xí)算法。我們還引入了高級搜索過濾器，允許用戶根據(jù)他們想要體驗(yàn)的心情或情感以及流派、藝術(shù)家和關(guān)鍵字來瀏覽音樂。這些功能對于讓我們的去中心化音樂應(yīng)用程序的用戶更好地控制他們的音樂偏好至關(guān)重要。

無論項(xiàng)目的重點(diǎn)是美觀還是功能，設(shè)計(jì)師的最終目標(biāo)應(yīng)該始終是為用戶創(chuàng)造積極且有意義的體驗(yàn)。通過將我們的精力集中在設(shè)計(jì)易于導(dǎo)航的關(guān)鍵功能上，而不是設(shè)計(jì)美學(xué)上，我們提供了一個(gè)高度可用且面向用戶的界面。我們的客戶對結(jié)果感到滿意，并將很快推出 MVP，以便藝術(shù)家和聽眾可以測試測試版格式的應(yīng)用程序。

實(shí)現(xiàn)無縫用戶體驗(yàn)的適當(dāng)平衡

通過了解特定行業(yè)的用戶需求和市場法規(guī)，設(shè)計(jì)師可以打造超出預(yù)期的數(shù)字體驗(yàn)并增強(qiáng)用戶體驗(yàn)。某些行業(yè)，例如醫(yī)療保健或金融，由于其應(yīng)用程序的關(guān)鍵性質(zhì)，通常會(huì)優(yōu)先考慮功能和可用性。其他行業(yè)，例如在線零售，更注重視覺吸引力的設(shè)計(jì)，以創(chuàng)造積極的第一印象以及信任感和專業(yè)精神。

確保產(chǎn)品正常運(yùn)行至關(guān)重要，因?yàn)楣δ軟Q定了產(chǎn)品的實(shí)用性。然而，成功的數(shù)字產(chǎn)品必須在具有視覺吸引力的設(shè)計(jì)和用戶友好的功能體驗(yàn)之間取得適當(dāng)?shù)钠胶狻?/p>