国产乱子伦无码视频免费,人人妻人人澡人人爽国产一区,97精品人妻系列无码人妻,久久99精品久久久久婷婷

首頁

2025年最適合用戶體驗設計師的國家:薪資、工作機會和生活成本

杰睿 隨筆的一些文章

作為一名產(chǎn)品設計師,你可能會因為個人或職業(yè)原因考慮移居國外。并非每個人都有這樣的機會。但如果你有這樣的機會,你會如何選擇移居地呢?

我嘗試回答這個問題,并根據(jù)以下內(nèi)容對各個國家(以及美國城市)進行了分析:

  • 設計師的薪水
  • 稅收
  • 設計職位
  • 生活成本
  • 生活質(zhì)量

您可以在其他地方找到其他重要因素,例如醫(yī)療保健、育兒假、簽證選擇、公民身份途徑、天氣和安全,而我則專注于其他地方尚未提供的數(shù)據(jù)。

數(shù)據(jù)源

  • Pave為我提供了3,994 家公司 23,589 名設計師的數(shù)據(jù)集。這些數(shù)據(jù)與真實的人力資源系統(tǒng)同步,因此比 Glassdoor 或 Levels.fyi 的自報數(shù)據(jù)更為精確。
  • Numbeo用于衡量生活成本和生活質(zhì)量。
  • TrueUp用于發(fā)布招聘信息。

免責聲明:由于未解決的數(shù)據(jù)異常,意大利和瑞典被排除在外。挪威因樣本量較小而被移除。

薪資

所有國家

各國產(chǎn)品設計師基本工資

關于數(shù)據(jù):

  • 這些數(shù)字是相對于美國的。例如,同一位設計師在德國的薪酬相當于美國同職位設計師薪酬的53.9%。
  • 同級別設計師之間進行比較(前輩與前輩、總監(jiān)與總監(jiān)等)
  • 不包括股權。我沒有股權薪酬的數(shù)據(jù),但我認為它與薪酬相關。

美國

美國各城市產(chǎn)品設計師基本工資

稅收

然而,單憑工資數(shù)據(jù)可能會產(chǎn)生誤導。同樣的工資在兩個國家可能會導致稅后凈收入不同。

例如,一名設計師在德國的收入可能比在韓國高出 20%,但稅后,他們在兩個國家的凈收入是一樣的。

我根據(jù)上一張圖表計算了工資總額最高的前 20 個國家的稅后工資。

(順便提一句如果你是自由職業(yè)者或個體經(jīng)營者并考慮移居到一個稅率較低的國家——或者計劃旅行幾年——請尋求建議,我對此做了大量研究)。

所有國家

產(chǎn)品設計跨國稅后基本工資

中級/高級設計師的數(shù)據(jù),單身,無子女,無注銷,假設其他情況相關。

注意事項: “稅收”涵蓋所有強制性支出。然而,這些支出所涵蓋的社會福利的水平和類型因國家而異。

美國

即使在同一個國家,稅前和稅后工資的差異也可能很大。例如,在美國,一名設計師在達拉斯的工資可能是11.4萬美元,在波特蘭的工資可能是13萬美元,但稅后收入在兩種情況下仍然約為8.8萬美元。

美國各城市產(chǎn)品設計稅后薪酬
我使用了SmartAsset 計算器來計算稅額。 數(shù)據(jù) 適用于:中高級設計師,單身,無子女,無抵扣稅款,假設其他情況可能存在關聯(lián)。

免責聲明:紐約市的數(shù)據(jù)可能不準確,因為這些數(shù)字包括周邊地區(qū)和州(感謝Bob Baxley 的舉報)。

工作

我查看了TrueUp上哪些國家/地區(qū)的設計職位最多。他們整合了不同來源的職位,因此比使用單一招聘平臺更具代表性。

為了保持圖表視覺平衡,我從圖表中刪除了兩個異常值:

  • 美國位于右上角,擁有最高的薪水和最多的工作崗位。
  •  印度位于左上角,工作機會多但工資低。
各國產(chǎn)品設計師的職位空缺與薪資
稅前工資(由Pave提供)以及基于TrueUp數(shù)據(jù)的招聘信息。

未來的工作

我們已經(jīng)了解了目前大多數(shù)職位空缺的分布情況。但未來這些職位空缺可能會在哪里呢?

公司在更容易招聘的地方開設辦事處,而在人才庫較大的國家,招聘也更容易。

為了了解每個國家的人才庫有多大,我查看了每個國家已就業(yè)設計師的數(shù)量(我稱之為“人才密度”),并將其與薪資結合起來。

美國是一個例外,其薪資和人才密度最高。為了保持圖表的視覺平衡,我將其從圖表中刪除。

各國產(chǎn)品設計人才庫與薪資對比

需要注意的是,上圖和下圖的數(shù)據(jù)偏向美國企業(yè)。這意味著數(shù)據(jù)集高估了美國公司雇傭的設計師。

放大

現(xiàn)在讓我們放大來看薪資最高的20個國家(稅后)的人才庫:

產(chǎn)品設計人才庫與薪資排名前 20 的國家/地區(qū)稅后薪資對比

生活成本

所有國家

各國產(chǎn)品設計薪資與生活成本對比
以高分辨率查看

您可以查看此圖表的高分辨率版本。

圖表顯示的是稅前工資。新加坡和瑞士都是低稅率國家,因此稅后它們很可能不再是異常值。

