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