做設(shè)計(jì)時(shí)總陷入這樣的困境：界面布局規(guī)規(guī)矩矩，卻毫無(wú)視覺(jué)吸引力；元素堆砌完整，卻讓用戶一眼劃過(guò)記不住；明明花了不少心思，最終效果還是顯得單調(diào)乏味、缺少亮點(diǎn)。

你是不是也常遇到這種情況：拿到手的界面原型平平無(wú)奇，滿屏都是基礎(chǔ)文字和按鈕，想優(yōu)化加設(shè)計(jì)感卻無(wú)從下手，改來(lái)改去要么還是單調(diào)乏味，要么畫蛇添足影響體驗(yàn)，最后只能煩躁吐槽：“這破班，不上也罷！”

曾幾何時(shí)，做 B 端產(chǎn)品設(shè)計(jì)時(shí)，總覺(jué)得頂部導(dǎo)航不過(guò)是把功能菜單橫向排列，找現(xiàn)成的組件拼一拼就能用，無(wú)需過(guò)多打磨。早期不少中臺(tái)產(chǎn)品的頂部導(dǎo)航，甚至只是簡(jiǎn)單的文字羅列，連基礎(chǔ)的視覺(jué)區(qū)分都做的不到位。

其實(shí) APP 里的卡片設(shè)計(jì)，從來(lái)不是越花哨越好，核心是 “精致落地兩不誤，視覺(jué)實(shí)用雙在線”。那些讓程序員頭大的設(shè)計(jì)，大多是踩了 “過(guò)度設(shè)計(jì)、無(wú)視實(shí)現(xiàn)邏輯” 的坑；而那些看著普通卻超好用的卡片，都藏著可復(fù)用的設(shè)計(jì)邏輯。

設(shè)計(jì)的感性與理性之爭(zhēng)，似乎從未有過(guò)標(biāo)準(zhǔn)答案。有人將設(shè)計(jì)視作靈感迸發(fā)的藝術(shù)創(chuàng)作，重感性表達(dá)；有人將其當(dāng)作解決問(wèn)題的工程實(shí)踐，尊理性決策；也有人籠統(tǒng)說(shuō) “要平衡二者”，卻始終說(shuō)不清該如何平衡。事實(shí)上，這場(chǎng)爭(zhēng)論的核心誤區(qū)，在于混淆了設(shè)計(jì)的決策過(guò)程與表達(dá)結(jié)果兩個(gè)維度。設(shè)計(jì)從來(lái)不是非此即彼的選擇，而是一場(chǎng)理性為根、感性為枝的生長(zhǎng) —— 理性決定設(shè)計(jì)的方向與可行性，讓設(shè)計(jì)不偏離解決問(wèn)題的本質(zhì)；感性賦予設(shè)計(jì)的溫度與感染力，讓設(shè)計(jì)超越功能成為與用戶共鳴的載體。二者并非對(duì)立或并列，而是層層嵌套的先后關(guān)系：先以理性錨定目標(biāo)，再以感性點(diǎn)亮價(jià)值。

寶子們好久不見(jiàn)！失蹤人口正式回歸～ 今天來(lái)扒一扒設(shè)計(jì)師作品集里的重災(zāi)區(qū) ——用戶畫像，多少人做的畫像要么是 “小美小帥式” 的廢話文學(xué)，要么是拍腦袋瞎編，面試官一眼掃過(guò)直接搖頭。這篇文主打一個(gè)接地氣，從概念到實(shí)操，從避坑到案例，保你把用戶畫像做透，作品集里這一板塊直接封神！（全文嘮嗑式輸出，摸魚時(shí)間放心看～）

從谷歌的Gemini到ChatGPT Plus，從Photoshop的智能填充到釘釘?shù)腁I助理，這個(gè)符號(hào)似乎已經(jīng)成為了AI的專屬標(biāo)志。這篇文章將帶你深入了解“菱形十字星”的起源、發(fā)展以及它在AI圖標(biāo)中的廣泛應(yīng)用，探討這個(gè)視覺(jué)符號(hào)如何成為AI時(shí)代的標(biāo)志。

不知道大家有沒(méi)有發(fā)現(xiàn)一個(gè)現(xiàn)象，現(xiàn)在很多AI標(biāo)志或圖標(biāo)里都帶有“菱形十字星”元素，自帶一股科技感和閃光感。這個(gè)設(shè)計(jì)風(fēng)向?qū)嶋H已經(jīng)興起兩三年了。

2022年ChatGPT的發(fā)布直接給IT行業(yè)來(lái)了一場(chǎng)大變革，之后大部分應(yīng)用都開(kāi)始接入AI功能。設(shè)計(jì)師們琢磨來(lái)琢磨去：到底用啥圖標(biāo)代表AI好呢？最后“菱形十字星”成了共識(shí)。