生活成本和工資似乎密切相關,很難找到在生活成本方面也能提供良好價值的高工資國家。

美國

產(chǎn)品設計師凈工資與美國各城市生活成本對比
我使用SmartAsset計算稅款

生活質(zhì)量

在下圖中,我結合了Numbeo的薪資和生活質(zhì)量指數(shù),其中包括:

  • 生活成本和購買力
  • 住房負擔能力
  • 污染包括空氣、水等。
  • 犯罪率
  • 衛(wèi)生系統(tǒng)質(zhì)量
  • 交通(通勤時間)
各國產(chǎn)品設計薪資與生活質(zhì)量對比
高分辨率版本

概括

以下是根據(jù)各標準排名靠前的國家/地區(qū)。顯然,這些參數(shù)并非二元化的,因此,為了獲得更細致的了解,請查看上面的完整圖表。

最適合用戶體驗設計師的國家/地區(qū)摘要

 

蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

從用戶體驗到界面設計:線上教育產(chǎn)品拉開差距的關鍵維度

杰睿 設計管理與成長

?

在線教育競爭日益激烈的今天,課程內(nèi)容、教師資源和技術支撐已不再是決定成敗的唯一變量。隨著市場趨于成熟,用戶在多個平臺間的選擇權提升,真正決定平臺是否能留住用戶、激發(fā)學習動力的,是用戶體驗(UX)、交互設計(Interaction Design)和界面設計(UI)這三大維度。

一、為什么“交互體驗”是線上教育的新門檻?

傳統(tǒng)教育強調(diào)面對面、即時反饋、儀式感強。而在線教育,則在技術便捷的同時,犧牲了一部分“人”的互動感。這種缺失,正是交互設計需要著力彌補的空白。

教育軟件不僅僅要有過硬的專業(yè)知識,更要彌補相較于線下教學的交互短板。教育不同于娛樂,其流程具備階段性目標、長時間投入、知識內(nèi)化路徑等特征單純傳輸內(nèi)容已遠遠不夠,設計要主動參與到“學習過程建構”中,設計學習路徑、驅(qū)動學習行為、重建沉浸體驗。

 

二、交互設計:不僅是“點哪兒”,更是“學下去”

線上教育的交互設計承擔著三個關鍵任務:

  1. 明確學習路徑:用戶能否在首次使用中快速理解“從哪里開始學、接下來做什么、什么時候完成任務”。

  2. 即時反饋與引導:做對了是否能獲得激勵?做錯了是否能被溫柔地引導?這決定了學習動力是否能持續(xù)。

  3. 任務分解與節(jié)奏感控制:學習模塊是否易于拆分、時間是否可控?這些因素影響用戶是否能持續(xù)投入。

舉例來說,我們曾為一個名為“半老外 David 英語啟蒙”小程序參與界面與交互設計。在這個面向兒童與家長的英語學習產(chǎn)品中,為了提高用戶體驗我們進行視覺調(diào)整:

  • 圓角卡片式的信息分組,減少信息干擾,提高兒童用戶的內(nèi)容理解效率。

  • 頁簽式課程結構,將“家長課程”與“孩子課程”進行分類,前者提供全方位了解入口,后者以視頻和生活化場景增強學習沉浸感。

  • 暖色調(diào)與IP形象融合的界面風格,既兼顧兒童友好,也塑造了獨特的品牌識別感。20250716-144116.jpeg

這些設計不僅提升了視覺體驗,更在信息傳達效率、任務操作便利性與情緒激勵機制上做到了實效優(yōu)化。

 

三、用戶體驗設計是學習系統(tǒng)的“心理工程”

一個體驗出色的教育平臺,往往在細節(jié)處打動人心:

  • 是否能減少用戶的思考負擔?

  • 是否能讓用戶知道“現(xiàn)在我在哪、接下來該干什么”?

  • 是否在用戶迷茫、卡頓、分心的時候提供適時提醒或激勵?

這其實是一個“設計心理學”在教育場景的落地問題。比如,當學習任務被合理拆分,系統(tǒng)根據(jù)用戶表現(xiàn)實時調(diào)整難度,用戶就更容易進入“心流狀態(tài)”;當學習成果被可視化呈現(xiàn),用戶就更容易產(chǎn)生目標感與成就感。這種體驗背后,其實是設計者對用戶學習心理的精準拿捏。

 

四、界面設計:教育產(chǎn)品的認知引擎與品牌載體

教育類產(chǎn)品的信息密度高,任務目標明確,界面設計要兼顧以下幾方面:

  • 視覺層級清晰:主操作路徑需醒目明確,輔助信息適度弱化。

  • 風格統(tǒng)一、情緒調(diào)性明確:兒童啟蒙需要溫暖明亮,成人考證則更需要沉穩(wěn)理性。

  • 操作響應及時:點擊反饋、加載狀態(tài)、跳轉(zhuǎn)邏輯等要精準順暢,降低用戶的“系統(tǒng)不確定性焦慮”。

好的UI不僅是為了“好看”,更是為了提升操作效率、增強內(nèi)容理解,最終讓學習更輕松、更自然。

 

五、未來發(fā)展趨勢:體驗驅(qū)動成為核心競爭力

