作為一名產(chǎn)品設(shè)計(jì)師，你可能會(huì)因?yàn)閭€(gè)人或職業(yè)原因考慮移居國(guó)外。并非每個(gè)人都有這樣的機(jī)會(huì)。但如果你有這樣的機(jī)會(huì)，你會(huì)如何選擇移居地呢？
我嘗試回答這個(gè)問(wèn)題，并根據(jù)以下內(nèi)容對(duì)各個(gè)國(guó)家（以及美國(guó)城市）進(jìn)行了分析：
您可以在其他地方找到其他重要因素，例如醫(yī)療保健、育兒假、簽證選擇、公民身份途徑、天氣和安全，而我則專(zhuān)注于其他地方尚未提供的數(shù)據(jù)。
免責(zé)聲明：由于未解決的數(shù)據(jù)異常，意大利和瑞典被排除在外。挪威因樣本量較小而被移除。
關(guān)于數(shù)據(jù)：
然而，單憑工資數(shù)據(jù)可能會(huì)產(chǎn)生誤導(dǎo)。同樣的工資在兩個(gè)國(guó)家可能會(huì)導(dǎo)致稅后凈收入不同。
例如，一名設(shè)計(jì)師在德國(guó)的收入可能比在韓國(guó)高出 20%，但稅后，他們?cè)趦蓚€(gè)國(guó)家的凈收入是一樣的。
我根據(jù)上一張圖表計(jì)算了工資總額最高的前 20 個(gè)國(guó)家的稅后工資。
（順便提一句如果你是自由職業(yè)者或個(gè)體經(jīng)營(yíng)者并考慮移居到一個(gè)稅率較低的國(guó)家——或者計(jì)劃旅行幾年——請(qǐng)尋求建議，我對(duì)此做了大量研究）。
中級(jí)/高級(jí)設(shè)計(jì)師的數(shù)據(jù)，單身，無(wú)子女，無(wú)注銷(xiāo)，假設(shè)其他情況相關(guān)。
注意事項(xiàng)： “稅收”涵蓋所有強(qiáng)制性支出。然而，這些支出所涵蓋的社會(huì)福利的水平和類(lèi)型因國(guó)家而異。
即使在同一個(gè)國(guó)家，稅前和稅后工資的差異也可能很大。例如，在美國(guó)，一名設(shè)計(jì)師在達(dá)拉斯的工資可能是11.4萬(wàn)美元，在波特蘭的工資可能是13萬(wàn)美元，但稅后收入在兩種情況下仍然約為8.8萬(wàn)美元。
免責(zé)聲明：紐約市的數(shù)據(jù)可能不準(zhǔn)確，因?yàn)檫@些數(shù)字包括周邊地區(qū)和州（感謝Bob Baxley 的舉報(bào)）。
我查看了TrueUp上哪些國(guó)家/地區(qū)的設(shè)計(jì)職位最多。他們整合了不同來(lái)源的職位，因此比使用單一招聘平臺(tái)更具代表性。
為了保持圖表視覺(jué)平衡，我從圖表中刪除了兩個(gè)異常值：
我們已經(jīng)了解了目前大多數(shù)職位空缺的分布情況。但未來(lái)這些職位空缺可能會(huì)在哪里呢？
公司在更容易招聘的地方開(kāi)設(shè)辦事處，而在人才庫(kù)較大的國(guó)家，招聘也更容易。
為了了解每個(gè)國(guó)家的人才庫(kù)有多大，我查看了每個(gè)國(guó)家已就業(yè)設(shè)計(jì)師的數(shù)量（我稱(chēng)之為“人才密度”），并將其與薪資結(jié)合起來(lái)。
美國(guó)是一個(gè)例外，其薪資和人才密度最高。為了保持圖表的視覺(jué)平衡，我將其從圖表中刪除。
需要注意的是，上圖和下圖的數(shù)據(jù)偏向美國(guó)企業(yè)。這意味著數(shù)據(jù)集高估了美國(guó)公司雇傭的設(shè)計(jì)師。
現(xiàn)在讓我們放大來(lái)看薪資最高的20個(gè)國(guó)家（稅后）的人才庫(kù)：
您可以查看此圖表的高分辨率版本。
圖表顯示的是稅前工資。新加坡和瑞士都是低稅率國(guó)家，因此稅后它們很可能不再是異常值。
生活成本和工資似乎密切相關(guān)，很難找到在生活成本方面也能提供良好價(jià)值的高工資國(guó)家。
在下圖中，我結(jié)合了Numbeo的薪資和生活質(zhì)量指數(shù)，其中包括：
以下是根據(jù)各標(biāo)準(zhǔn)排名靠前的國(guó)家/地區(qū)。顯然，這些參數(shù)并非二元化的，因此，為了獲得更細(xì)致的了解，請(qǐng)查看上面的完整圖表。
?
在線(xiàn)教育競(jìng)爭(zhēng)日益激烈的今天，課程內(nèi)容、教師資源和技術(shù)支撐已不再是決定成敗的唯一變量。隨著市場(chǎng)趨于成熟，用戶(hù)在多個(gè)平臺(tái)間的選擇權(quán)提升，真正決定平臺(tái)是否能留住用戶(hù)、激發(fā)學(xué)習(xí)動(dòng)力的，是用戶(hù)體驗(yàn)（UX）、交互設(shè)計(jì)（Interaction Design）和界面設(shè)計(jì)（UI）這三大維度。
傳統(tǒng)教育強(qiáng)調(diào)面對(duì)面、即時(shí)反饋、儀式感強(qiáng)。而在線(xiàn)教育，則在技術(shù)便捷的同時(shí)，犧牲了一部分“人”的互動(dòng)感。這種缺失，正是交互設(shè)計(jì)需要著力彌補(bǔ)的空白。
教育軟件不僅僅要有過(guò)硬的專(zhuān)業(yè)知識(shí)，更要彌補(bǔ)相較于線(xiàn)下教學(xué)的交互短板。教育不同于娛樂(lè)，其流程具備階段性目標(biāo)、長(zhǎng)時(shí)間投入、知識(shí)內(nèi)化路徑等特征，單純傳輸內(nèi)容已遠(yuǎn)遠(yuǎn)不夠，設(shè)計(jì)要主動(dòng)參與到“學(xué)習(xí)過(guò)程建構(gòu)”中，設(shè)計(jì)學(xué)習(xí)路徑、驅(qū)動(dòng)學(xué)習(xí)行為、重建沉浸體驗(yàn)。
線(xiàn)上教育的交互設(shè)計(jì)承擔(dān)著三個(gè)關(guān)鍵任務(wù)：
明確學(xué)習(xí)路徑：用戶(hù)能否在首次使用中快速理解“從哪里開(kāi)始學(xué)、接下來(lái)做什么、什么時(shí)候完成任務(wù)”。
即時(shí)反饋與引導(dǎo)：做對(duì)了是否能獲得激勵(lì)？做錯(cuò)了是否能被溫柔地引導(dǎo)？這決定了學(xué)習(xí)動(dòng)力是否能持續(xù)。
任務(wù)分解與節(jié)奏感控制：學(xué)習(xí)模塊是否易于拆分、時(shí)間是否可控？這些因素影響用戶(hù)是否能持續(xù)投入。
舉例來(lái)說(shuō)，我們?cè)鵀橐粋€(gè)名為“半老外 David 英語(yǔ)啟蒙”小程序參與界面與交互設(shè)計(jì)。在這個(gè)面向兒童與家長(zhǎng)的英語(yǔ)學(xué)習(xí)產(chǎn)品中，為了提高用戶(hù)體驗(yàn)我們進(jìn)行視覺(jué)調(diào)整：
圓角卡片式的信息分組，減少信息干擾，提高兒童用戶(hù)的內(nèi)容理解效率。
頁(yè)簽式課程結(jié)構(gòu)，將“家長(zhǎng)課程”與“孩子課程”進(jìn)行分類(lèi)，前者提供全方位了解入口，后者以視頻和生活化場(chǎng)景增強(qiáng)學(xué)習(xí)沉浸感。
暖色調(diào)與IP形象融合的界面風(fēng)格，既兼顧兒童友好，也塑造了獨(dú)特的品牌識(shí)別感。
這些設(shè)計(jì)不僅提升了視覺(jué)體驗(yàn)，更在信息傳達(dá)效率、任務(wù)操作便利性與情緒激勵(lì)機(jī)制上做到了實(shí)效優(yōu)化。
一個(gè)體驗(yàn)出色的教育平臺(tái)，往往在細(xì)節(jié)處打動(dòng)人心：
是否能減少用戶(hù)的思考負(fù)擔(dān)？
是否能讓用戶(hù)知道“現(xiàn)在我在哪、接下來(lái)該干什么”？
是否在用戶(hù)迷茫、卡頓、分心的時(shí)候提供適時(shí)提醒或激勵(lì)？
這其實(shí)是一個(gè)“設(shè)計(jì)心理學(xué)”在教育場(chǎng)景的落地問(wèn)題。比如，當(dāng)學(xué)習(xí)任務(wù)被合理拆分，系統(tǒng)根據(jù)用戶(hù)表現(xiàn)實(shí)時(shí)調(diào)整難度，用戶(hù)就更容易進(jìn)入“心流狀態(tài)”；當(dāng)學(xué)習(xí)成果被可視化呈現(xiàn)，用戶(hù)就更容易產(chǎn)生目標(biāo)感與成就感。這種體驗(yàn)背后，其實(shí)是設(shè)計(jì)者對(duì)用戶(hù)學(xué)習(xí)心理的精準(zhǔn)拿捏。
教育類(lèi)產(chǎn)品的信息密度高，任務(wù)目標(biāo)明確，界面設(shè)計(jì)要兼顧以下幾方面：
視覺(jué)層級(jí)清晰：主操作路徑需醒目明確，輔助信息適度弱化。
風(fēng)格統(tǒng)一、情緒調(diào)性明確：兒童啟蒙需要溫暖明亮，成人考證則更需要沉穩(wěn)理性。
操作響應(yīng)及時(shí)：點(diǎn)擊反饋、加載狀態(tài)、跳轉(zhuǎn)邏輯等要精準(zhǔn)順暢，降低用戶(hù)的“系統(tǒng)不確定性焦慮”。
好的UI不僅是為了“好看”，更是為了提升操作效率、增強(qiáng)內(nèi)容理解，最終讓學(xué)習(xí)更輕松、更自然。
在線(xiàn)教育正在走向“內(nèi)容同質(zhì)化、體驗(yàn)差異化”的時(shí)代。未來(lái)產(chǎn)品的核心競(jìng)爭(zhēng)力，或許不再是誰(shuí)有獨(dú)家教材、誰(shuí)請(qǐng)來(lái)大咖講師，而是：
誰(shuí)能提供高度個(gè)性化、適應(yīng)性強(qiáng)的學(xué)習(xí)路徑
誰(shuí)能構(gòu)建沉浸感與成就感兼具的交互體驗(yàn)
誰(shuí)能通過(guò)設(shè)計(jì)整合技術(shù)與教育邏輯，提升學(xué)習(xí)效率與心理舒適度
未來(lái)AI、數(shù)據(jù)可視化、語(yǔ)音交互、AR/VR 等前沿技術(shù)與設(shè)計(jì)將深度融合，帶來(lái)新一輪體驗(yàn)升級(jí)。而在這一過(guò)程中，既懂設(shè)計(jì)、又懂教育、還了解技術(shù)邏輯的“新型產(chǎn)品設(shè)計(jì)人才”，將成為教育科技公司的核心戰(zhàn)力。
在線(xiàn)教育并不缺內(nèi)容，也不缺工具，缺的是一個(gè)足夠了解用戶(hù)行為與認(rèn)知機(jī)制的設(shè)計(jì)系統(tǒng)。今天的產(chǎn)品競(jìng)爭(zhēng)，是體驗(yàn)細(xì)節(jié)的比拼；明天的產(chǎn)品革新，是設(shè)計(jì)認(rèn)知的升級(jí)。
從用戶(hù)體驗(yàn)出發(fā)，連接認(rèn)知與內(nèi)容；通過(guò)交互設(shè)計(jì)，重構(gòu)學(xué)習(xí)路徑；借助界面設(shè)計(jì)，減少認(rèn)知摩擦 —— 教育的未來(lái)，不只是教得更好，而是“讓人愿意學(xué)、堅(jiān)持學(xué)、有效學(xué)”。
?
首先，我要說(shuō)的是：人工智能永遠(yuǎn)無(wú)法取代真實(shí)用戶(hù)的研究。無(wú)論工具多么強(qiáng)大，它都無(wú)法提供與實(shí)際用戶(hù)交流一樣的洞察。然而，人工智能可以提高速度和效率，并幫助減少用戶(hù)研究員工作流程中的一些人工開(kāi)銷(xiāo)。
一些人工智能工具多年來(lái)一直是研究過(guò)程的一部分——比如轉(zhuǎn)錄、自動(dòng)標(biāo)記或情緒分析。但2025年的前景會(huì)是什么樣子？研究人員還能用什么來(lái)增強(qiáng)（而不是取代?。┧麄兊膶?shí)踐？
每當(dāng)我看到一篇對(duì) AI 工具贊不絕口的文章時(shí)，我都會(huì)持保留態(tài)度。有時(shí)是贊助內(nèi)容，有時(shí)推薦的人甚至連一半的工具都沒(méi)用過(guò)。這篇文章不會(huì)是工具清單（順便說(shuō)一下，這里有一個(gè)相當(dāng)不錯(cuò)的清單！），也不會(huì)推薦什么內(nèi)容。相反，我會(huì)分享我在工作中是如何運(yùn)用 AI 的——哪些有用，哪些沒(méi)用，以及我認(rèn)為它的發(fā)展方向。
我將使用NNg 的結(jié)構(gòu)來(lái)分享我的 AI 研究歷程，將研究大致分為以下幾個(gè)階段：準(zhǔn)備 → 運(yùn)行 → 分析，并在此過(guò)程中添加任何額外的想法。
人工智能可以加快部分準(zhǔn)備階段的速度，但并非全部。例如，用人工智能編寫(xiě)一份好的測(cè)試計(jì)劃通常也需要同樣長(zhǎng)的時(shí)間。除非是非常簡(jiǎn)單的事情，否則我解釋背景的時(shí)間往往比自己起草的時(shí)間還要長(zhǎng)。
它確實(shí)有幫助的地方：
事情到了這里就變得有點(diǎn)不連貫了。如果是主持式會(huì)議，那么你仍然需要承擔(dān)主要工作——掌控對(duì)話(huà)方向，通過(guò)后續(xù)問(wèn)題深入探究背景。如果是無(wú)主持式研究，那么你已經(jīng)知道結(jié)果會(huì)如何，而且研究會(huì)自行進(jìn)行。而且，很可能你在這個(gè)階段已經(jīng)使用了一些人工智能工具：
我發(fā)現(xiàn)人工智能在這里最有用，但同時(shí)也是最需要謹(jǐn)慎行事的地方。
人工智能可以幫助：
注意：不要讓人工智能撰寫(xiě)整份報(bào)告。它通常會(huì)使報(bào)告顯得過(guò)于學(xué)術(shù)或機(jī)械。如果你向認(rèn)識(shí)你的人匯報(bào)，他們絕對(duì)會(huì)發(fā)現(xiàn)這份報(bào)告聽(tīng)起來(lái)不夠真實(shí)。即使你與不太了解你的人分享這份報(bào)告，在這個(gè)時(shí)代，他們?nèi)匀缓苋菀撞煊X(jué)到報(bào)告中人工智能的影子。
最大的問(wèn)題和挑戰(zhàn)是，目前還沒(méi)有一種適用于所有研究的人工智能工具。
您可能需要混合搭配：
這絕不是市場(chǎng)上所有工具的詳盡列表，市場(chǎng)上還有無(wú)數(shù)的工具。
這讓我想到了工具采用過(guò)程中的主要障礙——成本。沒(méi)有一個(gè)平臺(tái)能夠涵蓋所有內(nèi)容，所以你最終需要處理訂閱、在工具之間切換，并處理分散的數(shù)據(jù)。
這會(huì)導(dǎo)致：
您可以在許多文章中找到有關(guān)市場(chǎng)上各種工具的更多信息，但我發(fā)現(xiàn)這篇文章非常有用。
人工智能不會(huì)取代研究人員。但它可以成為強(qiáng)大的助手——如果你知道在哪里以及如何使用它。我想再次強(qiáng)調(diào)——你仍然需要知道自己在做什么，并掌控全局。就像任何好的工具一樣，關(guān)鍵在于平衡、專(zhuān)注，以及知道何時(shí)依靠自己的判斷。
我和新設(shè)計(jì)師合作的時(shí)候，有一個(gè)固定的流程。我會(huì)去谷歌，搜索“8px grid Medium.com”，然后找到 Elliot Dahl 的綜合指南，發(fā)給他們。指南如下。
這本指南太棒了，強(qiáng)烈推薦。直到今年，我?guī)缀醢?4 的倍數(shù)（而不是 8 的倍數(shù)！）奉為設(shè)計(jì)圣經(jīng)。新元素？左邊距肯定是 16，上邊距肯定是 12 吧？每次……都……這樣。
雖然這種設(shè)計(jì)方法有助于提高可預(yù)測(cè)性，并成為快速設(shè)置組件的肌肉記憶，但我不禁想到，我們已經(jīng)進(jìn)入了一個(gè)不幸的一切看起來(lái)都一樣的世界。
也許我們值得考慮使用奇數(shù)而不是偶數(shù)來(lái)作為間距，以便改變現(xiàn)狀并讓我們保持理智。
我已準(zhǔn)備好進(jìn)入網(wǎng)格系統(tǒng)監(jiān)獄。我準(zhǔn)備去網(wǎng)格系統(tǒng)監(jiān)獄。
我對(duì)偶數(shù) 4px 計(jì)算網(wǎng)格系統(tǒng)感到不滿(mǎn)的是，它們?cè)诖怪被蛩椒较蛏隙几杏X(jué)有點(diǎn)松散。雖然這現(xiàn)在是產(chǎn)品設(shè)計(jì)的事實(shí)標(biāo)準(zhǔn)，但我發(fā)現(xiàn)自己還是會(huì)把注意力集中在組件中那些感覺(jué)像多余幾個(gè)像素的地方。
我們來(lái)看一下對(duì)比。上圖左側(cè)是采用 4px 系統(tǒng)的傳統(tǒng)間距組件。右側(cè)是我們將其調(diào)整為奇數(shù)。個(gè)人感覺(jué)這樣更好。你覺(jué)得呢？
我在這里所做的是手動(dòng)上下調(diào)整一兩個(gè)像素，以?xún)?yōu)化填充，使其感覺(jué)更緊密。這在從上往下數(shù)第二個(gè)和第四個(gè)藥丸中尤為明顯，比較起來(lái)，你會(huì)發(fā)現(xiàn)奇數(shù)填充方式感覺(jué)填充效果更加一致。
對(duì)此想法的第一個(gè)反對(duì)意見(jiàn)可能來(lái)自于字體因其固有大小而如何破壞間距的差異。
讓我們來(lái)看看吧！
有意思！感覺(jué)上沒(méi)什么區(qū)別。無(wú)論是單聲道還是襯線(xiàn)字體，奇數(shù)間距的最終效果仍然更緊湊。
這里需要注意的是，行高會(huì)影響所有內(nèi)容的呈現(xiàn)效果。對(duì)于單行文本，設(shè)置為 100% 行高效果很好，但對(duì)于較大區(qū)域的文本，我們需要進(jìn)行實(shí)驗(yàn)。
重要的
在這些藥丸里，所有的字體大小和圖標(biāo)都被設(shè)置為均勻大?。∷?，或許內(nèi)部為偶數(shù)、外部為奇數(shù)的組合能給我們帶來(lái)和諧。
注意：此資源的先前版本在 Notion 按鈕上的填充值不正確。它列出的是垂直 7px 和水平 15px，但當(dāng)前網(wǎng)站上的填充值為垂直 6px 和水平 14px。感謝您發(fā)現(xiàn)這個(gè)問(wèn)題。
和 。
最近，我在查看 Notions 的新郵件登錄頁(yè)面時(shí)發(fā)現(xiàn)了這種處理方法。
他們通過(guò)混合奇偶數(shù)來(lái)達(dá)到這一目的，效果非常好。為了獲得更好的手感，他們將按鈕的內(nèi)邊距微調(diào)為奇數(shù)，然后使用經(jīng)典的邊框半徑計(jì)算方法，對(duì)內(nèi)部和外部元素的半徑進(jìn)行了微調(diào)和計(jì)算。
如果我要嘗試把這個(gè)想法變成一個(gè)系統(tǒng)，我可能至少會(huì)想嘗試構(gòu)建一個(gè)方法來(lái)應(yīng)對(duì)這種瘋狂。這時(shí)，我們可以依靠像斐波那契數(shù)列這樣的系統(tǒng)來(lái)處理這些繁重的工作。
在 4px 系統(tǒng)中，我們像這樣設(shè)置間距 - 以 4 為基本單位，然后乘以 1（或者如果我們更時(shí)髦的話(huà)，乘以 x.5）以獲得我們的系統(tǒng)：
但斐波那契系統(tǒng)可以通過(guò)將兩個(gè)前值相加來(lái)發(fā)揮作用。
就像我們之前發(fā)現(xiàn)的那樣，這確實(shí)……很奇怪，但這里有一些我喜歡的東西。
在示例組件上比較系統(tǒng)時(shí)，差異很小，但這不正是我們的目的嗎？這是一個(gè)反問(wèn)句
在數(shù)字產(chǎn)品設(shè)計(jì)中，響應(yīng)式設(shè)計(jì)早已成為連接功能與體驗(yàn)的關(guān)鍵路徑。智能手表的表盤(pán)，作為最核心的信息承載區(qū)，正在向“可感知、可適配、可延展”的方向不斷演進(jìn)。而我們將其類(lèi)比為“數(shù)字卡片”，正是因?yàn)槎咴谠O(shè)計(jì)邏輯上的高度契合：都追求信息層級(jí)的清晰展現(xiàn)、內(nèi)容與場(chǎng)景的靈活適配，以及操作的直觀(guān)反饋。
卡片設(shè)計(jì)以模塊化、結(jié)構(gòu)清晰、響應(yīng)靈活著稱(chēng)，能在不同屏幕與使用場(chǎng)景中自如調(diào)度內(nèi)容展示方式。而智能手表的表盤(pán)設(shè)計(jì)同樣需要在極小的顯示空間內(nèi)，精準(zhǔn)傳遞時(shí)間、健康、通知等多維度信息。通過(guò)響應(yīng)式設(shè)計(jì)的引入，表盤(pán)可以根據(jù)環(huán)境光線(xiàn)、使用者習(xí)慣、交互狀態(tài)等動(dòng)態(tài)變化，自動(dòng)調(diào)整元素的排布與表現(xiàn)形式，實(shí)現(xiàn)“信息即所需，界面即交互”。
例如，在運(yùn)動(dòng)狀態(tài)下表盤(pán)可自動(dòng)突出心率與步數(shù)；而在夜間，它又能切換為更具護(hù)眼性的低亮模式。這種“感知上下文”的能力，讓表盤(pán)從一個(gè)靜態(tài)的界面，變?yōu)橐粋€(gè)貼近用戶(hù)、主動(dòng)適應(yīng)的智能卡片。
響應(yīng)式的表盤(pán)設(shè)計(jì)，不僅提高了使用效率，更拓展了產(chǎn)品體驗(yàn)的邊界。它像一張隨時(shí)變化的數(shù)字卡片，安靜卻聰明地陪伴在你腕間，把復(fù)雜的系統(tǒng)邏輯轉(zhuǎn)化為可感知的溫柔細(xì)節(jié)。
說(shuō)實(shí)話(huà)，我們大多數(shù)人在設(shè)計(jì)屏幕時(shí)并不會(huì)考慮人腦。我們關(guān)注的是布局、間距和顏色。但事實(shí)是：設(shè)計(jì)并非發(fā)生在屏幕上——而是發(fā)生在用戶(hù)的大腦中。這就是神經(jīng)設(shè)計(jì)的用武之地。
神經(jīng)設(shè)計(jì)就是運(yùn)用認(rèn)知心理學(xué)和神經(jīng)科學(xué)來(lái)構(gòu)建直觀(guān)、輕松甚至略帶愉悅的界面。我之前并沒(méi)有學(xué)過(guò)神經(jīng)科學(xué)，但自從我開(kāi)始了解大腦的運(yùn)作方式后，我的設(shè)計(jì)方式就徹底改變了。
以下是我所學(xué)到的知識(shí) — — 有真實(shí)的例子、用戶(hù)體驗(yàn)法則和一些你可能想看看的書(shū)籍精華。
我們的大腦天生就具有節(jié)能的本能。這意味著人們幾乎總是會(huì)選擇阻力最小的路徑。當(dāng)你的用戶(hù)界面過(guò)于復(fù)雜或選項(xiàng)過(guò)多時(shí)，大腦就會(huì)說(shuō)：“不行。”
提供的選擇越多，做出決定所需的時(shí)間就越長(zhǎng)。
想想谷歌的主頁(yè)只是一個(gè)標(biāo)志和一個(gè)搜索欄。這并非偶然——它的設(shè)計(jì)是為了減少認(rèn)知負(fù)荷。
設(shè)計(jì)首先是情感驅(qū)動(dòng)，其次是邏輯驅(qū)動(dòng)。這意味著色彩、布局甚至動(dòng)畫(huà)都能在第一秒就建立信任。
讓我們來(lái)看一個(gè)例子：Duolingo 的應(yīng)用程序使用友好的插圖、有趣的語(yǔ)氣，以及一些感覺(jué)像大腦“拍拍背”一樣的小獎(jiǎng)勵(lì)。它降低了學(xué)習(xí)新語(yǔ)言的情感障礙。
以下是Susan Weinschenk 所著《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》一書(shū)中的一條重要建議：
“我們不會(huì)做出合乎邏輯的決定。我們會(huì)做出情緒化的決定，然后用邏輯來(lái)證明其合理性。”
大腦喜歡模式。當(dāng)用戶(hù)看到自己熟悉的事物時(shí)，他們會(huì)感到安全，并且能夠掌控一切。
用戶(hù)大部分時(shí)間都花在其他網(wǎng)站上。因此，他們期望你的產(chǎn)品也能以同樣的方式運(yùn)作。
讓我們看一些例子：Instagram 的底部標(biāo)簽欄、亞馬遜的購(gòu)物車(chē)圖標(biāo)或Gmail 的撰寫(xiě)按鈕——它們都遵循常見(jiàn)的視覺(jué)隱喻，以減少學(xué)習(xí)曲線(xiàn)。
認(rèn)知科學(xué)告訴我們，用戶(hù)的工作記憶中一次只能記住大約4個(gè)條目。因此，如果你的應(yīng)用依賴(lài)于用戶(hù)記憶指令，那么它注定會(huì)失敗。
一般人的短期記憶只能保留 7 件（正負(fù) 2 件）物品。
真實(shí)案例：你有沒(méi)有嘗試填寫(xiě)表單，但錯(cuò)誤信息只有在提交后才會(huì)顯示，而你卻忘了哪個(gè)字段出了什么問(wèn)題？這簡(jiǎn)直就是記憶噩夢(mèng)。
大腦會(huì)不斷檢查：這有效嗎？ 我能控制嗎？如果用戶(hù)界面沒(méi)有響應(yīng)輸入，用戶(hù)就會(huì)感到不確定——即使后臺(tái)一切正常。
人們需要立即得到反饋來(lái)了解其行為的結(jié)果。
例如，Slack在消息發(fā)送時(shí)會(huì)顯示“正在發(fā)送…”的動(dòng)畫(huà)和勾號(hào)。這能建立信任，尤其是在快速對(duì)話(huà)中。
以下幾本書(shū)確實(shí)幫助我將神經(jīng)科學(xué)和用戶(hù)體驗(yàn)聯(lián)系起來(lái)：
好的用戶(hù)體驗(yàn)不僅僅是讓事物看起來(lái)美觀(guān)。它在于理解人腦的運(yùn)作方式，并圍繞此進(jìn)行設(shè)計(jì)。神經(jīng)設(shè)計(jì)提醒我們，我們?cè)O(shè)計(jì)的不是屏幕，而是思維中的體驗(yàn)。
當(dāng)我們做得好的時(shí)候，一切都會(huì)順利。
所以下次調(diào)整布局或重新設(shè)計(jì)流程時(shí)，問(wèn)問(wèn)自己：
現(xiàn)在什么對(duì)大腦來(lái)說(shuō)最容易？
這個(gè)問(wèn)題比任何花哨的工具都更能幫助我做出更好的決策。
……
ChatGPT 是否有可能生成 UI？
我之前測(cè)試過(guò)幾次，但結(jié)果卻令人失望。
下面是我兩個(gè)月前在一份時(shí)事通訊中分享的一個(gè)例子。
它看上去太卡通了，不太實(shí)用。
然而，上周，OpenAI 推出了一個(gè)重大更新，所以我決定再次嘗試。
根據(jù)我的提示，我能夠生成更好的UI模型。我甚至可以根據(jù)自己的需求創(chuàng)建多個(gè)設(shè)計(jì)選項(xiàng)：
今天，我將向你們展示我進(jìn)行的實(shí)驗(yàn)、我使用的提示以及過(guò)程中的一些驚喜和收獲。
讓我們開(kāi)始吧。
OpenAI 宣布，現(xiàn)在可以使用 GPT-4o 在 ChatGPT 中生成高質(zhì)量圖像，而不是使用較舊的 DALL·E 模型。
它更擅長(zhǎng)遵循指令，并且可以更好地呈現(xiàn)圖像中的文本。
上周，許多人嘗試將照片轉(zhuǎn)換成人工智能藝術(shù)作品——這就是吉卜力風(fēng)格藝術(shù)潮流流行的原因。
我也嘗試過(guò)：
但在網(wǎng)上看到很多有趣的藝術(shù)作品后，我想：
如果我可以使用 ChatGPT 生成對(duì)產(chǎn)品設(shè)計(jì)師真正有用的 UI 會(huì)怎么樣？
實(shí)驗(yàn)就是從這里開(kāi)始的。
我使用 ChatGPT 來(lái)幫助我生成我想要的 UI 的詳細(xì)提示。
# 為名為“SkillVerse - 熱門(mén)微課程”的應(yīng)用設(shè)計(jì)一個(gè)簡(jiǎn)潔、現(xiàn)代的移動(dòng) UI 界面（iOS 風(fēng)格）。布局應(yīng)遵循以下結(jié)構(gòu)化部分。## 1. 狀態(tài)欄（頂部）- **樣式**：標(biāo)準(zhǔn) iOS 布局（頂部安全區(qū)域）---## 2. 標(biāo)題部分- **居中標(biāo)志**：“SkillVerse” - **字體**：中等粗細(xì)，小尺寸 - **顏色**：藍(lán)色文本 ---## 3. 特色課程輪播（水平滾動(dòng)）- **風(fēng)格**：具有圓角和柔和陰影的可滑動(dòng)卡片 - **卡片**: -**卡 1** - 標(biāo)題：**動(dòng)態(tài)設(shè)計(jì)簡(jiǎn)介** - 字幕：*4 月 2 日開(kāi)始* - 視覺(jué)：動(dòng)畫(huà)縮略圖 -**卡 2** - 標(biāo)題：《自由職業(yè)者精通 Excel》 - 字幕：*3 月 31 日開(kāi)始* - 視覺(jué)：生產(chǎn)力圖標(biāo) ---## 4. 導(dǎo)航標(biāo)簽-**標(biāo)簽**： - **趨勢(shì)**（活躍，**粗體標(biāo)簽**帶有**藍(lán)色下劃線(xiàn)**） - 受到推崇的 - 已注冊(cè) - 已保存 ---## 5. 過(guò)濾行- **過(guò)濾器（下拉菜單）**： - **過(guò)去 7 天**（基于時(shí)間） - **所有主題**（類(lèi)別） - **所有級(jí)別**（難度） ---## 6. 熱門(mén)課程列表- **布局**：可重復(fù)課程項(xiàng)目的垂直堆疊： - **左**：圓形縮略圖 - **中心**： - 課程名稱(chēng) - 級(jí)別（例如，初學(xué)者、中級(jí)等） - **右**：保存圖標(biāo) - **底部**：入學(xué)人數(shù) + 趨勢(shì)（例如，入學(xué)人數(shù) 2.4k，+12%） ---## 7. 底部導(dǎo)航欄-**標(biāo)簽**： - **主頁(yè)**（活動(dòng)，突出顯示顏色） - 搜索 - 活動(dòng) - 輪廓 - **風(fēng)格**： - 下方有標(biāo)簽
然后我將其粘貼到 ChatGPT 中的新聊天窗口中，然后單擊“生成”圖標(biāo)。
令人驚訝的是，ChatGPT 在右側(cè)打開(kāi)了一個(gè)額外的面板，觸發(fā)了它的 Canvas 功能。然后它開(kāi)始生成代碼。
這立刻讓我想起了克勞德的神器功能。
然后我點(diǎn)擊了右上角的“預(yù)覽”按鈕。
生成了響應(yīng)式、代碼支持的 UI。
看起來(lái)很有趣，但似乎不如克勞德那么精確/精致。
由于我的目的只是生成一個(gè)圖像（一個(gè)可視化模型）而不是一個(gè)代碼支持的 UI，因此我請(qǐng)求后續(xù)提示來(lái)糾正它：
創(chuàng)建一個(gè)可視化模型。而是一個(gè)視覺(jué)模型。
結(jié)果如下：
結(jié)果出乎意料地好，尤其是與 ChatGPT (DALL·E) 之前生成的版本相比。這是一個(gè)巨大的提升。
測(cè)驗(yàn)：你能在上述 AI 生成的 UI 中找到多少個(gè)拼寫(xiě)錯(cuò)誤？:)
盡管用戶(hù)界面看起來(lái)不錯(cuò)，但我仍然對(duì)圖像截?cái)喔械接悬c(diǎn)困擾，所以我問(wèn)了：
頂部和底部看起來(lái)有點(diǎn)截?cái)?。您能?UI 縮小 20% 左右，讓它整體更小一些嗎？頂部和底部看起來(lái)有點(diǎn)截?cái)?。您能?UI 縮小20%左右， 讓它整體更小一些嗎？
結(jié)果如下：
看起來(lái)不錯(cuò)！
然后我開(kāi)始更有創(chuàng)意了……我想，如果我讓它生成多個(gè)設(shè)計(jì)方案供我參考會(huì)怎么樣？那會(huì)更有幫助！
所以我寫(xiě)了這個(gè)：
創(chuàng)建三個(gè)設(shè)計(jì)選項(xiàng)。使用相同的核心內(nèi)容，但根據(jù)以下描述改變布局、UI 元素和視覺(jué)重點(diǎn)：選項(xiàng) 1. 大膽且引人入勝- 優(yōu)先考慮視覺(jué)沖擊力和品牌表達(dá)選項(xiàng) 2. 功能強(qiáng)大且快速- 優(yōu)先考慮速度、清晰度和生產(chǎn)力- 緊湊的用戶(hù)界面，卡片更小，信息層次更密集選項(xiàng)3.個(gè)性化和溫暖- 優(yōu)先考慮聯(lián)系、信任和個(gè)性化- “為你推薦”輪播，包含人工智能策劃的課程建議- 社會(huì)證明（頭像、徽章、朋友活動(dòng)）- 添加“社區(qū)”選項(xiàng)卡，用于同行共享內(nèi)容
結(jié)果如下：
再次，我對(duì) GPT-4o 圖像生成能力的提升感到震驚。
雖然這三個(gè)選項(xiàng)看起來(lái)仍然非常相似，但如果仔細(xì)觀(guān)察，就會(huì)發(fā)現(xiàn)一些小細(xì)節(jié) - 例如“搜索”圖標(biāo)、社交證明和副本 - 試圖使每個(gè)版本都與其他版本區(qū)分開(kāi)來(lái)。
不過(guò)，結(jié)果肯定還有改進(jìn)的空間。例如，由于一張圖片中包含了大量信息，ChatGPT 的精度開(kāi)始下降。你可能會(huì)注意到，部分文本變得無(wú)法識(shí)別/扭曲。
接下來(lái)，作為一個(gè)有趣的測(cè)試，我使用Codia AI 的插件根據(jù) ChatGPT 生成的視覺(jué)模型生成 Figma 設(shè)計(jì)。
所有組件（包括文本）都可以在 Figma 中編輯。
它使用的字體系列是 Intel。
好得可怕。
如果我想進(jìn)行更改，這使我能夠自定義 UI 模型。
ChatGPT 生成 UI 視覺(jué)模型的能力是一個(gè)巨大的提升。與之前版本相比，它提供了更高的精度和對(duì)提示的遵循性。
話(huà)雖如此，速度還是有點(diǎn)慢，準(zhǔn)確率還有待提高。有時(shí)圖像生成到一半就停止了；有時(shí)結(jié)果很隨機(jī)，而且與指令不完全一致。
當(dāng)我要求 ChatGPT 根據(jù)設(shè)計(jì)選項(xiàng)創(chuàng)建 3D 模型時(shí)，事情變得有點(diǎn)扭曲和奇怪——但還不算太糟。
不管怎樣，這已經(jīng)是一次很棒的升級(jí)了。我現(xiàn)在能生成以前無(wú)法生成的東西了。
這一切都在 ChatGPT 聊天窗口內(nèi)完成。多么方便?。?/span>
我非常興奮并希望未來(lái)會(huì)有更好的升級(jí)。
是的。我們想知道為什么產(chǎn)品設(shè)計(jì)界這么多人都走到了崩潰的邊緣？我想說(shuō)，我不認(rèn)為設(shè)計(jì)已死。只是我覺(jué)得我們迷失了方向。
2023年，Airbnb首席執(zhí)行官布萊恩·切斯基（Brian Chesky）曾說(shuō)過(guò)： “設(shè)計(jì)師必須有勇氣。”說(shuō)實(shí)話(huà)，我們過(guò)去確實(shí)很有勇氣。一種無(wú)所畏懼的自信，一種打破現(xiàn)狀的近乎瘋狂的喜悅。“驚喜與愉悅”、“精益求精，保持簡(jiǎn)潔”一直是我多年來(lái)領(lǐng)導(dǎo)設(shè)計(jì)團(tuán)隊(duì)的座右銘。
我陷入了以收入為中心、癡迷于圖案設(shè)計(jì)的陷阱。
然而，不知何故，在某個(gè)時(shí)刻，也許是在無(wú)休止的會(huì)議、OKR、業(yè)務(wù)目標(biāo)和盈利報(bào)告的催促下；又或許是因?yàn)楣緝?nèi)部不斷邊緣化設(shè)計(jì)——這種自信消失了。我們從協(xié)作型的搖滾明星變成了解決問(wèn)題的小齒輪，再變成了生存主義者。因?yàn)楝F(xiàn)在機(jī)器來(lái)了。
多年來(lái)，我本著脆弱的精神，陷入了以收益為中心、癡迷于圖案設(shè)計(jì)的陷阱。DS 是一種令人興奮的、以特定價(jià)格點(diǎn)進(jìn)行設(shè)計(jì)的方法。讓我們?nèi)?chuàng)造收益！讓我們?nèi)?yōu)化利潤(rùn)！讓我們快速實(shí)現(xiàn)各種創(chuàng)意！我們?yōu)槭裁匆趹?yīng)該創(chuàng)新的時(shí)候重復(fù)造輪子呢？
聽(tīng)起來(lái)很熟悉？
這就像個(gè)兔子洞。我和同事們聊過(guò)，大家都覺(jué)得，
如果我們用設(shè)計(jì)系統(tǒng)的方法錄制一張專(zhuān)輯，每首歌在技術(shù)上都是完美的，但它們聽(tīng)起來(lái)本質(zhì)上都一樣。哪個(gè)用戶(hù)會(huì)因?yàn)榉磸?fù)聽(tīng)這首歌而受到啟發(fā)呢？我們自己的設(shè)計(jì)故事已經(jīng)支離破碎了。
我們很多產(chǎn)品設(shè)計(jì)人員都生活在艾維所說(shuō)的“企業(yè)議程已將設(shè)計(jì)和創(chuàng)新的重點(diǎn)從目標(biāo)轉(zhuǎn)移到利潤(rùn)”的境地。追求收益令人精疲力竭。創(chuàng)造性的故障排除被誤認(rèn)為是創(chuàng)造力?；诳ò喟寤靵y和閃電般快速發(fā)布的產(chǎn)品經(jīng)理微觀(guān)管理的壓力。MVP 地獄景象。毫無(wú)結(jié)果的 A/B 測(cè)試，因?yàn)槔嫦嚓P(guān)者不理解。整體創(chuàng)新解決方案被所謂的“安全”的快速解決方案扼殺。而這一切都是有代價(jià)的。靈感更少，活力更少，友善更少，壓力更大。更多的自我限制。更多的模仿。更多千篇一律、復(fù)雜而扁平的用戶(hù)體驗(yàn)。等等。
過(guò)去一周，我的觀(guān)點(diǎn)與多年來(lái)形成的理念發(fā)生了轉(zhuǎn)變。我最近去一家大型游戲公司面試領(lǐng)導(dǎo)職位，面試的主題是如何創(chuàng)造收入。這才是整個(gè)團(tuán)隊(duì)最關(guān)心的問(wèn)題。他們沒(méi)有考慮用戶(hù)需求，也沒(méi)有考慮他們正在構(gòu)建的工作和體驗(yàn)的樂(lè)趣。這些從未被討論過(guò)。
這真的讓我很困擾。非常困擾。這不是我第一次遇到這種情況。我一次又一次地發(fā)現(xiàn)，出現(xiàn)了兩件事：
我們大多數(shù)人都在無(wú)意識(shí)中直接促成了這一點(diǎn)。我們甚至沒(méi)有意識(shí)到這一點(diǎn)。然而，要論證人類(lèi)首先是情感實(shí)體，這并不需要太多說(shuō)服力。我們能夠立即感知和感受事物，然后再運(yùn)用邏輯，這與人類(lèi)的進(jìn)化直接相關(guān)。然而，我們的設(shè)計(jì)方法在很多方面都缺乏這種能力。
（我在這篇文章中只關(guān)注設(shè)計(jì)的作用。但科技領(lǐng)域其他角色的出現(xiàn)，以及流水線(xiàn)投資回報(bào)率驅(qū)動(dòng)的 IDEO 方法，無(wú)疑導(dǎo)致了設(shè)計(jì)優(yōu)先級(jí)的下降，不再以用戶(hù)感受為重點(diǎn)。）
我們需要重新進(jìn)行重大的直覺(jué)選擇并重新感受事物。
有兩件事無(wú)疑產(chǎn)生了最大的影響。
- 新的 Google Material DS “發(fā)送”按鈕
。-
采訪(fǎng)喬納森·艾維。
兩者都重點(diǎn)討論了“歡樂(lè)與喜悅”和“火花”的設(shè)計(jì)。
谷歌界面的更新打破了所有固有規(guī)則，打造了獨(dú)特的數(shù)字體驗(yàn)。他們抓住了機(jī)會(huì)，用數(shù)據(jù)驗(yàn)證了這一可能性，最終他們的努力讓用戶(hù)參與度提升了4倍。
Jony 在Stripe大會(huì)上的采訪(fǎng)非常鼓舞人心。如果你今年需要看一部作品來(lái)了解設(shè)計(jì)對(duì)我們這個(gè)瞬息萬(wàn)變的世界的重要性，那非看不可。他讓設(shè)計(jì)回歸了它的本源，那就是那神奇的“火花”。
當(dāng)我思考這些時(shí)，我發(fā)現(xiàn)偉大的設(shè)計(jì)中存在著一些更具體的事情——顛覆。
在數(shù)字體驗(yàn)的早期，沒(méi)有數(shù)據(jù)，沒(méi)有關(guān)鍵績(jī)效指標(biāo) (KPI)，也沒(méi)有流水線(xiàn)式的技術(shù)開(kāi)發(fā)方法。當(dāng)時(shí)的設(shè)計(jì)純粹是為了品牌價(jià)值、功能和實(shí)驗(yàn)。我們有兩個(gè)代碼庫(kù)：HTML 和 Flash。工作的多樣性令人興奮。網(wǎng)站以及最終的原生應(yīng)用都易于使用，易于導(dǎo)航，沒(méi)有算法，非常人性化。
我們也只是想打造一些我們的朋友和同事會(huì)談?wù)摰姆浅？岬臇|西。
設(shè)計(jì)團(tuán)隊(duì)和工程團(tuán)隊(duì)圍坐在一起，討論他們想要構(gòu)建的目標(biāo)，并在整個(gè)過(guò)程中不斷合作。如同合作伙伴一樣。一份簡(jiǎn)單的路線(xiàn)圖充滿(mǎn)了宏大的想法和雄心壯志。方法是什么？“我想要一個(gè)能夠?qū)崿F(xiàn)_____的酷炫解決方案，因?yàn)槲蚁胱鯻____。”
我們受到的啟發(fā)是（用艾維的話(huà)來(lái)說(shuō)）“設(shè)計(jì)一些能夠推動(dòng)物種發(fā)展的東西”，“為人類(lèi)服務(wù)”。我們也只是想打造一些非?？岬臇|西，讓我們的朋友和同事談?wù)摗?/span>
有些品牌正在瘋狂地顛覆這個(gè)領(lǐng)域。比如Acorn和Airbnb。但當(dāng)突破設(shè)計(jì)界限的設(shè)計(jì)如此罕見(jiàn)時(shí)，這對(duì)任何人來(lái)說(shuō)都不是好兆頭。什么時(shí)候突破設(shè)計(jì)界限的設(shè)計(jì)非常罕見(jiàn)，這對(duì)任何人來(lái)說(shuō)都不是好兆頭。
人工智能。
我們正為此瘋狂。長(zhǎng)期以來(lái)，我們一直謹(jǐn)慎行事，構(gòu)建一套設(shè)計(jì)方法論式的設(shè)計(jì)系統(tǒng)，結(jié)果卻事與愿違。我和其他人一樣，也為自己的謹(jǐn)慎行事感到內(nèi)疚。不到五年，產(chǎn)品設(shè)計(jì)將不再像過(guò)去十五年那樣存在。這原本是一個(gè)令人恐懼的前景，直到我直面恐懼。
想想看，不用再構(gòu)建模式庫(kù)了。不用再花費(fèi)無(wú)數(shù)時(shí)間迭代數(shù)據(jù)和最佳實(shí)踐。不用再熬夜撰寫(xiě)和設(shè)計(jì)戰(zhàn)略方案了。這可不是設(shè)計(jì)，而是繁重的工作。說(shuō)真的，讓機(jī)器來(lái)做吧。
我可以重新做我最擅長(zhǎng)的事，運(yùn)用我的智慧、想象力和經(jīng)驗(yàn)來(lái)推動(dòng)事情發(fā)展。當(dāng)然可以。報(bào)名吧。我就是來(lái)干這個(gè)的。
我們不再打破常規(guī)。我們遵循著基于指標(biāo)和績(jī)效的群體思維美學(xué)。我們各自為政，各自為政，各自為政。我們用耗時(shí)的方法來(lái)構(gòu)思創(chuàng)意。我們迷失在迭代的泥沼中。我們沒(méi)有逼迫自己打破常規(guī)。
如果我們退一步，縱觀(guān)設(shè)計(jì)的全局，就會(huì)發(fā)現(xiàn)我們所做的最偉大的設(shè)計(jì)，其核心都是“顛覆性”。敢于創(chuàng)新，敢于思考。它不斷嘗試新事物，探索新的視野。然而，我們對(duì)這門(mén)學(xué)科的內(nèi)在部分卻感到厭惡。
我不知道“幸運(yùn)眷顧勇者”這句話(huà)是誰(shuí)說(shuō)的。
我的一個(gè)使命就是讓它重新回到我們的世界。
回去工作。
讓我們打破思維定勢(shì)。
讓我們都做些史詩(shī)般的事。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.liangyajiaju.cn