接下來(lái)就如大家所見(jiàn)了，哪里有AI，哪里就有菱形元素——谷歌的Gemini、Figma AI、ChatGPT Plus、PS的智能填充、有道詞典的logo、釘釘?shù)腁I助理、百度搜索的問(wèn)AI……

那么“菱形十字星”元素是如何演變而來(lái)的呢？又是從什么時(shí)候開(kāi)始、因?yàn)槟男┰颍@個(gè)視覺(jué)符號(hào)逐漸成為AI專屬標(biāo)志的呢？一起來(lái)看看~

01 “菱形十字星”的起源

說(shuō)起菱形元素的最直接的起源，在日本漫畫里其實(shí)早有蹤跡。

在日本流行文化里，“菱形十字星”元素常用來(lái)突出漫畫人物角色的眼睛或者強(qiáng)調(diào)某個(gè)場(chǎng)景。到了20世紀(jì)70、80年代，它逐漸成為一種視覺(jué)符號(hào)：只要角色看到想要的東西或者喜歡的人，或是覺(jué)得某件事很酷很驚喜，眼睛里就會(huì)冒出這種閃光的菱形十字星。

后來(lái)到了1999年，日本電信公司Docomo創(chuàng)造了第一批“表情符號(hào)”，突破了純文字交流的局限。當(dāng)時(shí)設(shè)計(jì)師栗田重隆一共設(shè)計(jì)了176個(gè)表情，其中就有個(gè)菱形十字星圖案 (左下角)，能把這個(gè)圖案加進(jìn)去估計(jì)就是因?yàn)樗诋?dāng)時(shí)的日本流行文化里太有存在感了。

直到2010年，這個(gè)表情加入到Unicode 6.0標(biāo)準(zhǔn)，表情的官方名稱叫Sparkles，從此在全世界的數(shù)字設(shè)備上都能使用它了，也就是現(xiàn)在咱們手機(jī)里打出來(lái)的?表情。

02 AI視覺(jué)符號(hào)的發(fā)展

1990年P(guān)hotoshop推出了“魔棒”功能，這讓菱形十字星元素在數(shù)字世界里的存在感又上了一個(gè)臺(tái)階。估計(jì)不少設(shè)計(jì)師都用過(guò)這個(gè)功能：點(diǎn)一下魔棒工具，就能選中圖片里顏色相近的區(qū)域。在此之前，要做這事要么手動(dòng)用橡皮擦，要么一點(diǎn)點(diǎn)框選，操作起來(lái)很麻煩。

不過(guò)話說(shuō)回來(lái)，跟其他圖標(biāo)比，“魔棒”圖標(biāo)表達(dá)出來(lái)的含義其實(shí)挺模糊的。你看時(shí)鐘、日歷、文檔、放大鏡、垃圾桶這些圖標(biāo)，一看就知道是干啥的。

但魔棒圖標(biāo)是啥意思？可能真說(shuō)不準(zhǔn)。正是由于這種特性，“魔棒”適合表達(dá)新穎、神秘、美好、便利等含義 (魔法棒一揮，美好的事情即將發(fā)生)。

后來(lái)在圖片編輯領(lǐng)域，菱形十字星元素用得越來(lái)越頻繁。只要是能“少動(dòng)手”的功能，比如自動(dòng)調(diào)色調(diào)、快速選區(qū)域、濾鏡，在設(shè)計(jì)圖標(biāo)時(shí)都喜歡加入菱形十字星元素。

到最后，只要是能自動(dòng)處理各種繁瑣任務(wù)、個(gè)性化定制的功能圖標(biāo)，都會(huì)加入菱形十字星元素。現(xiàn)在它幾乎成了一個(gè)萬(wàn)能的圖形，所有讓人覺(jué)得亮眼的功能，好像都能用菱形十字星表示。

真正讓菱形十字星元素和AI綁定在一起，是2020年谷歌相冊(cè)推出的AI圖像增強(qiáng)功能——與其向普通用戶解釋AI多復(fù)雜，不如直接傳遞“神奇的事情馬上要發(fā)生”的感覺(jué)。同年谷歌表格的“探索”功能也用了菱形十字星元素，通過(guò)機(jī)器學(xué)習(xí)給用戶推薦主題。這大概是谷歌首次嘗試給AI功能建立“視覺(jué)符號(hào)”。

此后菱形十字星元素迅速成為AI功能的視覺(jué)語(yǔ)言。各大公司好像心照不宣都開(kāi)始用它代表AI——你用我也用，慢慢就成了行業(yè)特征。

