蘭亭妙微設(shè)計(jì):UI/UX 設(shè)計(jì)作品集中的推理分析創(chuàng)作心法
在蘭亭妙微設(shè)計(jì)多年的設(shè)計(jì)服務(wù)與人才培養(yǎng)實(shí)踐中,我們見過無數(shù)設(shè)計(jì)師的作品集 —— 有的靠視覺驚艷出圈,有的憑邏輯深度打動(dòng)甲方,也有的因盲目堆砌內(nèi)容淪為 “流水賬”。作為深耕 UI/UX 設(shè)計(jì)領(lǐng)域的專業(yè)團(tuán)隊(duì),我們始終認(rèn)為,作品集的核心從來不是 “要不要寫推理分析”,而是 “如何讓分析成為設(shè)計(jì)能力的背書”。
蘭亭妙微服務(wù)過互聯(lián)網(wǎng)大廠、新銳創(chuàng)業(yè)公司、傳統(tǒng)企業(yè)數(shù)字化轉(zhuǎn)型等各類客戶,也為行業(yè)輸送了大量具備完整設(shè)計(jì)思維的設(shè)計(jì)師。我們發(fā)現(xiàn),一份能脫穎而出的作品集,要么把視覺做到極致,要么讓分析體現(xiàn)專業(yè),最好的狀態(tài)則是視覺與邏輯相輔相成。而推理分析的價(jià)值,就在于讓面試官或甲方看到設(shè)計(jì)背后的思考 —— 你不是一個(gè)只會(huì)執(zhí)行的 “美工”,而是能解決問題的 “設(shè)計(jì)師”。接下來,蘭亭妙微就結(jié)合多年實(shí)戰(zhàn)經(jīng)驗(yàn),跟大家聊聊 UI/UX 設(shè)計(jì)作品集中推理分析的正確創(chuàng)作方式,避開那些常見的坑,讓分析真正成為你的加分項(xiàng)。

