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

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

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

用戶體驗設(shè)計過程中的美學

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

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

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

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

用戶體驗設(shè)計的函數(shù)式方法

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

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

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

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

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

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

專注于視覺內(nèi)容或營銷的行業(yè)往往傾向于美觀第一的設(shè)計過程。例如，電子商務(wù)公司通常優(yōu)先考慮美觀設(shè)計，因為第一印象和品牌認知度有助于他們的成功。在線時尚和化妝品零售商 ASOS 是美觀用戶界面的一個很好的例子。

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

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

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

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

何時關(guān)注功能

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

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

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

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

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

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

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

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

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

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

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

實現(xiàn)無縫用戶體驗的適當平衡

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

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