在AI人工智能剛興起的時(shí)候，許多設(shè)計(jì)師可能都面臨類似的困惑：如果必須用一個(gè)圖標(biāo)來(lái)代表AI，它會(huì)是什么形狀？最開(kāi)始有人使用機(jī)器人、大腦、芯片、燈泡或復(fù)雜電路圖案等圖形代表AI。但AI智能且復(fù)雜，要找個(gè)視覺(jué)穩(wěn)定、可擴(kuò)展且美觀的圖標(biāo)來(lái)代表，好像前面這些選項(xiàng)都差點(diǎn)意思——所以最后還是用”菱形十字星”這種視覺(jué)上最亮眼的圖案成為首選。

03 AI圖標(biāo)未來(lái)會(huì)變成什么樣？

現(xiàn)在菱形十字星常作為輔助元素在圖標(biāo)里搭配使用，而不是單獨(dú)使用。

比如夸克的AI搜索是一大一小兩個(gè)菱形搭配；有道的句子潤(rùn)色是魔棒搭配菱形；稿定AI平臺(tái)對(duì)菱形用的更廣泛，凡是跟AI相關(guān)的功能，像創(chuàng)意畫布、AI改圖、AI擴(kuò)圖等功能圖標(biāo)中都有菱形十字星作為輔助元素。

雖然菱形十字星用的越來(lái)越頻繁，但也有一些產(chǎn)品在嘗試減少菱形的使用并探索更加個(gè)性化的AI設(shè)計(jì)圖標(biāo)。

比如Notion剛開(kāi)始推AI功能時(shí)用的也是菱形十字星圖標(biāo)，后來(lái)AI功能逐漸完善了之后就將AI換成了人臉效果的圖標(biāo)，這個(gè)圖標(biāo)讓Notion的AI視覺(jué)效果一下子有了辨識(shí)度。

最后

說(shuō)不定等AI完全變成標(biāo)配功能之后，咱們還會(huì)重新用回那些傳統(tǒng)的圖標(biāo)。就像90年代的軟盤保存圖標(biāo)一樣，菱形十字星或許也會(huì)成為一個(gè)時(shí)代的標(biāo)志。

但在此之前，菱形十字星很可能仍將作為一種重要的視覺(jué)語(yǔ)言，象征著向AI人工智能時(shí)代的過(guò)渡，成為我們擁抱和理解新技術(shù)的標(biāo)志

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.hengshangtqd.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。

很多品牌和產(chǎn)品在做設(shè)計(jì)改版時(shí)，明明想讓界面更美觀、體驗(yàn)更流暢，卻常常迎來(lái)用戶吐槽。從 LOGO 更新到 APP 界面重構(gòu)，一旦改動(dòng)不當(dāng)，很容易出現(xiàn) “越改越難用” 的聲音。蘭亭妙微 UI 設(shè)計(jì)在長(zhǎng)期的產(chǎn)品 UI 與品牌視覺(jué)項(xiàng)目中發(fā)現(xiàn)，用戶抵觸改版并非挑剔，而是習(xí)慣、情感與體驗(yàn)預(yù)期沒(méi)有被兼顧。本文從用戶心理出發(fā)，分享 5 個(gè)實(shí)用步驟，幫你降低改版爭(zhēng)議，讓升級(jí)真正被用戶接受。

其實(shí)從品牌LOGO到產(chǎn)品APP設(shè)計(jì)，只要一改動(dòng)，大家第一反應(yīng)往往是持懷疑態(tài)度。哪怕團(tuán)隊(duì)前期把設(shè)計(jì)規(guī)劃做得再周密，用戶該不喜歡還是不喜歡。那這是什么原因呢，咱們一起聊聊～

01 用戶為什么抵觸改版？

抵觸改版的核心原因主要有三個(gè)維度，咱們一個(gè)個(gè)介紹。

① 從心理學(xué)角度

看人們天生偏愛(ài)熟悉的安全感。在熟悉環(huán)境中，已知的規(guī)則和模式能降低決策壓力，帶來(lái)可控感。

熟悉度偏差

簡(jiǎn)單說(shuō)就是“再好用的新東西，也不如熟悉的舊東西”。這是大腦的一種“偷懶”習(xí)慣——處理熟悉的事不用費(fèi)太多勁，所以我們會(huì)默認(rèn)熟悉的選擇更安全、更舒服。

尤其面對(duì)變化時(shí)，這種偏差會(huì)更明顯，讓人忍不住依賴原來(lái)的使用邏輯和界面布局。

稟賦效應(yīng)

這本來(lái)是經(jīng)濟(jì)學(xué)概念，放到產(chǎn)品里也特別貼切——人會(huì)覺(jué)得自己擁有的東西更值錢。對(duì)用戶來(lái)說(shuō)，常用的APP產(chǎn)品早就不只是工具了，更像自己的電子資產(chǎn)。