在線教育正在走向“內(nèi)容同質(zhì)化、體驗差異化”的時代。未來產(chǎn)品的核心競爭力,或許不再是誰有獨家教材、誰請來大咖講師,而是:

  • 誰能提供高度個性化、適應性強的學習路徑

  • 誰能構建沉浸感與成就感兼具的交互體驗

  • 誰能通過設計整合技術與教育邏輯,提升學習效率與心理舒適度

 

未來AI、數(shù)據(jù)可視化、語音交互、AR/VR 等前沿技術與設計將深度融合,帶來新一輪體驗升級。而在這一過程中,既懂設計、又懂教育、還了解技術邏輯的“新型產(chǎn)品設計人才”,將成為教育科技公司的核心戰(zhàn)力。

在線教育并不缺內(nèi)容,也不缺工具,缺的是一個足夠了解用戶行為與認知機制的設計系統(tǒng)。今天的產(chǎn)品競爭,是體驗細節(jié)的比拼;明天的產(chǎn)品革新,是設計認知的升級。

從用戶體驗出發(fā),連接認知與內(nèi)容;通過交互設計,重構學習路徑;借助界面設計,減少認知摩擦 —— 教育的未來,不只是教得更好,而是“讓人愿意學、堅持學、有效學”。

蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

?

在用戶體驗研究中使用人工智能:個人觀點:什么有效,什么無效

杰睿 用戶研究

2 組用戶評價見解
Dovetail 上的 AI 聚類數(shù)據(jù)

準備

開展研究

分析:人工智能有時能大放異彩的地方

包含 3 種不同見解的畫布被分組為一個集群
Dovetail 人工智能輔助分析,由 Dovetail 網(wǎng)站提供。

報告

Breyta AI 驅(qū)動的搜索,由 Breyta 網(wǎng)站提供

工具概況

一個很大的警告:這一切的成本

 最后的想法

蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

告別 4px 間距,迎接斐波那契數(shù)列

杰睿 設計思維

4px 間距系統(tǒng)與斐波那契間距系統(tǒng)的比較
一個帶有指向內(nèi)邊距值的標簽的藥丸組件。左右內(nèi)邊距為 16,上下內(nèi)邊距為 12。

奇數(shù)

設置偶數(shù)填充的藥丸組件與設置奇數(shù)填充的藥丸組件之間的比較。
我已準備好進入網(wǎng)格系統(tǒng)監(jiān)獄。我準備去網(wǎng)格系統(tǒng)監(jiān)獄。

比較

使用傳統(tǒng)的間距邏輯或奇數(shù)邏輯對藥丸組件進行相同的比較,但它們的填充值覆蓋在頂部。

那么字體呢?

使用 4px 系統(tǒng)或奇數(shù)系統(tǒng)的 6 種字體的比較:Oxygen Mono、Noto Serif、Roboto、Poppins、Palatino、Koulen。

在野外

Notion Mail 登陸頁面英雄的屏幕截圖,表單頂部的注釋顯示了其像素完美度。
。

 

系統(tǒng)化——斐波那契數(shù)列簡介

4px 網(wǎng)格系統(tǒng)與斐波那契數(shù)列的比較。
4px 網(wǎng)格
斐波那契間隔系統(tǒng)。
使用滑塊對 4px 網(wǎng)格系統(tǒng)和斐波那契網(wǎng)格系統(tǒng)進行比較。
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

表盤設計分享【一】

杰睿 設計資源

0bea951f32f9ca9d51675197c681577c.jpg

8cd1d0f8382224270c1eff7b82da4b4c.jpg

633f3d9c9f83e736d861afe2d428c110.jpg

859b302bd0daa2efe3a2dbfc6b69497f.jpg

44320e08d38b3268bd8b5b0c8975ee46.jpg

 

在數(shù)字產(chǎn)品設計中,響應式設計早已成為連接功能與體驗的關鍵路徑。智能手表的表盤,作為最核心的信息承載區(qū),正在向“可感知、可適配、可延展”的方向不斷演進。而我們將其類比為“數(shù)字卡片”,正是因為二者在設計邏輯上的高度契合:都追求信息層級的清晰展現(xiàn)、內(nèi)容與場景的靈活適配,以及操作的直觀反饋。

卡片設計以模塊化、結構清晰、響應靈活著稱,能在不同屏幕與使用場景中自如調(diào)度內(nèi)容展示方式。而智能手表的表盤設計同樣需要在極小的顯示空間內(nèi),精準傳遞時間、健康、通知等多維度信息。通過響應式設計的引入,表盤可以根據(jù)環(huán)境光線、使用者習慣、交互狀態(tài)等動態(tài)變化,自動調(diào)整元素的排布與表現(xiàn)形式,實現(xiàn)“信息即所需,界面即交互”。

例如,在運動狀態(tài)下表盤可自動突出心率與步數(shù);而在夜間,它又能切換為更具護眼性的低亮模式。這種“感知上下文”的能力,讓表盤從一個靜態(tài)的界面,變?yōu)橐粋€貼近用戶、主動適應的智能卡片。

響應式的表盤設計,不僅提高了使用效率,更拓展了產(chǎn)品體驗的邊界。它像一張隨時變化的數(shù)字卡片,安靜卻聰明地陪伴在你腕間,把復雜的系統(tǒng)邏輯轉(zhuǎn)化為可感知的溫柔細節(jié)。

 

蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

如何通過單個視覺組件將信息可視化

杰睿 設計資源

WechatIMG25.jpg

WechatIMG26.jpg

WechatIMG27.jpg