先避坑:作品集推理分析的三大常見誤區(qū)
在審核設(shè)計(jì)師作品集和對接客戶需求的過程中,蘭亭妙微發(fā)現(xiàn),很多設(shè)計(jì)師在寫推理分析時(shí),容易陷入形式化的誤區(qū),看似內(nèi)容豐富,實(shí)則毫無價(jià)值,甚至拉低作品集的專業(yè)度。這些誤區(qū)主要集中在三點(diǎn):
- 重產(chǎn)品介紹,輕個(gè)人價(jià)值:把作品集寫成了產(chǎn)品說明書,大篇幅介紹項(xiàng)目背景、用戶群體、功能模塊,卻只字不提自己在其中的角色和貢獻(xiàn) —— 是獨(dú)立負(fù)責(zé)交互設(shè)計(jì),還是參與視覺落地,是發(fā)現(xiàn)了核心痛點(diǎn),還是優(yōu)化了關(guān)鍵流程?面試官想看到的是你的能力,而不是產(chǎn)品本身。
- 重空泛描述,輕具體論證:用 “首頁結(jié)構(gòu)不合理”“用戶體驗(yàn)較差”“交互邏輯不清晰” 這類模糊的表述概括問題,卻不說明 “不合理在哪”“體驗(yàn)差的依據(jù)是什么”—— 是數(shù)據(jù)顯示某板塊點(diǎn)擊率逐月下降,還是用戶訪談中 80% 的受訪者反饋操作卡頓,或是自己通過可用性測試發(fā)現(xiàn)了流程漏洞?沒有具體論證的問題,都是主觀臆斷。
- 重模型堆砌,輕實(shí)際落地:盲目套用 KANO 模型、AARRR 模型、上癮模型等理論,把作品集變成了 “設(shè)計(jì)方法論科普”,卻看不到模型與設(shè)計(jì)方案的關(guān)聯(lián) —— 比如用了 KANO 模型分析需求,卻沒說明如何根據(jù)模型結(jié)果劃分功能優(yōu)先級,最終的設(shè)計(jì)方案又如何體現(xiàn)了這一分析?脫離落地的模型,只是徒增篇幅。
蘭亭妙微始終強(qiáng)調(diào):設(shè)計(jì)是解決問題的學(xué)科,推理分析也必須圍繞 “解決問題” 展開。與其追求形式上的 “專業(yè)”,不如回歸本質(zhì),把 “發(fā)現(xiàn)問題 - 分析問題 - 解決問題” 的過程講清楚。
核心邏輯:用 “起因 - 經(jīng)過 - 結(jié)果” 講好設(shè)計(jì)故事
蘭亭妙微在內(nèi)部設(shè)計(jì)培訓(xùn)和作品集指導(dǎo)中,一直推崇 **“講故事” 的框架 **—— 把設(shè)計(jì)項(xiàng)目當(dāng)成一個(gè)完整的故事,用 “起因 - 經(jīng)過 - 結(jié)果” 三個(gè)階段梳理推理分析,既符合人的認(rèn)知邏輯,又能清晰展現(xiàn)你的設(shè)計(jì)思維。這個(gè)框架不是蘭亭妙微的憑空創(chuàng)造,而是從無數(shù)實(shí)戰(zhàn)項(xiàng)目中總結(jié)的經(jīng)驗(yàn),無論是大廠的商業(yè)項(xiàng)目,還是設(shè)計(jì)師的個(gè)人練習(xí),都能適用。
起因:找準(zhǔn)問題,用客觀方法支撐
“起因” 階段的核心是說清 “為什么要做這個(gè)設(shè)計(jì)”,回答三個(gè)問題:有哪些問題 / 機(jī)會(huì)、你是怎么發(fā)現(xiàn)的、導(dǎo)致問題的原因是什么。這是推理分析的基礎(chǔ),也是體現(xiàn)你 “問題洞察能力” 的關(guān)鍵,蘭亭妙微要求設(shè)計(jì)師在這一階段,拒絕主觀感受,用客觀方法說話。
-
發(fā)現(xiàn)問題的方法:選對工具,讓問題有依據(jù)
不要說 “我覺得這個(gè)設(shè)計(jì)有問題”,而要說 “我通過 XX 方法發(fā)現(xiàn)了這個(gè)問題”。蘭亭妙微在實(shí)戰(zhàn)中常用的方法有:數(shù)據(jù)分析法(通過點(diǎn)擊率、跳失率、轉(zhuǎn)化率等數(shù)據(jù)發(fā)現(xiàn)異常)、用戶調(diào)研法(用戶訪談、問卷、焦點(diǎn)小組)、可用性測試法(讓用戶實(shí)際操作,記錄問題)、渠道反饋法(收集產(chǎn)品評論、客服反饋、甲方需求)、經(jīng)驗(yàn)判斷法(基于行業(yè)經(jīng)驗(yàn)和設(shè)計(jì)規(guī)范的專業(yè)判斷)。
比如,蘭亭妙微為某電商客戶做支付流程優(yōu)化時(shí),通過數(shù)據(jù)分析法發(fā)現(xiàn) “支付環(huán)節(jié)跳失率高達(dá) 40%”,隨后通過用戶訪談法對 20 名跳失用戶進(jìn)行調(diào)研,最終找到問題核心 —— 這就是有依據(jù)的問題發(fā)現(xiàn)。
-
界定問題的標(biāo)準(zhǔn):聚焦核心,抓迫切性高的痛點(diǎn)
產(chǎn)品的問題有很多,但不是所有問題都值得做設(shè)計(jì)優(yōu)化。蘭亭妙微會(huì)用 “問題價(jià)值矩陣” 來篩選 —— 橫坐標(biāo)為問題的
迫切程度,縱坐標(biāo)為用戶的
感知程度,我們只優(yōu)先解決 “迫切程度高 + 感知程度高” 的核心痛點(diǎn),也就是讓用戶憤怒、無奈,直接影響產(chǎn)品體驗(yàn)或業(yè)務(wù)轉(zhuǎn)化的問題。
比如,外貿(mào)商家在裝修店鋪時(shí),“商品無法直接點(diǎn)擊購買,需跳轉(zhuǎn)到列表頁下單” 這個(gè)問題,既讓商家運(yùn)營效率低,又讓顧客購買體驗(yàn)差,屬于高價(jià)值痛點(diǎn);而 “店鋪圖標(biāo)樣式不夠美觀” 這類問題,感知程度低,就可以后置處理。
-
分析原因的關(guān)鍵:層層拆解,找到根本問題
發(fā)現(xiàn)問題后,不要停留在表面,要層層拆解找到根本原因。蘭亭妙微常用的方法有:用戶訪談法(直接問用戶 “為什么放棄操作”)、觀察推測法(模擬用戶操作流程,還原問題場景)、因果分析法(梳理 “問題 - 誘因” 的邏輯鏈)。
比如,某 APP “個(gè)人中心頁面點(diǎn)擊率低”,表面看是 “頁面設(shè)計(jì)不好看”,但通過用戶觀察發(fā)現(xiàn),根本原因是 “功能入口隱藏太深,用戶找不到核心操作按鈕”—— 這才是需要解決的根本問題。
蘭亭妙微實(shí)戰(zhàn)示例:為某跨境電商設(shè)計(jì) BuyButton 插件時(shí),我們通過渠道反饋法收集到外貿(mào)商家的核心訴求,又通過模擬操作發(fā)現(xiàn)了兩個(gè)核心問題:一是活動(dòng)頁商品無法直接購買,需跳轉(zhuǎn)列表頁,轉(zhuǎn)化鏈路過長;二是自定義頁面裝修時(shí),需重新編寫 CSS 樣式,開發(fā)成本高。進(jìn)一步分析原因后發(fā)現(xiàn),核心在于現(xiàn)有工具缺乏 “一鍵對接交易平臺” 的功能和 “視覺定制化” 的能力,這就是我們做插件設(shè)計(jì)的核心起因。
經(jīng)過:制定策略,做有取舍的選擇
“經(jīng)過” 階段是推理分析的核心,體現(xiàn)的是你 “解決問題的能力”—— 說清你是如何根據(jù)問題原因,制定設(shè)計(jì)策略,并在多個(gè)策略中做出取舍的。蘭亭妙微始終認(rèn)為,設(shè)計(jì)沒有 “唯一正確的答案”,但有 “最適合的選擇”,而策略的取舍,必須圍繞問題、成本、價(jià)值、可行性四個(gè)維度展開。
-
制定策略的原則:圍繞問題,對癥下藥
策略必須緊扣 “起因” 階段找到的根本原因,不能脫離問題談創(chuàng)意。比如,若問題是 “用戶對平臺品牌不信任,導(dǎo)致大品牌銷量低”,那么策略就應(yīng)該圍繞 “建立用戶信任” 展開,而不是去優(yōu)化頁面視覺;若問題是 “用戶操作流程繁瑣,導(dǎo)致跳失率高”,那么策略就應(yīng)該圍繞 “簡化流程,提升效率” 展開。
蘭亭妙微在為客戶制定設(shè)計(jì)策略時(shí),會(huì)先列出所有可能的解決方案,再逐一分析,比如針對 “用戶信任缺失”,我們會(huì)提出三個(gè)策略:透出品牌資質(zhì)(展示授權(quán)證書)、增加售后保障(七天無理由、正品檢測)、提供用戶試用(部分商品免費(fèi)試)。
-
策略取舍的標(biāo)準(zhǔn):成本與價(jià)值平衡,落地為上
好的設(shè)計(jì)策略,不僅要能解決問題,還要符合實(shí)際落地條件。蘭亭妙微會(huì)從
實(shí)施成本(時(shí)間、人力、技術(shù)難度)和
商業(yè)價(jià)值(對用戶體驗(yàn)、業(yè)務(wù)轉(zhuǎn)化的提升效果)兩個(gè)維度,對策略進(jìn)行評估,舍棄成本高、可行性低的,選擇性價(jià)比最高的。
比如上述 “建立用戶信任” 的三個(gè)策略,我們分析后發(fā)現(xiàn):“提供用戶試用” 需要對接供應(yīng)鏈,成本高;“增加售后保障” 需要平臺承擔(dān)額外風(fēng)險(xiǎn),可行性低;而 “透出品牌資質(zhì)” 只需在頁面增加展示模塊,成本低、見效快,還能直接解決用戶 “擔(dān)心買到假貨” 的核心顧慮,因此成為最終選擇。
-
避開形式化陷阱:拒絕模型堆砌,注重實(shí)戰(zhàn)思考
很多設(shè)計(jì)師喜歡在這一階段堆砌各種設(shè)計(jì)模型,認(rèn)為這樣顯得 “專業(yè)”,但蘭亭妙微在實(shí)戰(zhàn)中發(fā)現(xiàn),大廠和資深甲方更看重
實(shí)際的思考過程,而不是形式化的模型。比如,我們說 “要給用戶一種簡潔的操作體驗(yàn)”,這是一個(gè)設(shè)計(jì)策略,它不需要靠某個(gè)模型推導(dǎo),而是基于對用戶需求和產(chǎn)品定位的實(shí)戰(zhàn)判斷。
當(dāng)然,這并不意味著模型不能用,而是要
用得有價(jià)值—— 如果模型真的指導(dǎo)了你的策略制定,就簡單說明 “通過 XX 模型分析,我們將功能劃分為核心、次要、增值三類,因此制定了 XX 策略”;如果只是為了湊數(shù),不如不寫。
結(jié)果:展示方案,講清選擇的理由 + 驗(yàn)證的結(jié)果
“結(jié)果” 階段的核心,不是簡單展示最終的設(shè)計(jì)界面,而是說清 “為什么選擇這個(gè)方案”,以及 “這個(gè)方案是否真的解決了問題”。蘭亭妙微常跟設(shè)計(jì)師說:面試官看的不是你的設(shè)計(jì)稿有多好看,而是你在設(shè)計(jì)過程中的思考和權(quán)衡,以及設(shè)計(jì)帶來的實(shí)際價(jià)值。
-
方案展示:多方案對比,講清取舍理由
不要只放最終的 A 方案,最好展示 A、B 甚至 C 方案,并說明為什么選 A,舍棄 B、C。這能體現(xiàn)你在設(shè)計(jì)過程中的全面思考,而不是 “一拍腦袋” 的決定。
比如,蘭亭妙微在為某短視頻平臺設(shè)計(jì) “系列視頻查看功能” 時(shí),提出了兩個(gè)方案:方案一是用戶側(cè)滑后直接定位到當(dāng)前播放的視頻,優(yōu)點(diǎn)是操作高效,缺點(diǎn)是減少了用戶與作者主頁的互動(dòng);方案二是用戶側(cè)滑后先進(jìn)入作者主頁頭部,右下角增加 “剛剛看過” 按鈕,點(diǎn)擊可定位到視頻,優(yōu)點(diǎn)是能提升作者關(guān)注率,符合平臺 “強(qiáng)化創(chuàng)作者與用戶鏈接” 的業(yè)務(wù)目標(biāo),缺點(diǎn)是多了一步操作。最終我們選擇了方案二,因?yàn)樗冉鉀Q了 “用戶找不到系列視頻” 的核心問題,又兼顧了平臺的商業(yè)價(jià)值 —— 這就是清晰的取舍理由。
-
競品分析:有目的性使用,避免盲目對比
競品分析是設(shè)計(jì)過程中的常用工具,但很多設(shè)計(jì)師把它當(dāng)成一個(gè) “必放板塊”,堆砌一堆競品的截圖和描述,卻沒說明其價(jià)值。蘭亭妙微認(rèn)為,競品分析在作品集中的唯一目的,是
為你的設(shè)計(jì)方案提供參考和差異化依據(jù)。
比如,你可以說 “通過分析 3 家主流競品的支付流程,我們發(fā)現(xiàn)它們都將‘收貨地址編輯’放在了支付確認(rèn)頁,而我們的用戶調(diào)研顯示,用戶更希望在填寫訂單頁完成地址編輯,因此我們優(yōu)化了流程,將該功能前置,最終實(shí)現(xiàn)支付跳失率下降 15%”—— 這就是有價(jià)值的競品分析,而不是單純的 “比葫蘆畫瓢”。
-
結(jié)果驗(yàn)證:用數(shù)據(jù)或反饋說話,完成設(shè)計(jì)閉環(huán)
設(shè)計(jì)的最終目的是解決問題,因此 “結(jié)果” 階段必須有
驗(yàn)證環(huán)節(jié),這是體現(xiàn)設(shè)計(jì)價(jià)值的關(guān)鍵,也是蘭亭妙微在所有實(shí)戰(zhàn)項(xiàng)目中必做的一步。驗(yàn)證的方式可以是數(shù)據(jù)驗(yàn)證(點(diǎn)擊率、跳失率、轉(zhuǎn)化率等指標(biāo)的變化)、用戶反饋驗(yàn)證(用戶滿意度、操作效率的提升)、業(yè)務(wù)價(jià)值驗(yàn)證(銷售額、用戶留存率的增長)。
比如,蘭亭妙微為某客戶優(yōu)化的電商首頁,上線后核心板塊點(diǎn)擊率提升 28%,商品轉(zhuǎn)化率提升 12%,這就是設(shè)計(jì)帶來的實(shí)際價(jià)值;如果是個(gè)人練習(xí)項(xiàng)目,沒有實(shí)際數(shù)據(jù),也可以說明 “通過可用性測試,85% 的用戶表示操作更順暢,核心功能找到率提升 90%”—— 即使是模擬驗(yàn)證,也能體現(xiàn)你的 “結(jié)果導(dǎo)向” 思維。