一旦重新設(shè)計(jì)，用戶心里會(huì)有種“丟了東西”的失落感，自然會(huì)抵觸。

② 從行為角度

看改變?cè)O(shè)計(jì)=打破習(xí)慣。用戶體驗(yàn)專家雅各布·尼爾森說(shuō)過(guò)一句話：人們不想花時(shí)間學(xué)習(xí)，只想花時(shí)間做事。這句話精準(zhǔn)點(diǎn)出了用戶對(duì)設(shè)計(jì)變更的不滿——改設(shè)計(jì)本質(zhì)上是讓用戶“打破舊習(xí)慣、學(xué)習(xí)新規(guī)則”，而這兩件事都很難辦。

使用習(xí)慣被打亂

常用的APP用久了，用戶基本不用動(dòng)腦就能操作，比如“點(diǎn)底部按鈕進(jìn)首頁(yè)”“左滑刪消息”。但設(shè)計(jì)一改，比如底部按鈕挪到頂部、主屏幕能直接用的功能藏進(jìn)了漢堡菜單，用戶就得重新尋找和記住這個(gè)操作，讓原本簡(jiǎn)單的操作變成了刻意尋找，增加使用麻煩。

三個(gè)行為解釋為什么學(xué)習(xí)新事物這么難？

用戶不想學(xué)新設(shè)計(jì)新事物，可能并不是懶，而是背后有三個(gè)行為邏輯在“拖后腿”：

1. 自我決定理論：人在能自己掌控的事上，才更有動(dòng)力。比如熟悉的UI界面，用戶可以隨意操作，完全自主；但新界面會(huì)把這種掌控感奪走，用戶得跟著新規(guī)則走，失去了對(duì)APP的控制自然沒(méi)動(dòng)力學(xué)習(xí)新設(shè)計(jì)。
2. 動(dòng)機(jī)理論：人都偏愛(ài)即時(shí)回報(bào)。重新設(shè)計(jì)可能長(zhǎng)期來(lái)看更好用，但短期得花時(shí)間去學(xué)、花精力取適應(yīng)，這就是短期的損失。對(duì)比之下，當(dāng)下的麻煩遠(yuǎn)比未來(lái)的好處更突出，所以用戶自然會(huì)有抵觸情緒。
3. 避免失敗傾向：誰(shuí)都不想在使用APP時(shí)總是出現(xiàn)錯(cuò)誤無(wú)法完成操作。用新的APP界面時(shí)，用戶總會(huì)擔(dān)心原來(lái)一眼找到的功能現(xiàn)在找不到了、按錯(cuò)了怎么辦，所以寧愿使用熟悉的舊版本，也不想升級(jí)新版本。

③ 從商業(yè)角度

看有沒(méi)有考慮過(guò)重新設(shè)計(jì)的核心目標(biāo)，可能本來(lái)就不是為了吸引老用戶？

先看看蘋果iOS 26的更新介紹：新面貌、全新設(shè)計(jì)、全新設(shè)計(jì)元素、圖標(biāo)大煥新…宣傳里都是“全新”“個(gè)性”這類詞——其實(shí)很多品牌重新設(shè)計(jì)，核心目的是吸引新用戶。

對(duì)企業(yè)來(lái)說(shuō)要賺錢就得拉新，所以會(huì)用“亮眼的新功能”“顛覆性設(shè)計(jì)”吸引新用戶。

新用戶本來(lái)就是第一次用，不用適應(yīng)舊版本，反而覺(jué)得新鮮；但老用戶不一樣，得花時(shí)間重新學(xué)、重新適應(yīng)，相當(dāng)于多了一道使用門檻。

所以老用戶會(huì)吐槽“改得亂七八糟”，甚至要求回退到舊版本，本質(zhì)上是和品牌的“拉新目標(biāo)”沖突了。

02 五個(gè)步驟步做好設(shè)計(jì)改版

重新設(shè)計(jì)不是簡(jiǎn)單的改一改圖標(biāo)風(fēng)格、調(diào)調(diào)按鈕位置，而是從前期規(guī)劃到后期落地，每一步都得考慮用戶感受。

步驟①：先想清楚改版原因

在決定重新設(shè)計(jì)前得先明確：你的產(chǎn)品的核心價(jià)值是什么？重新設(shè)計(jì)要實(shí)現(xiàn)什么目標(biāo)？