WechatIMG28.jpg

 

單個視覺組件實現(xiàn)信息可視化,并非簡單的圖形替代文字,而是通過視覺語法構建信息的傳遞路徑,讓接收者以最低認知成本獲取核心內(nèi)容。?
以最基礎的柱狀圖為例,若僅展示單一數(shù)據(jù)維度,確實顯得單薄。但通過優(yōu)化設計,它能承載更豐富的信息:柱體高度對應數(shù)值大?。ɑA信息),柱體顏色飽和度區(qū)分數(shù)據(jù)可信度(附加維度),柱體頂部的小三角標記同比增長率是否為正(關聯(lián)指標)。這三個設計元素共同作用,使一個柱狀圖既能呈現(xiàn)具體數(shù)值,又能說明數(shù)據(jù)質(zhì)量與增長態(tài)勢,信息密度提升卻未增加理解難度。?
視覺組件的有效性,取決于信息層級的清晰劃分。像儀表盤的設計,指針指向的刻度是核心信息(當前值),表盤顏色分區(qū)(綠色、黃色、紅色)界定正常、預警、危險區(qū)間(判斷標準),指針末端的細微抖動表示數(shù)據(jù)采集的實時性(動態(tài)屬性)。這種設計讓觀者先捕獲核心數(shù)值,再通過輔助視覺元素理解數(shù)值所處的語境,符合人類認知的遞進規(guī)律。?
關鍵在于找到數(shù)據(jù)間的內(nèi)在關聯(lián)性,并轉(zhuǎn)化為可感知的視覺關聯(lián)。例如用樹狀圖展示公司組織架構時,方塊面積對應部門人數(shù)(數(shù)量關系),方塊間的距離表示協(xié)作頻率(關聯(lián)強度),方塊顏色表示績效等級(評價維度)。三個視覺變量相互配合,一個組件就能說清 “有多少人”“協(xié)作如何”“表現(xiàn)怎樣” 三個層面的信息,且這些信息通過空間布局形成有機整體,而非孤立存在。?
優(yōu)質(zhì)的單個視覺組件,是在有限視覺空間內(nèi)建立信息的有序結構,讓每個視覺元素都承擔明確的信息傳遞功能,既不冗余也不缺失,實現(xiàn) “一圖抵千言” 的精準傳達。
 
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

信息架構設計 | 全球?qū)Ш?、上下文導航、本地導航的區(qū)別是什么?

杰睿

“導航系統(tǒng)并不是單一的工具,而是由多個互補的導航方式組成。” ——《信息架構:超越Web設計》
 
在信息架構里,導航系統(tǒng)不止一種。
我們常說的“導航”,其實包含了三個維度:全球?qū)Ш?、上下文導航、本地導?/strong>。
如果你把網(wǎng)站當成城市地圖,三者的區(qū)別就像
 
全球?qū)Ш剑℅lobal Navigation) 相當于城市主干道。
總是在頁面的顯著位置(如頂部、側邊),無論用戶在哪一頁都可見。 
作用:提供站點的整體結構輪廓,保證“不會迷路”。
舉個例子:你在電商平臺首頁、商品頁、購物車頁,都能看到頂部的“首頁 / 分類 / 購物車 / 我的”。
 
 
本地導航(Local Navigation) 像是某個商圈里的路標。
 它只在特定區(qū)域內(nèi)出現(xiàn),展示該部分的子頁面結構。
 作用:幫助用戶在當前模塊內(nèi)自由切換,不跳出當前上下文。
比如你點進“具體單件商品”后,在側邊出現(xiàn)同商品分類就是本地導航。
 上下文導航(Contextual Navigation) 像是你在某家咖啡店里看到“附近的甜品推薦”。
 它不是常駐的,而是出現(xiàn)在特定內(nèi)容中,基于語義提供額外鏈接。
作用:提供延伸閱讀、關聯(lián)信息,拓寬用戶探索路徑。
對“單件產(chǎn)品”的批注延展,這就是上下文導航。
“全球?qū)Ш綆椭脩舳ㄎ徽军c結構,本地導航指導區(qū)域內(nèi)部的瀏覽,上下文導航則引導語義關聯(lián)的跳轉(zhuǎn)。”
 
如何為你的產(chǎn)品選對導航層級?
信息量不大? 全部用全球?qū)Ш郊纯伞?/div>
內(nèi)容分區(qū)明確? 加上本地導航提升效率。
內(nèi)容密集豐富? 增設上下文導航,增強探索體驗。
蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan
 

用戶體驗中的神經(jīng)設計:認知科學如何幫助我們打造更佳的界面

杰睿

通過 AI 輔助創(chuàng)建的圖像

說實話,我們大多數(shù)人在設計屏幕時并不會考慮人腦。我們關注的是布局、間距和顏色。但事實是:設計并非發(fā)生在屏幕上——而是發(fā)生在用戶的大腦中。這就是神經(jīng)設計的用武之地。

神經(jīng)設計就是運用認知心理學和神經(jīng)科學來構建直觀、輕松甚至略帶愉悅的界面。我之前并沒有學過神經(jīng)科學,但自從我開始了解大腦的運作方式后,我的設計方式就徹底改變了。

以下是我所學到的知識 — — 有真實的例子、用戶體驗法則和一些你可能想看看的書籍精華。

1. 大腦是懶惰的(好的方面)