蘭亭妙微總結(jié):推理分析的創(chuàng)作原則與靈活適配
講完了核心框架,蘭亭妙微還要跟大家強(qiáng)調(diào):推理分析不是 UI/UX 作品集的 “必選項(xiàng)”,而是 “適配項(xiàng)”。我們不主張所有設(shè)計(jì)師都硬套這個(gè)框架,而是要根據(jù)自己的能力特點(diǎn)、應(yīng)聘的崗位要求,靈活調(diào)整。
-
能力適配:視覺強(qiáng)則重包裝,思維強(qiáng)則重分析
如果你擅長視覺設(shè)計(jì),版式、色彩、細(xì)節(jié)把控能力突出,那么可以把作品集的重點(diǎn)放在視覺包裝上,推理分析簡單梳理即可,用視覺驚艷打動(dòng)面試官;如果你設(shè)計(jì)思維強(qiáng),擅長發(fā)現(xiàn)問題、解決問題,那么可以側(cè)重推理分析的深度,用邏輯體現(xiàn)專業(yè);如果兩者都擅長,那就將視覺與分析結(jié)合,這是最理想的狀態(tài)。
-
崗位適配:根據(jù)招聘要求,調(diào)整內(nèi)容側(cè)重點(diǎn)
應(yīng)聘純視覺 UI 設(shè)計(jì)師,面試官更關(guān)注你的視覺表現(xiàn)能力,推理分析只需說清設(shè)計(jì)思路即可;應(yīng)聘 UX 交互設(shè)計(jì)師或全鏈路 UI/UX 設(shè)計(jì)師,面試官會(huì)重點(diǎn)考察你的交互思維、問題解決能力,此時(shí)推理分析就需要做到完整、深入,體現(xiàn)出你對用戶、產(chǎn)品、業(yè)務(wù)的理解。
-
真實(shí)原則:不編造,不硬套,做過多少寫多少
這是蘭亭妙微最強(qiáng)調(diào)的一點(diǎn):推理分析可以簡化,但不能編造。如果你沒有做過用戶調(diào)研,就不要寫 “通過 100 份問卷分析得出結(jié)論”;如果你沒有參與策略制定,就不要把自己包裝成 “獨(dú)立負(fù)責(zé)整個(gè)項(xiàng)目的設(shè)計(jì)負(fù)責(zé)人”。虛假的內(nèi)容經(jīng)不起面試官的深問,反而會(huì)讓你陷入尷尬。如果你的項(xiàng)目經(jīng)驗(yàn)有限,那就從簡單的練習(xí)開始,按照 “起因 - 經(jīng)過 - 結(jié)果” 的框架,完整走一遍設(shè)計(jì)流程,哪怕是一個(gè)小的圖標(biāo)改版、頁面優(yōu)化,也能體現(xiàn)你的設(shè)計(jì)思維。
最后,蘭亭妙微想跟所有設(shè)計(jì)師說:作品集的本質(zhì),是展示你的獨(dú)特能力,推理分析只是一種展示方式。無論是視覺包裝,還是邏輯分析,只要能讓面試官看到你的專業(yè)度、思考力和解決問題的能力,就是一份好的作品集。希望這篇來自蘭亭妙微的實(shí)戰(zhàn)心法,能幫助你避開作品集創(chuàng)作的坑,讓你的設(shè)計(jì)能力被更多人看見。
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))m.wtxcl.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。