比如蘋果的設(shè)計(jì)不管怎么更新，始終圍繞“創(chuàng)新”“易用”“細(xì)節(jié)控”這幾個(gè)核心——iOS 的大版本更新，哪怕界面變了，用戶也會(huì)覺(jué)得“這很蘋果”，因?yàn)樗鼪](méi)偏離品牌的核心體驗(yàn)。

所以第一步不是怎么改，而是為什么改，確保設(shè)計(jì)改版和品牌價(jià)值、用戶的核心需求對(duì)齊。

步驟②：從用戶研究開(kāi)始

減少抵觸的關(guān)鍵是讓設(shè)計(jì)貼合用戶需求。

那怎么貼合呢？

主要靠用戶研究。

先看看用戶之前吐槽的點(diǎn)是什么，比如按鈕太隱蔽、篩選功能不好用；再問(wèn)問(wèn)用戶想要什么，比如希望能快速標(biāo)記已讀、想要深色模式。基于這些反饋?zhàn)鲈O(shè)計(jì)，既能解決老問(wèn)題，又能讓用戶覺(jué)得我的意見(jiàn)被官方采納了，加深參與感和榮譽(yù)感。

比如京東APP的15.0大改版，采用逐步放量來(lái)進(jìn)行改版，京東內(nèi)部一直強(qiáng)調(diào)“以客戶為中心”，具體改哪兒、怎么改，都必須站在用戶視角。

根據(jù)內(nèi)部小伙伴透露： 京東APP改版從1%對(duì)外開(kāi)放時(shí)就啟動(dòng)了用戶建議收集，會(huì)快速根據(jù)用戶的建議反饋、以及數(shù)據(jù)表現(xiàn)進(jìn)行調(diào)整迭代。

這期間，很多用戶給出很有價(jià)值的建議或反饋。從升級(jí)改版效果上看，多數(shù)用戶在新版App上都比之前停留更長(zhǎng)時(shí)間了，較好提升了用戶體驗(yàn)。

步驟③：考慮功能使用頻率

不是所有設(shè)計(jì)都能隨便改，需要考慮這個(gè)功能或界面“用戶用得多不多、重要不重要”。

比如Spotify之前在底部導(dǎo)航欄加了個(gè)“AI創(chuàng)建播放列表”的按鈕，看似是個(gè)小改動(dòng)卻引來(lái)一堆吐槽。

因?yàn)榈撞繉?dǎo)航是用戶每天點(diǎn)幾十次的核心區(qū)域，早就形成了肌肉記憶，突然加個(gè)按鈕，用戶很容易點(diǎn)錯(cuò)，還得重新適應(yīng)布局。

所以設(shè)計(jì)改版前要先考慮：這個(gè)功能用戶每天用幾次？是不是核心操作？用得越頻繁、越核心，改動(dòng)時(shí)越要謹(jǐn)慎。

使用頻率越高，重新設(shè)計(jì)時(shí)收到的負(fù)面反饋可能性就越大。

步驟④：改版也要保留“熟悉感”

重新設(shè)計(jì)不代表要“一刀切”，把原有的設(shè)計(jì)全部推翻，而是保留一些熟悉的元素幫用戶快速適應(yīng)。

比如推特改名“X”后，雖然圖標(biāo)從藍(lán)鳥變成了X，主色調(diào)也成了黑白色，但發(fā)布按鈕還是沿用了原來(lái)的藍(lán)色，核心的界面布局也沒(méi)大改。老用戶打開(kāi)APP不會(huì)覺(jué)得完全陌生，能更快接受X這個(gè)新品牌。

除非是徹底換賽道的大改版，否則盡量保留用戶熟悉的識(shí)別點(diǎn)，比如常用按鈕的顏色、核心功能的入口位置，減少陌生感的沖擊。

步驟⑤：給用戶選擇權(quán)

用戶抵觸新設(shè)計(jì)很多時(shí)候是因?yàn)闆](méi)得選。如果能讓用戶自己決定用舊版還是新版，抵觸改版的情緒就會(huì)少很多。

像支付寶個(gè)人中心的改版，首次進(jìn)入新頁(yè)面會(huì)有一個(gè)“頁(yè)面布局全新升級(jí)”的提示，用戶可以自主選擇“開(kāi)始體驗(yàn)”或者“稍后體驗(yàn)”。

在新版頁(yè)面的右上角仍保留“返回舊版”的入口，方便用戶返回舊版熟悉的頁(yè)面中。

這樣一來(lái)，愿意嘗鮮的用戶就可以體驗(yàn)新設(shè)計(jì)，哪怕暫時(shí)不用新版，也不會(huì)抵觸更新，畢竟選擇權(quán)一直在用戶手里。

03 改版后用戶不喜歡怎么辦？

不是所有的重新設(shè)計(jì)都能一次成功，改完后用戶吐槽也很正常。關(guān)鍵是先判斷吐槽主要集中哪些方面，再針對(duì)性解決。