我們的大腦天生就具有節(jié)能的本能。這意味著人們幾乎總是會選擇阻力最小的路徑。當你的用戶界面過于復雜或選項過多時,大腦就會說:“不行。”

記住??硕?/span>

提供的選擇越多,做出決定所需的時間就越長。

想想谷歌的主頁只是一個標志和一個搜索欄。這并非偶然——它的設計是為了減少認知負荷。

Google.com

您可以做什么:

  • 確定主要行動的優(yōu)先級
  • 保持表單簡短(就像 Typeform 那樣)
  • 刪除無用的元素

2.人們先看到,后思考

設計首先是情感驅(qū)動,其次是邏輯驅(qū)動。這意味著色彩、布局甚至動畫都能在第一秒就建立信任。

讓我們來看一個例子:Duolingo 的應用程序使用友好的插圖、有趣的語氣,以及一些感覺像大腦“拍拍背”一樣的小獎勵。它降低了學習新語言的情感障礙。

圖片來源——匹茲堡雜志

以下是Susan Weinschenk 所著《神經(jīng)網(wǎng)絡設計》一書中的一條重要建議:

“我們不會做出合乎邏輯的決定。我們會做出情緒化的決定,然后用邏輯來證明其合理性。”

您可以做什么:

  • 使用溫暖、友好的設計語言
  • 讓入職培訓感覺像是手把手指導,而不是測驗
  • 添加微妙的動作,使操作感覺靈敏(就像Apple在 iOS 中使用彈跳或淡入淡出一樣)

3.熟悉的感覺很好

大腦喜歡模式。當用戶看到自己熟悉的事物時,他們會感到安全,并且能夠掌控一切。

記住雅各布定律

用戶大部分時間都花在其他網(wǎng)站上。因此,他們期望你的產(chǎn)品也能以同樣的方式運作。

讓我們看一些例子:Instagram 的底部標簽欄、亞馬遜的購物車圖標Gmail 的撰寫按鈕——它們都遵循常見的視覺隱喻,以減少學習曲線。

您可以做什么:

  • 遵循原生平臺慣例
  • 使用常見的圖標和術語(除非您是 Zara,否則不要將購物車稱為“我的包”)
  • 除非有充分理由,否則避免不必要的改造

4.記憶很短暫——真的非常短暫

認知科學告訴我們,用戶的工作記憶中一次只能記住大約4個條目。因此,如果你的應用依賴于用戶記憶指令,那么它注定會失敗。

“米勒定律”來了

一般人的短期記憶只能保留 7 件(正負 2 件)物品。

真實案例:你有沒有嘗試填寫表單,但錯誤信息只有在提交后才會顯示,而你卻忘了哪個字段出了什么問題?這簡直就是記憶噩夢。