① 如果吐槽集中在界面很陌生

比如用戶說(shuō)“按鈕位置全變了，看著好別扭”“找不到原來(lái)的功能了”，這種情況大多是適應(yīng)問(wèn)題。用戶剛接觸新設(shè)計(jì)，原來(lái)的使用習(xí)慣被打破，自然會(huì)覺(jué)得麻煩。

但只要設(shè)計(jì)本身沒(méi)問(wèn)題，隨著時(shí)間推移，用戶慢慢養(yǎng)成新習(xí)慣，這種吐槽會(huì)越來(lái)越少。

這時(shí)候不用急著改回去，給用戶一點(diǎn)適應(yīng)時(shí)間就行。

② 如果吐槽集中在某個(gè)特定功能

比如用戶一直說(shuō)“保存按鈕藏太深了，找半天找不到”“原來(lái)能直接用的篩選，現(xiàn)在要進(jìn)二級(jí)菜單”，這種情況大概率是設(shè)計(jì)缺陷。

這類問(wèn)題不會(huì)隨著時(shí)間消失，反而用戶用多了吐槽會(huì)越多。

這時(shí)候要趕緊收集反饋，分析問(wèn)題出在哪里，比如把藏得太深的功能挪出來(lái)或者恢復(fù)常用的操作路徑，別讓一個(gè)小缺陷毀了整個(gè)改版效果。

最后不能指望通過(guò)一次改版把所有的舊問(wèn)題解決掉。

設(shè)計(jì)改版是一個(gè)不斷迭代的過(guò)程，就像很多大廠APP會(huì)搞A/B測(cè)試，快速試錯(cuò)后再優(yōu)化調(diào)整。

所以說(shuō)改版完成不是結(jié)束，而是根據(jù)用戶反饋持續(xù)優(yōu)化的開(kāi)始！

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.hengshangtqd.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。

在數(shù)字化深度滲透生活的當(dāng)下，用戶體驗(yàn)（UX）早已不是互聯(lián)網(wǎng)產(chǎn)品的專屬概念，它從屏幕延伸到生活的每一個(gè)角落，從智能家居的語(yǔ)音交互到醫(yī)院的就診流程，從線下商超的購(gòu)物動(dòng)線到金融 APP 的轉(zhuǎn)賬操作，好的用戶體驗(yàn)總能讓人與產(chǎn)品、服務(wù)的連接變得自然且舒適。有人說(shuō) UX 設(shè)計(jì)是 “讓科技懂人” 的藝術(shù)，也有人說(shuō)它是兼顧功能與情感的科學(xué)，而其核心始終繞不開(kāi) “以用戶為中心” 的底層邏輯。本文將從 UX 設(shè)計(jì)的核心定義出發(fā)，拆解其經(jīng)典要素體系，探索跨領(lǐng)域應(yīng)用場(chǎng)景，并結(jié)合當(dāng)下行業(yè)趨勢(shì)，聊聊如何讓 UX 設(shè)計(jì)思維落地到實(shí)際工作與生活中。

這篇文章將為你提供五個(gè)實(shí)用的設(shè)計(jì)技巧，幫助你提升產(chǎn)品的用戶體驗(yàn)和決策效率。從增加緊迫感、使用默認(rèn)選項(xiàng)和一鍵操作，到縮短操作路徑、提供實(shí)時(shí)反饋，再到信息整理和分步呈現(xiàn)，這些技巧都能有效降低用戶的認(rèn)知負(fù)荷，幫助他們?cè)谧疃痰臅r(shí)間內(nèi)做出最佳選擇。

在產(chǎn)品設(shè)計(jì)的常規(guī)邏輯里，“延長(zhǎng)用戶使用時(shí)間”往往是核心目標(biāo)之一。從算法推薦到趣味互動(dòng)，大部分設(shè)計(jì)都在努力讓用戶多停留。

但設(shè)計(jì)的本質(zhì)是服務(wù)需求，而需求從來(lái)不是單一的：對(duì)于內(nèi)容類產(chǎn)品，“久留”是價(jià)值；但對(duì)于像打車、點(diǎn)外賣、訂酒店票務(wù)等服務(wù)，“快速?zèng)Q策”才是用戶的核心痛點(diǎn)。

今天就來(lái)聊聊如何通過(guò)設(shè)計(jì)幫用戶快速?zèng)Q策，提升產(chǎn)品的核心競(jìng)爭(zhēng)力~

01 加速?zèng)Q策的五種元素

心理學(xué)里有“快思考”和“慢思考”的概念：快思考靠直覺(jué)和本能反應(yīng)，做出的判斷偏情緒化；慢思考則是邏輯分析，決策會(huì)更謹(jǐn)慎、更深思熟慮。