您可以做什么:

  • 將任務分解成小的、可管理的步驟(例如Airbnb 的分步主機設置
  • 使用內(nèi)聯(lián)驗證
  • 保持標簽靠近輸入(不要讓用戶滾動或猜測)

5.反饋=安全

大腦會不斷檢查:這有效嗎? 我能控制嗎?如果用戶界面沒有響應輸入,用戶就會感到不確定——即使后臺一切正常。

用戶體驗法則:反饋循環(huán)原則

人們需要立即得到反饋來了解其行為的結果。

例如,Slack在消息發(fā)送時會顯示“正在發(fā)送…”的動畫和勾號。這能建立信任,尤其是在快速對話中。

您可以做什么:

  • 顯示加載狀態(tài)、成功消息或錯誤提示
  • 允許用戶撤消操作(如 Gmail 的“撤消發(fā)送”)
  • 動畫過渡到信號系統(tǒng)狀態(tài)

如果你想深入了解,可以參考以下書籍推薦

以下幾本書確實幫助我將神經(jīng)科學和用戶體驗聯(lián)系起來:

  • Susan Weinschenk 的《神經(jīng)網(wǎng)絡設計》 ——超級易讀,示例豐富
Susan Weinschenk 的《神經(jīng)網(wǎng)絡設計》
  • Susan Weinschenk 撰寫的《每個設計師都需要知道的關于人的 100 件事》 ——設計師的最愛
蘇珊·溫申克 (Susan Weinschenk) 的《每個設計師都需要了解的關于人的 100 件事》
  • 史蒂夫·克魯格的《別讓我思考》 ——雖然不是神經(jīng)科學,但完全符合大腦的行為方式
史蒂夫·克魯格的《別讓我思考》
  • 唐納德·諾曼的《設計心理學》 ——以人為本的設計思維的經(jīng)典見解
唐納德·諾曼的《設計心理學》

好的用戶體驗不僅僅是讓事物看起來美觀。它在于理解人腦的運作方式,并圍繞此進行設計。神經(jīng)設計提醒我們,我們設計的不是屏幕,而是思維中的體驗。

當我們做得好的時候,一切都會順利。

所以下次調(diào)整布局或重新設計流程時,問問自己:
現(xiàn)在什么對大腦來說最容易?
這個問題比任何花哨的工具都更能幫助我做出更好的決策。

……

 

蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

如何用ChatGPT的新圖像生成器創(chuàng)建UI(4o)

杰睿

ChatGPT 是否有可能生成 UI?

我之前測試過幾次,但結果卻令人失望。

下面是我兩個月前在一份時事通訊中分享的一個例子。

升級前通過 ChatGPT 生成

它看上去太卡通了,不太實用。

然而,上周,OpenAI 推出了一個重大更新,所以我決定再次嘗試。

根據(jù)我的提示,我能夠生成更好的UI模型。我甚至可以根據(jù)自己的需求創(chuàng)建多個設計選項:

通過 ChatGPT 生成

今天,我將向你們展示我進行的實驗、我使用的提示以及過程中的一些驚喜和收獲。

讓我們開始吧。

背景

OpenAI 宣布,現(xiàn)在可以使用 GPT-4o 在 ChatGPT 中生成高質(zhì)量圖像,而不是使用較舊的 DALL·E 模型。

它更擅長遵循指令,并且可以更好地呈現(xiàn)圖像中的文本。

上周,許多人嘗試將照片轉(zhuǎn)換成人工智能藝術作品——這就是吉卜力風格藝術潮流流行的原因。

我也嘗試過:

通過 ChatGPT 生成

但在網(wǎng)上看到很多有趣的藝術作品后,我想:

如果我可以使用 ChatGPT 生成對產(chǎn)品設計師真正有用的 UI 會怎么樣?

實驗就是從這里開始的。

實驗

1. 創(chuàng)建詳細的提示

我使用 ChatGPT 來幫助我生成我想要的 UI 的詳細提示。

# 為名為“SkillVerse - 熱門微課程”的應用設計一個簡潔、現(xiàn)代的移動 UI 界面(iOS 風格)。布局應遵循以下結構化部分。## 1. 狀態(tài)欄(頂部)- **樣式**:標準 iOS 布局(頂部安全區(qū)域)---## 2. 標題部分- **居中標志**:“SkillVerse”  - **字體**:中等粗細,小尺寸  - **顏色**:藍色文本  ---## 3. 特色課程輪播(水平滾動)- **風格**:具有圓角和柔和陰影的可滑動卡片  - **卡片**:    -**卡 1**      - 標題:**動態(tài)設計簡介**      - 字幕:*4 月 2 日開始*      - 視覺:動畫縮略圖    -**卡 2**      - 標題:《自由職業(yè)者精通 Excel》      - 字幕:*3 月 31 日開始*      - 視覺:生產(chǎn)力圖標  ---## 4. 導航標簽-**標簽**:    - **趨勢**(活躍,**粗體標簽**帶有**藍色下劃線**)    - 受到推崇的    - 已注冊    - 已保存  ---## 5. 過濾行- **過濾器(下拉菜單)**:    - **過去 7 天**(基于時間)    - **所有主題**(類別)    - **所有級別**(難度)  ---## 6. 熱門課程列表- **布局**:可重復課程項目的垂直堆疊:  - **左**:圓形縮略圖    - **中心**:      - 課程名稱      - 級別(例如,初學者、中級等)    - **右**:保存圖標  - **底部**:入學人數(shù) + 趨勢(例如,入學人數(shù) 2.4k,+12%)   ---## 7. 底部導航欄-**標簽**:  - **主頁**(活動,突出顯示顏色)    - 搜索    - 活動    - 輪廓  - **風格**:    - 下方有標簽

然后我將其粘貼到 ChatGPT 中的新聊天窗口中,然后單擊“生成”圖標。

2. 生成代碼支持的 UI

令人驚訝的是,ChatGPT 在右側打開了一個額外的面板,觸發(fā)了它的 Canvas 功能。然后它開始生成代碼。

這立刻讓我想起了克勞德的神器功能。

ChatGPT 的屏幕截圖

然后我點擊了右上角的“預覽”按鈕。

生成了響應式、代碼支持的 UI。

ChatGPT 的屏幕截圖

看起來很有趣,但似乎不如克勞德那么精確/精致。

3. 要求提供視覺模型

由于我的目的只是生成一個圖像(一個可視化模型)而不是一個代碼支持的 UI,因此我請求后續(xù)提示來糾正它:

創(chuàng)建一個可視化模型。而是一個視覺模型。

結果如下:

通過 ChatGPT 生成

結果出乎意料地好,尤其是與 ChatGPT (DALL·E) 之前生成的版本相比。這是一個巨大的提升。

測驗:你能在上述 AI 生成的 UI 中找到多少個拼寫錯誤?:)

4. 要求縮小用戶界面

盡管用戶界面看起來不錯,但我仍然對圖像截斷感到有點困擾,所以我問了:

頂部和底部看起來有點截斷。您能將 UI 縮小 20% 左右,讓它整體更小一些嗎?頂部底部看起來有點截斷。您能將 UI 縮小20%左右, 讓它整體更小一些嗎?

結果如下:

通過 ChatGPT 生成

看起來不錯!

5. 要求生成設計選項

然后我開始更有創(chuàng)意了……我想,如果我讓它生成多個設計方案供我參考會怎么樣?那會更有幫助!

所以我寫了這個:

創(chuàng)建三個設計選項。使用相同的核心內(nèi)容,但根據(jù)以下描述改變布局、UI 元素和視覺重點:選項 1. 大膽且引人入勝- 優(yōu)先考慮視覺沖擊力和品牌表達選項 2. 功能強大且快速- 優(yōu)先考慮速度、清晰度和生產(chǎn)力- 緊湊的用戶界面,卡片更小,信息層次更密集選項3.個性化和溫暖- 優(yōu)先考慮聯(lián)系、信任和個性化- “為你推薦”輪播,包含人工智能策劃的課程建議- 社會證明(頭像、徽章、朋友活動)- 添加“社區(qū)”選項卡,用于同行共享內(nèi)容

結果如下:

通過 ChatGPT 生成

再次,我對 GPT-4o 圖像生成能力的提升感到震驚。

雖然這三個選項看起來仍然非常相似,但如果仔細觀察,就會發(fā)現(xiàn)一些小細節(jié) - 例如“搜索”圖標、社交證明和副本 - 試圖使每個版本都與其他版本區(qū)分開來。

不過,結果肯定還有改進的空間。例如,由于一張圖片中包含了大量信息,ChatGPT 的精度開始下降。你可能會注意到,部分文本變得無法識別/扭曲。

6. 將設計轉(zhuǎn)換為 Figma 文件

接下來,作為一個有趣的測試,我使用Codia AI 的插件根據(jù) ChatGPT 生成的視覺模型生成 Figma 設計。

Figma 中的屏幕截圖

所有組件(包括文本)都可以在 Figma 中編輯。

它使用的字體系列是 Intel。

好得可怕。

如果我想進行更改,這使我能夠自定義 UI 模型。

最后的想法

ChatGPT 生成 UI 視覺模型的能力是一個巨大的提升。與之前版本相比,它提供了更高的精度和對提示的遵循性。

話雖如此,速度還是有點慢,準確率還有待提高。有時圖像生成到一半就停止了;有時結果很隨機,而且與指令不完全一致。

當我要求 ChatGPT 根據(jù)設計選項創(chuàng)建 3D 模型時,事情變得有點扭曲和奇怪——但還不算太糟。

通過 ChatGPT 生成

不管怎樣,這已經(jīng)是一次很棒的升級了。我現(xiàn)在能生成以前無法生成的東西了。

這一切都在 ChatGPT 聊天窗口內(nèi)完成。多么方便啊?

我非常興奮并希望未來會有更好的升級。

設計不再具有顛覆性。我們還能重新找到設計靈感嗎?

杰睿

黑色田野上的復古未來主義插圖?,F(xiàn)代雕塑和雕像,超現(xiàn)實的幾何形狀,線框,賽博朋克元素和透視網(wǎng)格。流行迷幻科技風格的抽象矢量插圖。
作者:Martyshova

是的。我們想知道為什么產(chǎn)品設計界這么多人都走到了崩潰的邊緣?我想說,我不認為設計已死。只是我覺得我們迷失了方向。

2023年,Airbnb首席執(zhí)行官布萊恩·切斯基(Brian Chesky)曾說過: “設計師必須有勇氣。”說實話,我們過去確實很有勇氣。一種無所畏懼的自信,一種打破現(xiàn)狀的近乎瘋狂的喜悅。“驚喜與愉悅”、“精益求精,保持簡潔”一直是我多年來領導設計團隊的座右銘。

我陷入了以收入為中心、癡迷于圖案設計的陷阱。

然而,不知何故,在某個時刻,也許是在無休止的會議、OKR、業(yè)務目標和盈利報告的催促下;又或許是因為公司內(nèi)部不斷邊緣化設計——這種自信消失了。我們從協(xié)作型的搖滾明星變成了解決問題的小齒輪,再變成了生存主義者。因為現(xiàn)在機器來了。

觀察氛圍

多年來,我本著脆弱的精神,陷入了以收益為中心、癡迷于圖案設計的陷阱。DS 是一種令人興奮的、以特定價格點進行設計的方法。讓我們?nèi)?chuàng)造收益!讓我們?nèi)?yōu)化利潤!讓我們快速實現(xiàn)各種創(chuàng)意!我們?yōu)槭裁匆趹搫?chuàng)新的時候重復造輪子呢?

聽起來很熟悉?
這就像個兔子洞。我和同事們聊過,大家都覺得,

  • 為什么每次想到 ux/ui 設計我都會感到沮喪,盡管我對它充滿熱情?
  • 為什么我對當前的設計和產(chǎn)品方法感到沮喪,即使它有效?(是嗎?)
  • 為什么盡管我熱愛我所做的事情,但我的創(chuàng)造力卻不再因工作而得到滿足?
  • 為什么懷念互聯(lián)網(wǎng)的狂野西部時代,盡管它充滿了模糊性?
  • 盡管設計無處不在,但它已經(jīng)消亡了嗎?

如果我們用設計系統(tǒng)的方法錄制一張專輯,每首歌在技術上都是完美的,但它們聽起來本質(zhì)上都一樣。哪個用戶會因為反復聽這首歌而受到啟發(fā)呢?我們自己的設計故事已經(jīng)支離破碎了。

我們很多產(chǎn)品設計人員都生活在艾維所說的“企業(yè)議程已將設計和創(chuàng)新的重點從目標轉(zhuǎn)移到利潤”的境地。追求收益令人精疲力竭。創(chuàng)造性的故障排除被誤認為是創(chuàng)造力?;诳ò喟寤靵y和閃電般快速發(fā)布的產(chǎn)品經(jīng)理微觀管理的壓力。MVP 地獄景象。毫無結果的 A/B 測試,因為利益相關者不理解。整體創(chuàng)新解決方案被所謂的“安全”的快速解決方案扼殺。而這一切都是有代價的。靈感更少,活力更少,友善更少,壓力更大。更多的自我限制。更多的模仿。更多千篇一律、復雜而扁平的用戶體驗。等等。

轉(zhuǎn)變