趕時(shí)間的用戶大多靠快思考做決定，下面這五種元素能幫他們加速?zèng)Q策：

1. 緊迫感：在有限的時(shí)間內(nèi)做出決定
2. 最小化選擇：能用最少的操作或最簡(jiǎn)單的輸入完成事情
3. 縮短路徑：簡(jiǎn)化操作路徑，方便用戶及時(shí)看到需要處理的內(nèi)容
4. 即時(shí)反饋：對(duì)用戶的操作給出準(zhǔn)確及時(shí)的響應(yīng)
5. 信息簡(jiǎn)潔：僅在該出現(xiàn)的位置展示必要的信息

這五個(gè)元素的核心都是“降低認(rèn)知負(fù)荷”，也就是減少用戶需要?jiǎng)幽X處理的信息量。

畢竟認(rèn)知負(fù)荷越低，決策越快；要是信息太多導(dǎo)致 “認(rèn)知超載”，理解起來(lái)費(fèi)勁，決策速度自然就慢了。 接下來(lái)咱們看看這些元素的實(shí)際應(yīng)用案例，搞懂怎么進(jìn)行落地設(shè)計(jì)。

02 加速?zèng)Q策的5個(gè)設(shè)計(jì)原則

① 增加緊迫感

“錯(cuò)失恐懼”(FOMO，F(xiàn)ear of Missing Out) 表示怕被落下、被排除在外的感覺(jué)，商業(yè)里常用這招制造稀缺感，讓用戶覺(jué)得“不選就虧了”。

大家可能都經(jīng)歷過(guò)訂機(jī)票或酒店時(shí)，頁(yè)面上彈出“立即預(yù)訂，不然價(jià)格要漲/馬上售罄”的提示。這就是在強(qiáng)化緊迫感，用稀缺性鼓勵(lì)用戶快點(diǎn)下單。

設(shè)計(jì)方向↓

數(shù)量提示

比如預(yù)定酒店時(shí)，在酒店卡片上展示“直降xx元”、“低價(jià)房?jī)H剩1間”等提示說(shuō)明，營(yíng)造低價(jià)房馬上就沒(méi)的緊張感。

類似的還有特價(jià)商品“僅剩x份”，目標(biāo)小區(qū)的房源“僅剩x套”都是利用數(shù)量不斷減少的提示，從而引導(dǎo)用戶快速下單。

倒計(jì)時(shí)提示

倒計(jì)時(shí)用來(lái)提醒用戶在限定時(shí)間內(nèi)作出決定，常用在限時(shí)秒殺、限時(shí)搶購(gòu)、優(yōu)惠馬上截止等強(qiáng)調(diào)時(shí)間性的活動(dòng)中，營(yíng)造出時(shí)間有限、優(yōu)惠即將結(jié)束的緊張感。

② 使用默認(rèn)選項(xiàng)和一鍵操作

根據(jù)希克·海曼定律，選項(xiàng)越多，用戶越難下決定。所以與其給出所有選項(xiàng)，不如聚焦用戶真正需要的，效果反而更好。

設(shè)計(jì)方向↓

提供默認(rèn)選項(xiàng)

把對(duì)用戶最重要、最實(shí)用的選項(xiàng)設(shè)為默認(rèn)。?比如打開(kāi)視頻APP，首頁(yè)會(huì)展示上次沒(méi)看完的電視劇看到了第幾集，引導(dǎo)用戶繼續(xù)觀看。

聽(tīng)播客的過(guò)程中如果退出了再進(jìn)入播客，頁(yè)面上提示上次播放的位置，用戶可以選擇是否自動(dòng)續(xù)播還是重新播放，再給用戶提供便利性的同時(shí)保留了自出選擇的權(quán)力。

還有在提交商品訂單時(shí)，默認(rèn)勾選優(yōu)惠券抵扣、積分抵扣等優(yōu)惠選項(xiàng)，方便用戶快速提交訂單。

一鍵完成操作

能讓用戶只需要點(diǎn)擊一下就完成任務(wù)。比如輸入密碼時(shí)從密碼庫(kù)中一鍵選擇保存好的密碼，省去了輸入密碼和忘記密碼再找回的麻煩；輸入手機(jī)驗(yàn)證碼時(shí)，驗(yàn)證碼會(huì)在鍵盤上懸浮展示，點(diǎn)擊一下即可完成輸入，提高操作效率。

除了上面兩個(gè)場(chǎng)景外，支付時(shí)的自動(dòng)跳轉(zhuǎn)也很典型——點(diǎn)擊“立即支付”自動(dòng)打開(kāi)支付軟件，接著用Face ID或者輸入支付密碼驗(yàn)證就能付款，最大限度地減少了不必要的交互，特別方便。

③ 縮短操作路徑

快速導(dǎo)航就是用戶不需要費(fèi)力，一看就能理解、隨手就能操作的界面。把操作路徑縮到最短，用戶就能用最少的操作找到需要的信息。

設(shè)計(jì)方向↓

簡(jiǎn)單快捷的手勢(shì)操作

通過(guò)用戶熟悉的的手勢(shì)操作來(lái)找信息、做決定。比如職位詳情頁(yè)左右滑動(dòng)就能查看不同的職位詳情，省去了返回職位列表、滑動(dòng)列表、再點(diǎn)擊列表看詳情等一系列的操作。

交友軟件的滑動(dòng)交互也非常經(jīng)典，用戶輕輕一滑就能匹配好友，不需要瀏覽復(fù)雜的個(gè)人資料。

輸入內(nèi)容自動(dòng)補(bǔ)全/搜索發(fā)現(xiàn)

在搜索內(nèi)容的時(shí)候提供搜索建議，比如輸入地址時(shí)為用戶提供更精確的地址建議，或者在輸入網(wǎng)址鏈接時(shí)，根據(jù)歷史搜索記錄自動(dòng)補(bǔ)全鏈接；還有根據(jù)搜索記錄自動(dòng)推薦一些用戶可能感興趣的內(nèi)容，都是提高操作效率的好方式。

④ 實(shí)時(shí)反饋

用戶操作后能馬上得到反饋的界面，也能加快決策速度。

設(shè)計(jì)方向↓

提供加載動(dòng)畫、完成圖標(biāo)、震動(dòng)反饋等多種反饋

比如蘋果的Face ID功能，驗(yàn)證時(shí)不僅會(huì)震動(dòng)，還有驗(yàn)證前、中、后的動(dòng)畫效果，最后還會(huì)顯示成功或失敗的圖標(biāo)。

實(shí)時(shí)反饋操作結(jié)果

在Nike的注冊(cè)界面中，會(huì)把密碼的四個(gè)要求展示到頁(yè)面上，用戶每滿足一個(gè)要求就會(huì)自動(dòng)在要求上打一個(gè)對(duì)鉤，真正做到實(shí)時(shí)反饋；網(wǎng)絡(luò)慢的時(shí)候，用骨架屏的方式進(jìn)行界面預(yù)加載提示，這些設(shè)計(jì)能讓用戶立刻知道操作有沒(méi)有成功，從而快速做出決定。

⑤ 信息整理&分步呈現(xiàn)

設(shè)計(jì)方向↓

信息可視化設(shè)計(jì)

1. ·突出重要信息，把同類信息放在相同的布局里。
2. ·用直觀的“圖標(biāo)+文字”組合輔助理解。
3. ·只顯示關(guān)鍵信息，并使用“查看更多”來(lái)減少附加信息。

不必要的元素越多，用戶越容易漏掉重要信息，還會(huì)產(chǎn)生決策疲勞。

例如在滴滴的打車界面中，只展示用戶最關(guān)心的車費(fèi)和預(yù)計(jì)到達(dá)時(shí)間，方便即時(shí)對(duì)比；通過(guò)圖標(biāo)+文字的排列組合，在選項(xiàng)較多的情況下，幫助用戶快速理解；對(duì)于內(nèi)容比較多的篩選條件，可以考慮優(yōu)先展示最常用的選項(xiàng)，將不常用的選項(xiàng)收起來(lái)。

分步操作

如果需要呈現(xiàn)的內(nèi)容比較多，還可以考慮采用分步的形式，讓用戶一步一步來(lái)，而不是一次填完所有信息。

分步操作能大幅度減少用戶每次需要處理的內(nèi)容，縮短頁(yè)面停留時(shí)間。

比如選購(gòu)汽車時(shí)需要選擇很多的配置，就可以采用分步操作一頁(yè)只做一件事 (One Thing per Page)，每次只顯示一個(gè)操作項(xiàng)，把選配置這個(gè)復(fù)雜的流程變得簡(jiǎn)單易操作。

最后

對(duì)于匆忙的用戶來(lái)說(shuō)，用戶體驗(yàn)應(yīng)該超越簡(jiǎn)單的界面，成為一個(gè)有助于快速做決定的場(chǎng)景。

設(shè)計(jì)時(shí)一定要幫用戶用最少精力、最短時(shí)間做出最佳選擇。尤其是需要即時(shí)反饋、信息清晰的場(chǎng)景，體驗(yàn)的好壞直接影響用戶滿意度。

轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）m.hengshangtqd.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。