過去一周,我的觀點與多年來形成的理念發(fā)生了轉(zhuǎn)變。我最近去一家大型游戲公司面試領導職位,面試的主題是如何創(chuàng)造收入。這才是整個團隊最關心的問題。他們沒有考慮用戶需求,也沒有考慮他們正在構建的工作和體驗的樂趣。這些從未被討論過。

這真的讓我很困擾。非常困擾。這不是我第一次遇到這種情況。我一次又一次地發(fā)現(xiàn),出現(xiàn)了兩件事:

  • 在大多數(shù)設計文化中,設計的樂趣和喜悅是不存在的
  • 人類基于價值觀的行為優(yōu)先于人類情感

我們大多數(shù)人都在無意識中直接促成了這一點。我們甚至沒有意識到這一點。然而,要論證人類首先是情感實體,這并不需要太多說服力。我們能夠立即感知和感受事物,然后再運用邏輯,這與人類的進化直接相關。然而,我們的設計方法在很多方面都缺乏這種能力。

(我在這篇文章中只關注設計的作用。但科技領域其他角色的出現(xiàn),以及流水線投資回報率驅(qū)動的 IDEO 方法,無疑導致了設計優(yōu)先級的下降,不再以用戶感受為重點。)

我們需要重新進行重大的直覺選擇并重新感受事物。

我是如何開始轉(zhuǎn)變的?

有兩件事無疑產(chǎn)生了最大的影響。

- 新的 Google Material DS “發(fā)送”按鈕
。-

采訪喬納森·艾維。

 

兩者都重點討論了“歡樂與喜悅”和“火花”的設計。

谷歌界面的更新打破了所有固有規(guī)則,打造了獨特的數(shù)字體驗。他們抓住了機會,用數(shù)據(jù)驗證了這一可能性,最終他們的努力讓用戶參與度提升了4倍。

Jony 在Stripe大會上的采訪非常鼓舞人心。如果你今年需要看一部作品來了解設計對我們這個瞬息萬變的世界的重要性,那非看不可。他讓設計回歸了它的本源,那就是那神奇的“火花”。

當我思考這些時,我發(fā)現(xiàn)偉大的設計中存在著一些更具體的事情——顛覆。

如果您今年關注一件事以了解為什么設計對于我們這個不斷變化的世界如此重要,那就是它了。

在數(shù)字體驗的早期,沒有數(shù)據(jù),沒有關鍵績效指標 (KPI),也沒有流水線式的技術開發(fā)方法。當時的設計純粹是為了品牌價值、功能和實驗。我們有兩個代碼庫:HTML 和 Flash。工作的多樣性令人興奮。網(wǎng)站以及最終的原生應用都易于使用,易于導航,沒有算法,非常人性化。

我們也只是想打造一些我們的朋友和同事會談論的非常酷的東西。

設計團隊和工程團隊圍坐在一起,討論他們想要構建的目標,并在整個過程中不斷合作。如同合作伙伴一樣。一份簡單的路線圖充滿了宏大的想法和雄心壯志。方法是什么?“我想要一個能夠?qū)崿F(xiàn)_____的酷炫解決方案,因為我想做_____。”

我們受到的啟發(fā)是(用艾維的話來說)“設計一些能夠推動物種發(fā)展的東西”,“為人類服務”。我們也只是想打造一些非??岬臇|西,讓我們的朋友和同事談論。

有些品牌正在瘋狂地顛覆這個領域。比如Acorn和Airbnb。但當突破設計界限的設計如此罕見時,這對任何人來說都不是好兆頭。什么時候突破設計界限的設計非常罕見,這對任何人來說都不是好兆頭。

最新的顛覆者

人工智能。

我們正為此瘋狂。長期以來,我們一直謹慎行事,構建一套設計方法論式的設計系統(tǒng),結果卻事與愿違。我和其他人一樣,也為自己的謹慎行事感到內(nèi)疚。不到五年,產(chǎn)品設計將不再像過去十五年那樣存在。這原本是一個令人恐懼的前景,直到我直面恐懼。

想想看,不用再構建模式庫了。不用再花費無數(shù)時間迭代數(shù)據(jù)和最佳實踐。不用再熬夜撰寫和設計戰(zhàn)略方案了。這可不是設計,而是繁重的工作。說真的,讓機器來做吧。

我可以重新做我最擅長的事,運用我的智慧、想象力和經(jīng)驗來推動事情發(fā)展。當然可以。報名吧。我就是來干這個的。

設計會發(fā)生什么?

我們不再打破常規(guī)。我們遵循著基于指標和績效的群體思維美學。我們各自為政,各自為政,各自為政。我們用耗時的方法來構思創(chuàng)意。我們迷失在迭代的泥沼中。我們沒有逼迫自己打破常規(guī)。

如果我們退一步,縱觀設計的全局,就會發(fā)現(xiàn)我們所做的最偉大的設計,其核心都是“顛覆性”。敢于創(chuàng)新,敢于思考。它不斷嘗試新事物,探索新的視野。然而,我們對這門學科的內(nèi)在部分卻感到厭惡。

我不知道“幸運眷顧勇者”這句話是誰說的。

我的一個使命就是讓它重新回到我們的世界。

回去工作。

讓我們打破思維定勢。

讓我們都做些史詩般的事。

 

蘭亭妙微(fmbyxs.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設計的小編 http://fmbyxs.cn

存檔