欧美成人免费观看_免费成人深夜天涯网站_日韩中文在线视频_天堂av一区二区_欧美xxxx性xxxxx高清_亚洲欧美一二三

首頁

平面設計師轉型 UX 設計:7 個實戰指南,從美學到體驗的進階之路

濤濤 設計思維

對于深耕平面設計領域的創作者而言,轉型 UX 設計并非從零開始的冒險 —— 你們多年積累的美學素養、布局思維和問題解決能力,早已是踏入 UX 領域的堅實基礎。隨著用戶體驗在產品競爭中的權重日益提升,UX 設計師的職業前景也愈發廣闊:據 Interaction Design Foundation 數據顯示,UX 設計師年均薪資約 74,000 美元,遠超平面設計師的 41,000 美元。從專注視覺呈現到兼顧用戶需求與交互邏輯,這場轉型需要思維的重塑與技能的拓展。以下 7 個實戰指南,將幫你平穩跨越邊界,在 UX 設計領域站穩腳跟。

移動 UX 設計避坑指南:這些錯誤千萬別犯

濤濤 移動端UI設計文章及欣賞

在移動應用競爭白熱化的當下,用戶體驗(UX)早已成為決定產品生死的核心因素。我們下載一款 App,本質是為了讓生活更便捷、需求更高效滿足,若產品無法兌現這份期待,用戶便會毫不猶豫地轉向競品。優秀的移動 UX 設計并非一蹴而就,它需要在遵循平臺規則的基礎上,規避那些容易打斷用戶節奏、強迫用戶思考的設計雷區。本文將從多維度拆解移動 UX 設計中的常見誤區,幫你避開設計陷阱,打造更貼合用戶需求的產品。

一個完整的B端設計流程

鶴鶴 設計思維

 
從渡輪預定,認識業務概念
這次案例是一個我最近在預定的船票預定服務,由一家叫名門大洋的渡輪服務公司提供。下面是對它預定的簡單介紹:
步驟1:打開官網,到 [船上生活] 模塊查看有哪些船(只有兩艘)和房型,以及船上有哪些服務設施等。

image.png

步驟2:進入 [運費和費用] 模塊,先看他們的預約規則,然后打開他們提供的PDF查看預定的日期和價格,來確定自己想要選的房間。這里房型價格和熱門時間有關,官方分了A、B、C三個價格檔來對應熱門冷門時間。
 
步驟3:進入 [預定] 模塊,填寫個人信息和想預約的房型,房型選擇有3個,如果前面的選擇滿房就向后遞補,填寫完成后,就可以點擊發送預定信息。
 
步驟4:隔日等待反饋郵件,到郵箱中查看。還能預定的話就會有一個鏈接,進入鏈接中進行支付。之后就可以獲得登船的憑證。
 
后續的細節就忽略,一個簡單的買票緩解,操作起來這么麻煩,是不是感覺非常陌生,這是因為國外有很多服務的預定都需要到官網預定,和國內出行完全依賴綜合旅游軟件如飛豬、攜程、去哪兒等不同。
而這個訂票的流程,到審核(人工的)回復的整個過程,就叫 —— 業務流程,是一個被設計好并標準化的商業實踐過程。
每家公司的經營都會包含大量的業務,房間預定只是它的其中一個業務,還包括登船、房間清理、物資采購等。而每個常規的業務的執行如果全憑員工自己的想法、感覺,那么企業的運轉一定會一團亂麻。所以經營者就要針對這些常見的業務,設計出相應的流程出來進行標準化,讓員工和顧客遵循這套流程來完成商業活動。
而業務只有流程框架還不夠,必須包含大量的細節,比如前面提到的不同定價時段,滿房的遞補,退票的方式等等,這些都是業務流程中的細節規則,我們可以統稱它們為 “業務邏輯”。
簡單來說,企業經營要先確定業務,然后設計流程,再制定具體的業務邏輯,形成完整的商業閉環。但這和設計師有什么關系呢?
 
 
因為業務是產品的出發點,常規項目只有業務形式確定下來,才會進入產品的設計階段,而不是先設計產品功能再讓業務去適配它的特性。而產品后續一系列的復雜、抽象、晦澀的決策也全都和業務有非常大的聯系,
如果設計師不先理解業務,就可能無法理解產品的需求和決策,導致最終的設計結果和目標想去甚遠。
 
 
從業務到需求的制定過程
這個預定過程對于熟悉國內互聯網的我們來說肯定是太復雜了,用個線性流程表示的話,對比如下:
 
國內軟件預定:打開軟件 - 搜索船票 - 選擇日期 - 選擇房型 - 完成支付
官方網站預定:搜索官網 - 打開官網 - 查看房型 - 查看價格 - 填寫信息 - 等待回復 - 查看郵件 - 完整支付
 
從字面上感覺可能不明顯,但實際上操作時長、點擊次數以及總消耗時間,它的做法遠比國內的服務慢,加上細節里有很多會延長完成時間的邏輯,比如沒有想要的房型就要重新去選一遍,而這在國內軟件里一開始就能知道直接規避掉。
這個業務過程非常的原始,后臺可能有一個簡單的收件系統,由人工來逐一審核提交的郵件,創建訂單,然后再提交回復。
如果我們要提高這個業務的效率,就必須要改進這套系統,將人工的機制進行簡化,即客戶可以直接在前端完成篩選、預定、支付的操作。相信大家都很熟悉這種操作過程,而這種改進就叫 ——
企業數字化升級
。就是本來使用人工或者很原始的方式執行的業務流程,引入數字化的系統、產品,來提升它的運行效率。
 
而產品經理要在這個過程做業務的分析,具體分析什么呢,可以簡單總結成:
  •  
    當前的業務是什么樣的
  •  
    當前業務存在的具體缺陷
  •  
    構思產品的整體框架形態
  •  
    確定產品的具體功能需求
 
前兩點前面已經解釋過了,當前業務是存在缺陷的,而產品經理必須先理解完業務和找出問題,才能進行后續工作,而不是直接忽視背景打開 Axure開始畫圖。
有了問題,下一步就是建立產品的框架,比如這個業務會涉及到多個端,產品就要先創建多個端的功能框架出來,包含的端可以簡化成下面三個:
 
用戶端就是普通的網頁預定模式(這里不討論APP和小程序等),讓用戶直接選擇日期、船型、房型后支付獲取憑證,非常容易理解,不用多做介紹,我們重點放在管理端和后臺服務的解釋上。
 
TIPS:這里有個可以思考的小點,沒做用戶系統你們可以分析下為什么。
 
在管理端上,管理員已經不需要手動審核預約了,所以只需要對訂單和賬單(這是兩件事)有查看和管理的操作即可,來完成一些特殊業務事件的處理。
而在后臺服務上,就要確定有哪些數據信息,以及處理它們的方式。比如訂單的支付、退款,會涉及到非常復雜的后臺處理過程,包括不同支付方式接入、對不同貨幣的支持、資金的轉出等等。其它功能還包括房型數據更新、價格數據更新。這些都是用戶端和管理端無法直接看見,但又在真實運行的功能。
根據上面對不同端的分析和構想,就可以創建產品的 —— 功能架構圖,比如下面這個極簡的版本:
 
對于一個成熟的產品經理來說,進一步制定產品的需求肯定不是直接打開Axure畫原型,而是先圍繞業務的需求制定 —— 數據字段。
數據字段即前、后端服務中要存儲、計算、展示的具體對象。比如一個房間,前端頁面會展示房間名、價格、人數、面積、類型、評價等各種數據。但這些數據不是憑空出現的,而是要先計劃和開發才能實現的內容,且不同字段背后可能還包含復雜的設置或計算規則。
所以產品要花很多時間分析應該記錄哪些數據字段,這些數據怎么產生,背后有什么邏輯,在前端顯示的標準是什么。
 
用個更具體的案例來解釋,比如要創建房間價格這個字段,這個字段的值就具體價格值。但是房間的具體價格不是固定的,包含三個檔位,根據日期決定的檔位進行靈活的變動。所以要實現正確的價格顯示,光有一個房間價格字段是不夠的,我們需要建立更多字段來滿足它的使用,包含:
  •  
    房間基礎定價:房間的基底價格,用于做計算的基數
  •  
    房價當前系數:根據忙時和閑時變更定價的系數,比如忙時是原來的1.5倍,閑時是原來的0.8倍
  •  
    房間當前價格:根據定價基數x 系數得到的當前價格,是前端展示和付款的具體金額
 
這是個非常簡化的版本,除了使用基數x系數的邏輯外,也可能直接給房間制定A、B、C三個價格的字段直接填價格不做系數計算。在真實項目中,該功能會創建得字段數遠不止這些,產品還需要去明白數據的來源、計算邏輯、應用規則。
對于成熟的項目來說,項目的數據字段就是業務需求的延展,是整個業務正常運行的基石和原材料,產品制定的需求就包括它們的內容和規則,再讓后端工程師去實現出來(而不是后端自己憑感覺想)。
有了上面這些準備,那么產品應該做成什么樣就清晰很多了。下一步,產品經理就可以先用思維導圖去規劃管理端的頁面結構與內容,而這種思維導圖通常被稱為 ——
產品地圖
image.png
規劃完產品地圖后,下一步才進入正式的產品原型設計過程,將我們對產品應該做成什么樣通過原型線框圖表現出來,只要能讓其他人理解我們的意圖即可。
image.png
 
 
當然只看圖是不夠的,很多細節的決策和邏輯就需要添加文字的說明,這種結合原型+文字的需求就交 PRD需求文檔。它的作用是讓設計師、程序員、測試工程師可以看懂并把它們做出來的 “施工方案”。
而作為B端UI設計師就要在了解業務和獲得這些需求后,才能明白我們后面應該完成哪些工作,輸出什么樣的界面內容。
 
B端設計的前期分析要求
在項目中B端設計師的工作可以分成三個步驟,即:
 
前期準備要做的事情很多,包括參與立項的各種會議,接收各種信息和要求。但占據我們最多精力的工作,就是展開對項目設計的 —— 前期分析,這也是很多同學在作品集包裝中看到的大段分析文本的來源。
 
每個項目前期的分析內容都有差異,但我們大體可以總結成以下幾個模塊:
  1.  
    項目分析
  2.  
    業務分析
  3.  
    產品分析
  4.  
    體驗分析
  5.  
    設計分析
 
項目分析就是了解整個項目背景的過程,比如這個企業的背景、提供的服務、業務的內容等等,最重要的目標就是 ——
明確項目目標
,即項目要實現什么成果的預期。在這個渡輪項目中,項目的目標可以總結成提高顧客預定的效率和體驗,同時降低人工審核處理的工作量。
了解這些信息是最起碼的要求,假設你不了解這些項目的信息,直接開始跟著產品原型畫圖肯定是非常迷茫的。就像一個士兵被分了把槍到前線接收指令,你并不知道自己為何而站,為什么要占領前面那些陌生的高地。
業務分析則是了解項目具體面向業務的具體流程、規則、邏輯。渡輪的預定業務邏輯我們上篇已經探討過了,很容易理解。但我們的項目是對原先業務流程的優化,這就意味著業務端必然會發生一定的改變,我們就要清楚這個改變的原因,舊業務的模式和缺陷,以及新業務的形態和優勢。
 

image.png

這些信息主要從產品經理那里了解,或者他在特定的會議中會提供,就看你有沒有認真聽了。即使沒說也可以主動提問,這個問題并不復雜。
再接著就是產品分析,這個分析是理解產品經理規劃的產品是什么樣的,即通過查看原型和文檔來理解他的意圖。雖然只是看,但理解起來并不會太輕松,越復雜的項目理解起來成本越高,所以我們也稱這個過程是一個分析過程。
如果不能理解這個邏輯,就可以找一本相機說明指南仔細閱讀,即使這本指南寫的事無巨細,你要徹底搞懂它有哪些產品功能和對應操作邏輯,也要花費大量的精力和時間。

image.png

再下一步,就是體驗分析部分,而這里要我們發揮主觀能動性的部分就多了。通常,體驗分析的目標,就是在產品需求確定后去找到有哪些可以提升體驗的地方,確保最終設計的成果能讓用戶感覺體驗更好。
要實現這個目標就要盡可能了解用戶,即 ——
用戶調研
。因為體驗是基于用戶產生的,只有足夠了解用戶你才知道怎么面向他們做什么。雖然用戶調研的方式多種多樣,但在B端領域中用研卻很簡單,因為我們更容易直接和系統的操作員(不是用戶端消費者)溝通,了解他們的訴求。
然后根據他們的訴求,來推導產品應該怎么設計、怎么優化更能滿足他們的訴求,技術處體驗方案。這個過程可以講的內容有很多,篇幅關系不在這里展開,了解體驗分析對B端項目來說是非必須的,大致理解概念即可。
最后就是設計分析,即根據前面的獲取的信息,思考接下來的設計應該完成哪些工作,以及交付什么樣的結果。用更直白的話說,就是足夠了解自己的工作目標和任務。
因為產品需求不會清晰的寫著設計師要完成多少個頁面,畫多少個圖標,制作多少動效,如何和程序員協作等,所以我們要自己對 “確定要做” 的和 “可能會做” 的事情進行分析,才能確定工作量。
 
以上就是前期準備中要分析的內容,根據項目的大小會花費不同的精力和時間,但不會太多。它們遠沒有大家想象中復雜,準備做的越多,后續設計的效率也就越高,過稿率也會更高。
 
B端設計的實踐與交付
前面完成分析工作以后,下一步就可以展開設計相關的工作了。而正常設計流程絕不是打開Figma 創建第一個畫布開始一次性畫完所有內容就結束了,而是要分為不同階段,逐步完成不同內容的設計。
我們可以簡單分為下面幾類設計對象:
 
首先是交互設計,交互是B端最重要的設計對象,決定產品界面的布局和操作方式。很多新人以為交互是產品經理完成的,但實際上他們制作的產品原型只包含了少量的交互信息或是完全沒有。
所以設計師需要去填補交互信息,即產品怎么使用的規則。如果項目簡單,比如我們這次設計的預定系統,因為操作和交互很少,是可以先把設計做完以后再考慮交互的問題。但如果項目很復雜,就肯定要提前通過原型的方式把交互先確定下來,再完成后續的界面視覺設計。
為什么要做交互設計,我們假設房間的退款流程非常復雜,要經過人工操作和審批還有檢查等十幾個流程才能完成退款,中間有非常多的操作。如果我們不先做交互直接做頁面,很可能會因為各種錯誤、意見要重做,這會造成巨大的時間浪費。在項目中先完成交互的最大貢獻就在提高效率,而不是增加額外的工作量。
 
確定了功能、布局、交互以后,完成界面就變得輕松了也容易理解,而主要的難點就是你想做出什么風格的界面,就是設計師自己發揮和探索的部分了。
 
對于小型項目來說,完成界面的設計基本就可以進入后續的交付工作了。但如果是規模較大的項目,就需要再設計過程中制定 ——
項目設計規范
,來確保多人協作或未來迭代時設計的一致性和效率。
而B端項目設計規范主要包含三個部分內容,即 ——
布局規范、樣式規范、組件庫
布局規范是B端界面框架、全局組件、響應式規則、柵格參數的標準,這些內容決定了項目的整體布局和框架的一致性。
 
樣式規范則是UI元素上使用的樣式參數標準,比如色彩、字體、字號、圓角、投影等。在Figma中提供的Style樣式功能,就是解決樣式規范應用的重要工具之一。
 
組件庫是將設計好的UI元素進行統一整理的地方,因為B端不同B端界面中有大量重復應用的設計元素,所以我們會這些元素進行匯總,存放到固定的位置方便后面復用,而不用每次都重新設計一遍。
Figma提供的Component,就是幫助我們將組件進行存儲并復用的功能,通過它可以很快的完成對同一個組件的匯總、編輯、復用。
 
設計的最后一個部分,就是動效設計了。但在B端中,這部分的設計需求其實非常少,比如我們本次項目的界面就很簡單,完全不需要畫蛇添足去添加動效。只有在完成界面設計后確實需要制作動效演示的地方,設計師才會去制作相關的動效演示。
所有設計完成且通過團隊的評審以后,那最后的工作,就是協助程序員交付你的設計了。而交付部分包含 ——
標注切圖和設計走查
兩個步驟。
標注切圖就是提供項目的標注文件,讓程序員可以看到設計的具體參數和說明,比如字號大小、間距、色號等等,他們需要根據這些信息完成對頁面開發的參數設置。切圖則是提供圖標、圖片、LOGO等無法用代碼實現出來的視覺元素,它們需要將這些圖形置入到前端項目文件內,才能在頁面中正常顯示。
標注和切圖的實現方式有很多種,今天最主流的方法有兩種,一種是直接使用 Figma的團隊協作完成,另一種是上傳藍湖這類專屬的標注、切圖工具。

image.png

最后的設計走查,是前端工程師在完成前端頁面開發以后,設計師去檢查軟件界面的 “還原度”。前端界面開發類似室內裝修的施工,即使有詳細的圖紙最后的施工結果也可能想去甚遠。
所以作為最熟悉設計稿的角色,設計師就需要去檢查開發出來的結果存在哪些問題,并通過特定工具來提交這些錯誤并監督程序員完成對它們的修復,讓前端實現的界面和設計稿盡可能一致。
在B端項目中,往往留給設計走查的時間很少,所以最終上線效果大多和設計稿的差距極大。而專業B端設計師就要依靠自己的經驗,盡可能在整個項目的開展過程中避免兩者的差距過大,這就是另一個話題了。
完成以上這些步驟以后,我們在本次項目的設計工作就基本結束,最終就是等待項目被開發完成并最終上線了。



作者:酸梅干超人
鏈接:https://www.zcool.com.cn/article/ZMTY4MDUwMA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

B 端設計師為何要懂技術?該懂哪些技術?

鶴鶴 設計管理與成長

對于 B 端設計師來說,“懂技術” 并非意味著要掌握編程、親自寫代碼,而是要從框架層面理解特定技術的原理、運行邏輯,以及落地實現的相關限制。這從來不是 UI 設計師的專屬要求,而是整個設計行業的通用專業準則 —— 設計的核心本就是解決方案的策劃,任何設計最終都要通過具體的實施環節落地。就像平面設計要適配印刷標準、工業設計需契合制造工藝、室內設計要銜接施工規范,脫離落地標準的設計,終究只會變成無法落地的 “飛機稿”。蘭亭妙微深耕 UI 設計與開發領域,團隊設計師始終保持持續學習、穩步成長的狀態,在 B 端UI設計上積累了豐富實踐,相關作品案例可在我們的官方網站查看。

image.png

 
作為專業的 UI 設計師,了解技術是輸出有效設計方案的核心前提。若忽視技術限制,設計稿極易因無法實現被駁回,嚴重拖慢項目推進效率。除此之外,對技術的認知還能幫助設計師更深度地思考設計與項目的關聯,精準預判方案實現難度,優化與前端的交付對接方式。設計師與前端工程師的溝通矛盾,很大一部分根源就在于設計師對技術的不了解,輸出的方案要么無法實現,要么實現成本極高,如同產品經理要求設計 “五彩斑斕的黑” 一般,忽視了對方的專業限制。懂技術與不懂技術的設計師,在項目推進效率上差距顯著,這也是懂技術的設計師更具職業競爭力、更受行業認可的關鍵原因。
 
而對于 B 端設計師,懂技術還有著更為特殊且重要的意義:B 端領域中,有大量產品是面向技術領域提供服務的。常規 B 端服務面向無技術背景的商業用戶,如倉庫管理員用 ERP 查庫存、職員用 OA 提交工單;但面向技術領域的 B 端產品,主要服務于企業開發環節,需程序員操作以提效降本,比如云服務供應商的產品,只有具備專業技術知識的程序員才能熟練使用。
 
云服務只是其中一個方向,區塊鏈、數據大屏等領域的 B 端產品也均是如此,即便操作使用者是程序員,其界面設計仍需專業設計師完成。只有具備一定技術知識積累的設計師,才能精準理解這類產品的需求,而非單純跟著產品原型畫圖、對設計內容一無所知。尤其近年 AI 技術快速崛起,AI 相關 B 端服務數量大幅增長,這類產品依托技術搭建,需要用戶完成特定配置才能實現服務,若設計師不了解 AI 及基礎技術原理,根本無法開展有效設計。如今行業新增的 “B 端 AI 設計師”,并非指用 AI 生成設計,而是指專門設計 AI 類產品、且具備一定 AI 技術認知的設計師。可見,懂技術不僅是 B 端設計師完成日常工作的基本要求,更是拓展職業邊界、抓住行業新機遇的重要助力。
 

image.png

一、B 端設計師該懂哪些技術?

 
明確懂技術的重要性后,設計師需要掌握的技術知識,并非零散的編程技巧,而是能搭建起技術認知框架的核心方向,具體可總結為五類:
 
  1. 前端界面的實現邏輯
  2. 后端的功能框架和服務
  3. 前后端聯調的過程
  4. 產品的部署和運維
  5. AI 的生成和處理流程
 
接下來將對每個方向的核心概念、學習價值及入門方法做簡單解析,幫助設計師快速建立基礎認知。

image.png

 

二、各技術方向核心解析與學習建議

 

(一)前端界面的實現邏輯

 
這是與 UI 設計師關聯最緊密、距離最近的技術內容,指前端實現界面樣式、交互與動畫的底層邏輯,這里的前端是廣義概念,涵蓋網頁、iOS、Android、小程序、桌面端等所有系統的用戶界面。
 
不同系統的開發語言雖有差異,但實現前端界面的核心邏輯大體一致,因此設計師只需吃透其中一種,便可觸類旁通。對 B 端設計師而言,網頁前端是最佳學習對象:一方面,B 端工作中接觸最多的就是網頁項目;另一方面,網頁前端是所有前端類型中最簡單、最易上手的。
image.png
 
網頁前端的核心由 HTML、CSS、JS 三種語言構成:HTML 和 CSS 是搭建網頁框架、定義樣式的標記語言,JS 則用于實現邏輯運算與交互處理。對設計師來說,重點系統學習并動手實操HTML 和 CSS即可 —— 從程序員的視角,二者并非真正的編程語言,只是標記和樣式語言,學習門檻極低,實操卻能帶來極大價值:既能深度理解界面的實現過程,搞清楚為何相同參數下,開發效果與設計稿會存在偏差;也能快速建立正確的前端認知,明白樣式與邏輯是前端工作的兩個獨立部分,實現界面效果只是前端工作的一小部分。

image.png

image.png

(二)后端的功能框架和服務

 
這一方向要求設計師建立對服務器層面的認知,了解產品的運行機制,以及后端程序員的核心工作內容。這對設計師理解界面中復雜的字段、數據邏輯至關重要,部分復雜的 B 端交互設計,更是需要基于對后端服務和數據的理解才能完成。
 
設計師可從 B 端服務的框架圖切入學習,B 端的 SaaS、PaaS、IaaS 類服務,均是對后端技術架構拆解后形成的產物。若遇到陌生專業名詞,可借助 GPT 工具快速查詢解析。同時需重點理解:后端代碼的存儲位置、運行方式,以及代碼與數據庫之間的關聯邏輯,這是理解后端工作的核心基礎。

image.png

(三)前后端聯調的過程

 
前后端聯調,即讓前端程序與后端程序建立連接、實現數據傳輸的過程。前端與后端程序是運行在不同硬件上的獨立程序,默認無任何關聯,需要開發人員通過技術手段為其搭建溝通橋梁,這就像將主機與顯示器、鼠標、鍵盤連接,才能形成一個可正常運作的整體。
 
聯調的核心概念是API 接口,這是前后端程序連接的關鍵節點,如同主機后側的各類插口 ——3.5mm 圓形插口、USB 插口、Type-C 插口,不同插口對應不同的 API,只有搭配適配的 “接頭”,才能實現數據通信。
 
API 是項目中的核心技術點,產品經理、前后端工程師都會投入大量時間處理 API 文檔、推進 API 聯調,也是項目會議中的高頻討論內容,直接影響產品需求的落地。建議借助 GPT 工具對 API 進行深度解析掃盲,理解這一概念后,設計師便能聽懂項目會議中大部分開發術語,避免陷入認知盲區。

image.png

 

(四)產品的部署和運維

 
前端、后端、聯調知識,能支撐起一個基礎的互聯網產品,但隨著技術發展,后端架構愈發復雜,云服務平臺的產品與服務類型也隨之豐富,想要理解這些復雜的后端服務,設計師必須具備一定的運維知識
 
如今的后端崗位(不含算法)主要分為兩類:后端程序開發與運維。后端開發的核心是實現產品的各項功能,而運維的核心是搭建網絡運行環境,將開發好的代碼部署到服務器中,確保產品能正常、穩定運轉。若想理解二者的分工與價值,可參考相關的 DevOps 掃盲資料,建立基礎認知。
 
理解運維知識,不僅能讓設計師對互聯網產品的運行機制有全新認知,更能精準理解云服務、區塊鏈等技術類 B 端產品的服務本質,知道這類產品能解決哪些實際問題。若時間充裕,建議打開大型云服務平臺,查看其產品列表,對陌生的產品與服務名詞逐一查詢掃盲,快速積累行業知識。

image.png

 

(五)AI 的生成和處理流程

 
AI 技術的應用愈發廣泛,而幾乎所有 AI 應用都離不開 B 端界面的支持,緊跟時代發展,理解 AI 的生成與處理流程,是 B 端設計師的必備能力,尤其是對主攻 AI 類 B 端產品的設計師而言,這一知識更是核心剛需。
 
理解 AI 技術應用,首先要區分 AI 大模型的種類與應用方向,從外行視角,可將大模型簡單分為四類:
 
  1. 計算機視覺模型:對圖像進行生成、檢測、分類,文生圖是最常見的應用;
  2. 自然語言處理模型:對文字進行分析并返回文字結果,ChatGPT 是典型代表;
  3. 語音處理模型:實現語音識別、合成、輸出,如短視頻的合成人聲;
  4. 多模態模型:處理圖文、音視頻等多種混合數據,應用于圖文檢索、視頻總結等場景。image.pngimage.png
 
AI 大模型是各類 AI 應用的內核,能幫助我們完成復雜的信息處理與數據返回,省去大量開發環節,設計師可借助這一機制,將 AI 融入設計與產品工作流。比如電商新品發布,可搭建 AI 工作流:輸入產品攝影圖、標題、基礎介紹,讓 AI 優化生成封面圖、商品展示圖,適配不同平臺生成標題,甚至擴寫產品介紹、給出介紹圖的生成與排版建議。
 
這類 AI 工作流的處理邏輯,可通過 COZE 等平臺學習嘗試,查看官方說明文檔便能快速上手,能直觀感受到 AI 在 B 端產品中的實際應用方式。理解 AI 的技術邏輯,不僅能讓設計師精準把握 AI 產品的設計要點,更能清晰認識 AI 的優勢與能力邊界,避免陷入 “AI 威脅論”,抓住 AI 時代的職業發展機遇。
 

三、結語

 
對 B 端設計師而言,“懂技術” 的核心是建立技術認知框架,而非掌握某一門編程語言。以上五大方向,是從零開始理解技術的核心切入點,雖然實際項目中的技術細節遠不止于此,但只要吃透這些基礎內容,便能形成完整的技術認知體系,后續遇到新的技術概念、產品類型,都能做到觸類旁通。
 
掌握這些技術知識,不僅能讓設計師輸出更具落地性的設計方案,提升項目推進效率,更能精準理解各類 B 端產品的需求本質,拓展職業邊界,在云服務、AI、區塊鏈等新興領域找到新的職業機遇,成為更具核心競爭力的專業設計師。

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

商家后臺 AI 功能體驗升級:以統一認知賦能商家高效經營

鶴鶴 B端ui設計文章及欣賞

一、項目背景與核心目標

 
隨著 AI 技術深度融入電商經營全流程,百度優選商家后臺已實現 AI 能力在商品創建、經營管理、客服接待等核心場景的全面覆蓋。但商家在使用過程中普遍面臨 “不會用、不敢信” 的體驗難題,經深度拆解經營痛點發現,交互模式不統一、視覺表達混亂是核心誘因,直接抬高了商家對 AI 工具的認知與使用成本。
 
為此,我們以 **“統一 AI 認知,提升商家經營效率”為核心目標,啟動 AI 功能體驗升級工作。團隊立足行業主流的嵌入式、對話式、伴隨式三大 AI 交互形態,結合 B 端商家后臺的操作習慣展開審慎選型與創新設計:舍棄更適用于自然語言指令推進生產、以沉浸問答為主的對話式交互;同時針對客服、直播互動等需規模化、自動化運行的場景,創新提出“托管式”** 交互范式,適配低人工介入的服務需求。并同步搭建統一的 AI 視覺語言體系,最終打造出一套商家可統一理解、輕松調用、深度信任的智能體驗解決方案,全方位助力商家降本提效。

image.png

 

二、三大交互范式的場景化落地應用

 

2.1 嵌入式交互:復雜表單的靈活填寫助手

 
嵌入式交互的核心是讓 AI 生成結果緊鄰用戶操作場景,實現輕量便捷的交互體驗,核心適配復雜表單填寫類場景,以商品創建環節為典型代表 —— 該環節字段繁多、手動填寫耗時久,且易因填寫不規范被審核駁回,嚴重拉長發品周期。針對這一問題,我們根據字段特征與 AI 能力類型,設計了兩種差異化交互流程:
 
  1. 填充識別類:針對規則明確、AI 可通過識別提取關鍵信息輸出穩定答案的字段(如商品屬性),采用系統自動填入模式,搭配 “AI 預填” 標簽提示狀態。例如 AI 可從商家上傳的商品包裝圖中識別 “風干”“盒裝” 等信息,自動填入食品工藝、包裝方式模塊,同時提示商家檢查確認,以自動化替代手動錄入,最大化縮短填寫時間。
  2. 推薦優化類:針對需依托 AI 優化素材、提升購買吸引力的內容(如商品主圖、標題),因存在 AI 創作內容不符商家預期的可能,采用 “主動提供結果但不預先填入” 的模式,支持商家對 AI 結果進行調優,待符合預期后再手動錄入。靈活的交互設計既滿足不同商家的個性化需求,也有效降低人工審核時長。
 
該模式上線后成效顯著,商家平均發品時長縮短 8 分鐘,發品成功率提升 0.7%,模塊滿意度提升 25%,實現了既定流程內的效率突破。

image.png

 

2.2 伴隨式交互:全場景的主動診斷助手

 
針對商家多線程經營時需頻繁跳轉各模塊、需自主發現經營問題的痛點,我們打造了深度融入經營動線的伴隨式交互方案,聚焦 **“主動觸達、連續洞察”** 兩大核心,讓 AI 助手跳出常規對話機器人的被動響應模式,轉變為結合工作流前后場景、提供落地行動指引的經營輔助工具。
 
  1. 主動觸達:AI 助手入口設計 “流光呼吸感” 動效,搭配輪播詞條實時推送與當前任務相關的關鍵信息(如 “今日店鋪訪問量增長 20%”),實現輕量視覺吸引;當商家停留于具體任務頁面時,助手可基于頁面內容與業務邏輯,主動識別潛在問題并推送輕量提醒(如 “商品主圖尺寸可能影響點擊率”),在商家未發起提問前即主動觸發服務。image.png
  2. 連續洞察:AI 助手在輸出建議或數據時,會附帶清晰的思考過程與來源摘要,實現 “可解釋的 AI”,打消商家疑慮;同時能基于當前對話主動預判后續需求,智能推薦下一步操作(如 “進一步分析體驗分下降的原因”),將單點查詢轉化為系統性的經營問題排查與解決鏈路,大幅降低商家獲取完整決策依據的綜合成本。image.png
 
通過以上設計,AI 工具從單純的被動響應工具,升級為能主動賦能的經營伙伴。
 

2.3 托管式交互:隱式服務的安心管家

 
相較于嵌入式、伴隨式交互需商家實時參與、無法解放人力的特點,托管式交互通過 **“預先配置規則,系統自動執行”** 實現最高程度的自動化,核心適配客服接待等需規模化服務的場景。針對商家對 AI 自動化 “黑盒操作回復” 的不信任,以及人工無法實現 24 小時不間斷接待、難以覆蓋海量咨詢需求的問題,我們設計了 “預先配置 + 人機接力” 的托管式交互方案,讓 AI 成為可自主運行的安心服務管家。
 
  1. 可視化配置,構建信任基礎:為消除商家對 AI “黑盒操作” 的疑慮,將抽象的 AI 能力轉化為可預判的具體結果,我們提供直觀的策略配置面板與 C 端頁面預覽圖,商家可針對售前咨詢(商品咨詢、催促下單等)、售后維護(退款申請等)不同場景設置回復規則,并實時查看 AI 執行的示意效果。“配置即所見” 的設計讓 AI 能力變得具體可感知,讓商家從配置起點建立對自動化系統的可控感。

     

    image.png

  2. 明確狀態標識,實現流暢人機接力:為保障人機協同的順暢性,界面中對接待狀態進行全方位清晰標識:全局接待狀態置頂實時更新、會話列表按狀態動態分組、單人接待狀態(接待中 / 暫停接待)強化并自動同步。當 AI 無法解答復雜訴求、用戶負面情緒等問題時,會話將自動流轉至 “待人工回復” 分組,通過動態高亮 + 聲音預警提醒人工快速接管;人工回復后,AI 將自動暫停并更新接待狀態,同時生成會話摘要,幫助工作人員快速了解溝通前因后果,將決策焦點從 “梳理問題” 轉向 “解決問題”。此外,客服可主動設置 “恢復托管”,AI 也會在識別新會話時自動恢復接待,形成閉環的人機協同機制。image.png
 
在買家視角,該設計也實現了服務主體的明確化:AI 接待時清晰標識消息主體,人工接管后實時告知買家,保障消費者的服務體驗連貫可靠。該模式上線后,咨詢響應時長縮短 15.8%,商家滿意度提升 14%,買家滿意度同步提升 7.4%,成功實現 7×24 小時規模化服務覆蓋與服務質量的雙重提升。
 

三、構建全鏈路智能化感知體系

 
在三大交互范式的基礎上,我們搭建了一套貫穿產品全鏈路的智能視覺語言體系,沉淀為具有 AI 特色的感知系統,全方位優化 B 端設計體驗、提升操作效率。
 
在視覺設計層面,我們繼承百度 APP 的 AI 標識與色彩體系,延續用戶對 “百度 AI” 專業、可信賴的固有認知,有效降低商家的理解與學習成本。針對 B 端界面信息密集,需兼顧操作效率與視覺清晰度的特點,在百度 APP 高飽和智能感知色彩體系的基礎上,結合現有產品組件降低色彩飽和度,實現視覺降噪,打造出適配 B 端操作場景的淺色系列組件。
 
為彌補淺色體系下 AI 視覺感知弱化的問題,我們引入狀態動效、聲音提醒等多維反饋機制,通過感官協同讓商家在復雜界面中,也能清晰、即時地感知 AI 運行狀態(如 AI 智能接待中的掃光動畫),保障信息傳達的效率與可靠性。

image.png

image.png

四、設計核心與價值沉淀

 
本次百度優選商家后臺 AI 體驗升級,始終以 **“以商家提效為中心”** 為設計核心,通過 “場景篩選適配 + 交互形態創新”,落地嵌入式、伴隨式、托管式三大交互范式,精準破解商品創建、多線程經營、客服接待等核心場景的使用痛點;同時構建 “視覺 + 多感” 的智能化感知體系,從根本上解決商家 “不會用、不敢信” 的體驗困境。
 
從業務價值來看,本次升級實現了發品效率、經營問題解決率、服務滿意度的全方位提升;從設計價值來看,項目沉淀的 **“場景 - 范式 - 視覺”** 設計方法論與標準化組件資產,為直播帶貨、智能投放等更多電商場景的 AI 賦能提供了可復用的落地模板。
 
未來,我們將持續圍繞商家實際經營需求迭代優化產品,推動 AI 技術深度融入電商經營全鏈路,以設計驅動產品長效升級,助力商家實現降本提效,為百度優選商家生態的高質量發展注入持續動力。
本文為轉載
 

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

用戶思維之旅,引領設計未來(上)

清陽 交互設計及用戶體驗

正文

 

用戶思維在現代設計中扮演著關鍵角色,經歷了多個發展階段。從簡單的顧客是上帝到如今的以用戶為中心,我們見證了用戶思維的不斷演進。本章將深入探討用戶思維的發展史、認知方式和實際應用方法,為設計團隊提供全面的視角,引領我們更好地理解和滿足用戶需求。

 

 

 

目錄

 

一:用戶思維的發展簡史

1.1 用戶思維的四個階段和四種關系

1.2 明確的廢話:以用戶為中心的四個新認知

1.3 用戶思維4.0中洞察用戶的三大方法

* 1.3.1 生活任務:識別關鍵用戶需求

* 1.3.2 站對立場:借助用戶視角拓展認知

* 1.3.3 親身體驗:通過直接參與了解用戶感受

1.4 用戶思維4.0中尋找市場機會的六個思維

* 1.4.1 痛點:定位用戶問題與痛苦

* 1.4.2 癢點:發現用戶需求的潛在欲望

* 1.4.3 爽點:創造愉悅體驗的關鍵

* 1.4.4 欣喜:提供令人愉悅的驚喜

* 1.4.5 燃點:激發用戶情感共鳴

* 1.4.6 驚喜:超越期望引發驚奇

1.5 如何以用戶思維4.0甄選人群

* 1.5.1 找到愛你的人:建立真摯連接的關鍵

* 1.5.2 與用戶共創產品:釋放創新的洪荒之力

 

二:用戶思維的發展篇

2.1 用戶思維初局:產品時代顧客是上帝

2.2 用戶思維2.0:營銷時代顧客需求至上

2.3 用戶思維3.0:品牌時代消費者是老板

2.4 用戶思維4.0:體驗&數字時代以用戶為中心

 

三:用戶思維的認知篇

3.1 明確的廢話:以用戶為中心的四個認知

3.2 明確1:首先,是用戶而非消費者

3.3 明確2:由以產品為中心到以用戶為中心

3.4 明確3:要站在用戶的立場著想,而不是滿足用戶需求

3.5 明確4:用戶是伙伴:「1+1=11」

 

四:用戶思維的方法篇

4.1 用戶洞察三大方法:三位大神手把手教你如何市場調研&洞察用戶

4.2 用戶洞察方法1:完成生活中的任務

4.3 用戶洞察方法2:站在用戶的立場思考

4.4 用戶洞察的方法3:親身體驗

 

 

一:用戶思維的發展簡史

 

用戶思維的發展可以追溯到最初的「顧客是上帝」時代,這一階段強調顧客至上,產品設計主要圍繞滿足用戶需求展開。隨著市場的不斷變化,用戶思維進入「以用戶為中心」的2.0時代,強調更深入地理解用戶,而不僅僅是滿足需求。隨著數字化和體驗設計的興起,用戶思維進入3.0時代,強調用戶體驗和品牌建設,消費者逐漸演變為老板。最近的4.0時代將焦點放在「以用戶為中心」,強調用戶參與和共創,要求設計團隊更加敏銳地捕捉市場機會,創造符合用戶期待的全方位體驗。這個發展歷程表明用戶思維的不斷演變,從簡單的滿足需求到深度參與,塑造了現代設計的基石。

 

image.png

 

 

1.1 用戶思維的四個階段和四種關系

用戶思維的演進經歷了四個關鍵階段,每個階段都構建了不同類型的用戶與產品之間的關系。

 

1.1.1用戶思維的四個階段:

產品時代(用戶思維初局):這個階段的核心理念是顧客是上帝,關注點主要集中在產品本身,追求滿足用戶的基本需求,建立了最初的用戶關系。

 

營銷時代(用戶思維2.0): 隨著市場的競爭加劇,設計開始注重顧客需求至上,關系逐漸從簡單的產品使用者轉變為更加深入的需求滿足者,用戶在購買決策中扮演著更為積極的角色。

 

品牌時代(用戶思維3.0): 進入品牌時代,關系邁向了更復雜的層次,強調消費者是老板。用戶開始對品牌和產品有更高的期望,品牌形象成為塑造用戶關系的重要因素。

 

體驗&數字時代(用戶思維4.0): 最新的階段強調以用戶為中心,用戶參與的程度達到巔峰。產品設計不僅滿足需求,更注重用戶體驗和數字化的創新,構建了更為互動和共創的用戶關系。

 

1.1.2 用戶思維的四種關系:

顧客是上帝的關系: 在產品時代,用戶關系主要建立在滿足基本需求的層面,用戶被視為上帝,產品服務于他們的基本期望。

 

顧客需求至上的關系: 隨著市場的發展,用戶關系更加關注滿足用戶個性化的需求,設計轉向了更為細致的用戶體驗,強調用戶需求的個性化。

 

消費者是老板的關系: 進入品牌時代,用戶與產品的關系變得更加復雜,用戶期待品牌給予他們更多的權利和特殊體驗,消費者在關系中扮演著更加主動的角色。

 

以用戶為中心的關系: 在當前的體驗&數字時代,用戶關系進一步發展為更為互動和共創的模式。設計不僅僅關注滿足需求,更注重用戶參與,共同創造出更為富有創意和個性化的產品體驗。

 

image.png

 

 

1.2 明確的廢話:「以用戶為中心」的四個新認知

在「以用戶為中心」的設計理念中,涌現出了四個新認知,這些認知不僅僅是理論框架,更是設計團隊在實踐中的指南,引領著設計思維的演變。

 

1. 明確1:首先,是「用戶」而非「消費者」 在過去的設計中,我們常常將用戶僅僅看作是購買者或消費者,而「以用戶為中心」強調的是更全面、更深入的理解用戶。這一認知使我們更關注用戶的整體生活,而非僅僅是與產品相關的方面,從而打破了以往狹隘的認知模式。

 

2. 明確2:由「以產品為中心」到「以用戶為中心」 傳統設計往往以產品為核心,設計師關注的焦點是產品的功能和外觀。而「以用戶為中心」的認知將焦點轉向了用戶的需求和體驗,設計變得更貼近用戶的真實生活場景,強調實際使用中的便捷性和愉悅感。

 

3. 明確3:要「站在用戶的立場著想」,而不是「滿足用戶需求」 這一認知挑戰了以往滿足用戶需求的思維模式。不僅要了解用戶的需求,更要站在用戶的視角,深入理解他們的痛點和欲望。通過這種方式,設計可以更好地貼合用戶的實際體驗,而不僅僅是單純地提供功能。

 

4. 明確4:用戶是伙伴:「1+1=11」 「以用戶為中心」的設計理念將用戶視為產品設計的伙伴,強調用戶參與的重要性。這不僅是在產品的使用中,更是在產品的設計過程中,通過用戶的參與,設計團隊能夠獲得更為豐富的創意和反饋,實現「1+1=11」的效果,將用戶的力量與設計團隊的智慧相結合,創造出更為卓越的產品體驗。

 

image.png

 

 

1.3 用戶思維4.0中洞察用戶的三大方法:

1.3.1 生活任務:

識別關鍵用戶需求 通過關注用戶在日常生活中的任務和活動,我們能夠識別出關鍵的用戶需求。這一方法強調的是在真實場景中觀察和了解用戶所面臨的問題,從而挖掘出更為深刻的需求。通過解析用戶的生活任務,設計團隊能夠更準確地定位產品在用戶生活中的角色,提供更精準的解決方案。

 

1.3.2 站對立場:

借助用戶視角拓展認知 這一方法要求設計團隊要能夠站在用戶的立場,深入理解他們的觀點和需求。通過模擬用戶的思考方式,設計團隊能夠更好地拓展自己的認知邊界,避免以設計者的角度狹隘地看待問題。這種方法促使設計團隊更好地理解用戶的期望和挑戰,為創新提供更多可能性。

 

1.3.3 親身體驗:

通過直接參與了解用戶感受 最直接的了解用戶的方式是親身體驗。通過設計團隊成員親自參與用戶使用產品的過程,能夠更深刻地感受用戶的需求和體驗。這一方法不僅提供了實際的用戶反饋,還能夠從設計者的角度直觀地感知用戶的情感和體驗,為產品的優化提供實質性的依據。 通過這三大方法,用戶思維4.0倡導設計團隊更深度地了解和洞察用戶,以確保產品能夠更貼近用戶的實際需求和期望。

 

image.png

 

 

1.4 用戶思維4.0中尋找市場機會的六個思維:

1.4.1 痛點

定位用戶問題與痛苦 在用戶思維4.0中,關注用戶的痛點是尋找市場機會的首要步驟。定位用戶問題與痛苦有助于設計團隊深入了解用戶需求,為其提供真正有價值的解決方案。

 

痛點思維要求設計團隊積極與用戶互動,通過深入調研和用戶反饋,發現用戶在日常生活中所面臨的真實問題和痛苦。這可能是由于現有產品的不足、服務的不便或其他障礙造成的,需要我們通過創新的設計來緩解或解決。

 

通過定位用戶的痛點,設計團隊能夠更精準地把握用戶需求的關鍵點,為產品提供有針對性的改進。這一過程不僅有助于解決用戶的實際問題,還能增強產品的競爭力,確保其在市場中具有更強的吸引力。通過關注用戶問題與痛苦,我們能夠建立起更緊密、更有同理心的用戶關系,為設計的創新奠定堅實基礎。

 

1.4.2 癢點

發現用戶需求的潛在欲望 在用戶思維4.0的理念中,癢點思維強調的是挖掘用戶的潛在欲望和期望,超越基本需求的滿足,為設計團隊提供了尋找市場機會的創新思路。

 

癢點即用戶潛在的、可能未被察覺的需求和欲望。通過深入了解用戶的行為、心理和文化背景,設計團隊能夠發現用戶在某些方面可能并未明確表達的渴望。這種思維方式追求的是在產品中創造令人愉悅的附加價值,使用戶在使用產品時感到更多的驚喜和滿足。

 

癢點思維要求設計團隊具備敏銳的觀察力和深厚的洞察力,通過用戶研究、市場調查和創意工作坊等方式,挖掘用戶在生活中可能潛在的、未被滿足的欲望。這種創新思維不僅有助于產品的差異化競爭,更能提高用戶對產品的黏性,建立更為深層次的用戶忠誠度。 通過發現用戶的癢點,設計團隊能夠為產品注入更多情感價值,使其在市場中更具吸引力,實現用戶與產品之間更為深刻的情感連接。

 

1.4.3 爽點

創造愉悅體驗的關鍵 在用戶思維4.0中,爽點思維強調的是創造愉悅體驗的關鍵,使用戶在使用產品時感到愉悅和滿足。這一思維方式是尋找市場機會的關鍵元素之一。

 

爽點思維要求設計團隊將用戶體驗放在首要位置,通過提高產品的易用性、優化界面設計、提供流暢的操作流程等手段,創造令用戶感到愉悅的使用體驗。這并不僅僅是在功能上的滿足,更是在情感層面上對用戶的關照。

 

通過深入了解用戶的情感需求,設計團隊能夠在產品中設置一系列的爽點,如有趣的動畫、愉悅的聲音、友好的互動等,使用戶在使用產品時感到輕松、舒適和愉悅。這種愉悅體驗不僅提高了用戶對產品的滿意度,更能夠增強用戶對品牌的好感,從而提高用戶忠誠度。

 

通過關注爽點,設計團隊能夠為產品賦予更為人性化和情感化的特質,使其在市場競爭中更具優勢,留下深刻的用戶印象。這是創造有溫度、更具人性關懷的產品所必不可少的一環。

 

1.4.4 欣喜

提供令人愉悅的驚喜 在用戶思維4.0的框架下,欣喜思維強調的是通過產品為用戶提供令人愉悅的驚喜,超越他們的期望,為產品體驗增添更多令人欣喜的元素。

 

欣喜思維要求設計團隊在產品設計中注入一些出乎用戶意料之外的元素,讓用戶在使用產品時能夠體驗到超越預期的愉悅。這不僅包括功能上的驚喜,更涉及到情感上的愉悅,使用戶在使用產品時感到愉快、興奮和滿足。

 

通過提供令人愉悅的驚喜,設計團隊可以建立更為積極的用戶情感連接,增強用戶對產品的好感度。這種正面的體驗不僅提高了用戶滿意度,還能夠在用戶心中留下深刻的印象,使產品在市場中更為突出。

 

欣喜思維的實踐包括但不限于獨特的用戶界面設計、出色的交互效果、有趣的功能設計等,目的是讓用戶在與產品互動時能夠感到愉悅的驚喜,為產品贏得更多的用戶喜愛。這是設計團隊在尋找市場機會時的一項重要策略,使產品在激烈的市場競爭中更具競爭力。

 

1.4.5 燃點

在用戶思維4.0的理念中,燃點思維強調通過產品設計激發用戶的情感共鳴,創造一種深厚的情感連接。這種連接不僅提高用戶滿意度,還加強了用戶對產品的情感投入和忠誠度。

 

燃點思維要求設計團隊在產品中注入具有情感共鳴力的元素,使用戶能夠在使用產品時與之建立更為深刻的情感聯系。這可能涉及到對用戶價值觀、情感體驗和個人經歷的深入理解,以便在產品中體現出與用戶共鳴的特質。

 

通過燃點思維,設計團隊可以運用引人深思的故事、情感化的設計元素或共同的價值觀,引發用戶內心深處的情感共鳴。這樣的設計不僅讓用戶感到產品與他們的生活息息相關,更能夠建立起一種持久的情感連接。

 

在激發用戶情感共鳴的過程中,設計團隊需要通過細致入微的用戶研究和深度理解用戶體驗,以確保產品中的燃點能夠真正觸動用戶的情感。這種共鳴不僅使產品更加有溫度和有趣,也為品牌贏得了用戶的深刻印象,進而提升了用戶對產品的情感認同度。

 

1.4.6 驚喜

超越期望引發驚奇 在用戶思維4.0的理念下,驚喜思維強調通過產品設計,超越用戶的期望,為用戶創造令人驚奇的體驗。這種思維方式不僅提高用戶對產品的滿意度,還為產品在市場競爭中贏得更多的關注和口碑。

 

驚喜思維要求設計團隊在產品中融入一些出人意料的元素,讓用戶在使用產品時能夠感受到超越預期的驚奇。這不僅包括功能上的驚喜,更涉及到設計上的創新,使產品在用戶體驗上能夠帶來獨特的視覺、感官或情感沖擊。

 

通過提供驚喜,設計團隊可以在用戶心中留下深刻的印象,使用戶對產品產生積極的情感體驗。這種積極的體驗不僅能夠激發用戶的好奇心,更有可能轉化為口碑傳播和用戶推薦,為產品的市場表現注入新的活力。

 

在實踐中,設計團隊需要深入了解目標用戶的期望和偏好,以確保產品中的驚喜元素能夠精準地觸及用戶的心理點。這種獨特而令人驚奇的設計不僅是尋找市場機會的策略之一,也是提升產品品牌形象和用戶認知度的有效手段。

 

image.png

 

 

1.5 如何以用戶思維4.0甄選人群

在用戶思維4.0的框架下,甄選目標人群是確保產品成功的關鍵步驟。以下是一些建議,幫助設計團隊以用戶思維4.0的方式甄選適合的人群。

 

1.5.1 找到愛你的人

建立真摯連接的關鍵 在以用戶思維4.0甄選人群中,找到愛你的人是建立真摯連接的關鍵。這不僅是一種市場定位策略,更是確保產品與用戶之間深度關系的核心步驟。

 

首先,深入了解產品的核心價值和獨特特質。了解產品解決了哪些關鍵問題,提供了哪些獨特的體驗,以及它在用戶日常生活中的實際應用。這為找到與產品核心價值產生共鳴的用戶奠定基礎。

 

其次,通過市場調研和用戶分析,識別那些對產品真正感興趣且有潛在需求的用戶群體。這可以通過觀察用戶的行為模式、社交媒體參與以及其他市場數據來實現。找到那些在產品中看到價值的用戶,而不僅僅是因為它的功能。

 

在這一過程中,設計團隊需要采用情感化的市場調研方法,了解用戶的喜好、情感需求和使用場景。這有助于建立更為深厚的用戶連接,使產品 能夠真正融入用戶的生活,而不僅僅是提供一種功能。

 

最終,建立真摯連接需要在用戶和產品之間構建一種共鳴。這可以通過強調產品的人性化特質,展示其與用戶共同的價值觀,并在營銷和品牌傳播中強調產品與用戶生活的契合之處來實現。通過建立這種真摯的連接,產品可以更好地滿足用戶的期望,提高用戶滿意度,并促使用戶成為產品的忠實支持者。

 

1.5.2 與用戶共創產品:釋放創新的洪荒之力

在以用戶思維4.0甄選人群的過程中,與用戶共創產品是釋放創新的關鍵步驟。這種合作不僅可以加深對用戶需求的理解,還能夠在產品設計中注入新穎的觀點和創意,為產品的成功打下堅實基礎。

 

首先,建立開放的溝通渠道,鼓勵用戶分享他們的體驗、見解和建議。通過用戶反饋、調查問卷、社交媒體互動等多種方式,收集用戶對產品的看法。這種雙向溝通有助于建立互信關系,使用戶感到他們的聲音被重視。

 

其次,組織創意工作坊、用戶體驗研討會等活動,直接邀請用戶參與產品設計的過程。在這些活動中,用戶可以提出他們對產品的期望、需求和改進建議。設計團隊可以通過與用戶的互動,深入了解他們的真實需求,同時也能夠啟發出一些創新的點子。

 

通過共創,不僅可以獲取用戶的專業知識和實際體驗,還能夠激發團隊內部的創新潛能。設計團隊可以將用戶提供的反饋融入產品設計中,確保產品更貼近用戶的實際使用場景,并提供更為個性化的解決方案。

 

最終,共創不僅是產品設計的過程,更是一種共同成長的機會。通過釋放用戶的創造力,設計團隊能夠不斷改進產品,提升用戶體驗,同時也為產品的不斷創新奠定了堅實基礎。這種共創的合作模式釋放了創新的洪荒之力,為產品的成功帶來了更多可能性。

 

 

 

二:用戶思維的發展篇

 

用戶思維在不同時代經歷了多個發展階段,每個階段都反映了社會和技術的變革,以及人們對產品和服務期望的演變。以下是用戶思維的四個發展階段:

 

image.png

 

 

2.1 用戶思維初局:產品時代「顧客是上帝」

在用戶思維的初級階段,也被稱為產品時代,企業的關注點主要集中在產品的生產和銷售上。這個時代的核心理念是“顧客是上帝”,強調滿足顧客的基本需求,提供高質量的產品和服務。企業在這個階段更注重產品的質量、可用性和生產效率,以確保顧客對其產品的滿意度。

 

在「顧客是上帝」的理念下,企業建立了一種以顧客為中心的文化,注重提供卓越的顧客體驗。此時,市場競爭相對較小,產品選擇有限,因此企業主要通過提高產品的品質和服務水平來吸引和保留顧客。這一時期的企業關系更為簡單直接,著眼點主要集中在生產端。

 

然而,隨著社會和科技的不斷發展,用戶的期望逐漸演變,引領了用戶思維的不斷升級。從產品時代的初局到如今的以用戶為中心的體驗&數字時代,用戶思維經歷了深刻的變革,塑造了當今設計和商業的格局。

 

image.png

 

 

2.2 用戶思維2.0:營銷時代「顧客需求至上」

隨著市場競爭的日益激烈,用戶思維進入了營銷時代,強調「顧客需求至上」。在這一時期,企業逐漸認識到僅僅提供高質量的產品已經不足以滿足多樣化的顧客需求。因此,企業開始更加注重市場營銷和品牌建設,將顧客的需求納入產品設計和營銷戰略的考量之中。

 

「顧客需求至上」的理念使企業更加敏銳地傾聽和了解顧客的需求,通過市場調研和消費者洞察來獲取更全面的信息。產品設計不再僅僅關注功能和質量,還包括了更為多元化和個性化的特點,以迎合不同顧客群體的需求。

 

此時,品牌形象開始在消費者心中占據重要地位。企業不僅要提供產品,還需要通過有效的品牌營銷傳遞價值觀和情感連接,建立與顧客之間更深層次的關系。營銷時代標志著企業更主動地接觸和影響顧客,使其對產品和品牌產生認同感。

 

在用戶思維2.0的階段,企業逐漸意識到滿足顧客需求的重要性,從而開啟了更加注重市場營銷、品牌建設和顧客關系的新篇章。這一時期的發展為后來用戶思維的演進奠定了基礎,為更加個性化、體驗化的用戶思維3.0時代鋪平了道路。

 

image.png

 

 

2.3 用戶思維3.0:品牌時代「消費者是老板」

用戶思維3.0標志著進入品牌時代,其中核心理念是「消費者是老板」。在這個階段,消費者不僅僅是購買產品的一方,更是對品牌產生影響力的重要角色。品牌時代強調消費者對品牌形象和產品體驗的直接參與,他們的需求和反饋開始更加直接地影響企業的決策和運營。

 

在品牌時代,企業需要更積極地與消費者互動,建立更加深入的關系。社交媒體和數字平臺的興起使得消費者能夠更容易地分享他們的體驗和意見,這對品牌形象產生了直接而深遠的影響。品牌不再是單向的傳遞,而是與消費者形成互動和對話。 品牌時代的特征之一是消費者的選擇權不斷增加,他們有更多的渠道來表達對產品的喜好和不滿。

 

品牌需要更加靈活和敏感,能夠隨時調整產品策略以滿足消費者的期望。這一時期品牌忠誠度逐漸建立在品牌與消費者之間的共鳴和互動上。

 

用戶思維3.0的崛起為企業提供了更多挑戰,也為品牌創造帶有人情味和社交性的形象提供了機會。這一時期的變革奠定了用戶思維4.0的基礎,即體驗&數字時代,強調以用戶為中心,追求更全面、個性化的用戶體驗。

 

image.png

 

 

2.4 用戶思維4.0:體驗&數字時代「以用戶為中心」

用戶思維4.0標志著進入體驗&數字時代,其核心理念是「以用戶為中心」。在這一時代,用戶不再僅僅是產品和服務的消費者,更是參與設計和創新的核心。企業不再僅僅追求滿足用戶需求,而是致力于提供卓越的用戶體驗,通過數字技術實現個性化和定制化服務。

 

在體驗&數字時代,用戶期望更為全面、個性化的體驗。數字技術的蓬勃發展使得企業能夠更好地了解用戶,通過數據分析和人工智能個性化推薦,為用戶提供更符合其需求和喜好的產品和服務。用戶參與產品設計的程度進一步提高,他們的反饋和意見被視為設計過程的重要組成部分。

 

互聯網和移動技術的普及使得用戶與品牌之間的互動更加即時和頻繁。社交媒體平臺成為用戶分享體驗和與品牌互動的主要渠道。品牌需要不斷創新,以保持用戶的關注和忠誠度。此時,用戶的感知和情感體驗對品牌的成功至關重要。

 

用戶思維4.0時代挑戰著企業要更加靈活和敏捷,緊跟科技和社會變革的步伐。強調以用戶為中心的理念使得企業在設計和創新過程中不斷優化用戶體驗,實現更為深入的用戶參與和品牌共鳴。這一時代標志著用戶思維的成熟和深化,為設計和商業帶來了全新的可能性。

轉載:黑馬青年

 

 

 

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

用戶思維之旅,引領設計未來(下)

清陽 交互設計及用戶體驗

三、用戶思維的認知篇

 

明確的廢話:「以用戶為中心」的四個認知。在用戶思維的認知篇中,明確的廢話強調了設計和交互中的核心原則,確保設計團隊深刻理解并踐行「以用戶為中心」的理念。以下是四個關鍵認知:

 

image.png

 

 

明確1:首先,是「用戶」而非「消費者」

這一認知原則強調將用戶看作更廣泛參與產品和服務的主體,而非僅僅限定為消費者。用戶思維的核心在于理解用戶的全面體驗,包括他們與產品互動的各個層面,而不僅僅是購買和消費的瞬間。

 

關注「用戶」而非「消費者」意味著將用戶視為產品和服務生命周期中的參與者,包括產品設計、使用過程和售后服務。這一認知使得設計團隊更加全面地考慮用戶的需求、期望和體驗,從而創造更加深入和有意義的用戶關系。

 

在這種理念下,用戶的價值不僅僅被限制在消費時刻的交易行為,更被視為對產品和服務發展的有益貢獻者。通過強調用戶的廣泛參與,明確1的原則為設計團隊提供了一個更全面、更人性化的視角,確保他們在設計過程中不會忽略用戶的整體體驗。

 

image.png

 

 

明確2:由「以產品為中心」到「以用戶為中心」

這一認知原則標志著從傳統的以產品為核心的設計理念向以用戶為核心的設計理念的轉變。在過去,產品設計往往側重于產品的功能、性能和技術特性,而用戶思維強調的是將用戶的需求和體驗置于設計過程的中心。

 

從「以產品為中心」到「以用戶為中心」的變革意味著設計團隊不再僅僅滿足于提供功能齊全的產品,而更注重確保產品能夠滿足用戶的期望、需求和愉悅感。這種轉變要求設計過程更加關注用戶的使用情境、心理體驗和與產品互動的整個過程。

 

在以用戶為中心的設計理念下,產品的功能和技術變得為服務用戶的目標而存在,而不是為了展示技術的先進性。這種轉變不僅僅關注產品的外在表現,更注重產品如何融入用戶的生活,以及如何為用戶創造價值和愉悅感。通過這一認知原則,設計團隊將更好地滿足用戶的實際需求,創造更貼近用戶心理的設計。

 

image.png

 

 

明確3:要「站在用戶的立場著想」,而不是「滿足用戶需求」

這一認知原則強調設計團隊不僅要滿足用戶提出的明確需求,更要深入理解用戶的感受、期望和挑戰,真正站在用戶的立場思考。與簡單地滿足表面需求不同,「站在用戶的立場著想」追求更全面、更深刻的用戶體驗。

 

滿足用戶需求是一項基本任務,但真正優秀的設計是能夠預見用戶的潛在需求,并在產品或服務中解決用戶可能未察覺到的問題。這需要設計團隊投入更多心力,通過深入的用戶研究和洞察,挖掘用戶真實的期望,從而創造更令人滿意的體驗。

 

「站在用戶的立場著想」也意味著在設計決策中更多地考慮用戶的感受和情境。了解用戶的日常生活、習慣和文化背景,確保設計不僅僅是功能性的滿足,更是與用戶生活緊密相連的愉悅體驗。通過這一認知原則,設計團隊能夠超越單一的需求層面,真正為用戶創造出更具深度和共鳴的設計作品。

 

image.png

 

 

明確4:用戶是伙伴:「1+1=11」

這一認知原則強調用戶不僅是設計過程中的對象,更應被視為創新的合作伙伴。通過建立積極的溝通渠道和互動機制,設計團隊能夠與用戶形成緊密的伙伴關系,共同推動產品和服務的不斷演進。

 

「用戶是伙伴」的理念倡導設計過程中的協作和共創。設計團隊應當歡迎用戶的參與,包括用戶反饋、意見和建議。這種開放的溝通渠道有助于從用戶角度獲得直接的見解,促使團隊更靈活地應對變化,提高設計的實用性和用戶滿意度。

 

通過與用戶建立持續的合作關系,「1+1=11」的思想強調了合作的力量。用戶作為伙伴能夠為設計團隊提供獨特的視角和實際的使用體驗,而設計團隊則能夠通過專業知識和創意驅動產品不斷創新。這種共贏的伙伴關系有助于在設計過程中實現更好的用戶參與,為產品的發展提供有益的方向。

 

 

 

四、用戶思維的方法篇

 

4.1 用戶洞察三大方法:

三位大神手把手教你如何市場調研&洞察用戶 市場調研和用戶洞察是設計團隊深入了解目標用戶、挖掘需求的關鍵步驟。在這一部分,我們將學習三位業界大神的實戰經驗,手把手教授如何進行有效的市場調研和用戶洞察。

 

image.png

 

 

專家一:市場調研達人的獨門技巧

這位專家將分享其在市場調研領域的獨特經驗和技巧。讀者將了解如何正確選擇調研方法、分析市場趨勢、評估競爭對手,以及利用數據制定明智的設計決策。通過專家的指導,設計團隊將更有信心地制定適應市場需求的設計策略。

 

專家二:用戶洞察大師的深度剖析

這位專家是用戶洞察領域的大師,擅長通過深度研究揭示用戶的潛在需求。他將分享如何設計和執行有深度的用戶調查,運用心理學和人類行為學原理解讀用戶行為。通過專家的實用技巧,設計團隊將更好地理解用戶心理,精準捕捉用戶真實需求。

 

專家三:創新洞察的前沿探索者

這位專家將引領我們探索創新的洞察方法。通過觀察新興趨勢、參與用戶體驗,他將分享如何在不斷變化的市場中保持敏銳洞察力,從而在設計中融入前瞻性的元素。設計團隊將受益于專家的前沿知識,更好地應對未來的設計挑戰。 這一章節的目標是為讀者提供靈感和指導,使他們能夠運用行業大神的實戰經驗,更有信心地進行市場調研和深度用戶洞察。

 

 

4.2 用戶洞察方法1:完成生活中的任務

這一方法著重于觀察和理解用戶在日常生活中如何完成任務,旨在挖掘出用戶真實的需求和期望。通過深入洞察用戶的日常行為,設計團隊能夠更全面地理解用戶的真實體驗,從而為產品或服務提供更加貼切的解決方案。

 

image.png

 

 

任務觀察:洞悉用戶行為與需求

首先,設計團隊需要選擇一個明確定義的任務,這可以是用戶在特定情境下需要完成的日常活動。通過觀察用戶在執行這一任務時的行為,團隊能夠捕捉到許多細微的細節,包括使用習慣、面臨的問題以及情感體驗。

 

行為模式分析:揭示潛在需求

通過對用戶行為模式的深入分析,設計團隊能夠揭示出潛在的需求和期望。這可能包括用戶在任務執行過程中的挑戰、喜好,以及對特定功能或體驗的期待。這一分析將為團隊提供深入的用戶洞察,超越表面的需求,更好地理解用戶背后的動機和心理。

 

場景還原:創造真實用戶體驗

為了更好地理解用戶體驗,設計團隊可以通過場景還原的方式,嘗試親自完成用戶在生活中的任務。通過親身體驗,團隊將更深入地感知用戶的需求、痛點和情感反饋,為后續的設計決策提供更實際、貼近用戶生活的參考。

 

通過這一方法,設計團隊能夠真實地感受用戶的日常生活,深入了解他們的需求和期望,為設計提供更具體、更人性化的靈感。

 

 

4.3 用戶洞察方法2:站在用戶的立場思考

這一方法旨在通過模擬用戶的視角,深入理解用戶在使用產品或服務時的體驗和感受。通過站在用戶的立場思考,設計團隊能夠更全面地考慮用戶的需求、期望和使用場景,從而制定更貼心的設計方案。

 

image.png

 

 

用戶視角模擬:體驗用戶的感受

設計團隊首先需要從用戶的角度出發,將自己置身于用戶的日常生活和使用環境中。這可以通過模擬用戶的日常活動、使用場景,或者通過角色扮演等方式來實現。通過親身體驗,團隊能夠更直觀地感受用戶的需求和體驗。

 

情境分析:考慮用戶使用背后的動機

在模擬用戶的立場時,設計團隊需要分析用戶可能面臨的各種情境。這包括考慮用戶的心理狀態、行為動機以及使用產品的具體場景。通過深入的情境分析,團隊可以更好地理解用戶的決策過程和行為動機,為設計提供更有針對性的解決方案。

 

用戶體驗反饋:記錄真實感受

在模擬用戶的過程中,設計團隊需要詳細記錄自己的感受和觀察。這可以包括使用產品時的舒適度、遇到的問題、喜好等方面的反饋。這些反饋將成為設計團隊調整和改進設計的重要依據,確保最終的產品更符合用戶的期望。

 

通過站在用戶的立場思考,設計團隊能夠更好地理解用戶的需求和體驗,幫助他們制定更符合實際情境的設計方案。這一方法有助于打破設計者的主觀認知,真實地站在用戶的角度,為設計提供更客觀、用戶導向的視角。

 

 

4.4 用戶洞察的方法3:親身體驗

在這一方法中,我們將深入研究通過親身參與用戶體驗,直接感知用戶需求和情感反饋的手段。親身體驗是一種直觀而深刻的方法,能夠為設計團隊提供真實而珍貴的用戶洞察。

 

image.png

 

 

參與用戶角色:全身心融入用戶體驗

設計團隊通過主動參與用戶所面臨的情境和任務,全身心融入用戶的角色。這可能包括使用產品、執行特定任務、訪問服務等。通過親身參與,團隊能夠更深刻地理解用戶的感受、需求和體驗。

 

感知用戶情感:捕捉真實反饋

在親身體驗的過程中,設計團隊需要敏銳地捕捉用戶的情感反饋。這包括用戶在使用過程中可能表現出的喜悅、挫折、滿足等情感。通過記錄這些真實反饋,設計團隊可以更好地理解用戶的情感體驗,為設計提供有力的情感導向。

 

實地考察用戶場景:深度洞察使用環境

除了產品或服務本身,團隊還需深入考察用戶所處的實際環境。這可能包括用戶的生活空間、工作場所等。通過實地考察,設計團隊可以更好地了解用戶的行為背后的背景和動機,為設計提供更具深度的用戶洞察。

 

通過親身體驗,設計團隊能夠以更直觀的方式感知用戶的需求和體驗,深入了解用戶使用產品或服務的真實場景,為后續的設計工作提供更加具體和貼切的指導。這一方法是深入用戶洞察的重要途徑,有助于設計團隊更好地滿足用戶的期望。

 

 

 

總結

 

本章系統地回顧了用戶思維的演進歷程,著重探討了其四個階段和四種關系,明確了以用戶為中心的新認知。通過深入分析用戶思維4.0中的三大洞察方法和尋找市場機會的六個思維,我們為讀者提供了在用戶思維框架下準確洞察用戶的方法論。

 

我們理解到,在用戶思維的演進中,從簡單的「顧客是上帝」到現代的「以用戶為中心」,設計理念已經經歷了巨大的變革。這一變革的核心在于更深入地理解和滿足用戶的真實需求,從而創造出更具價值和用戶體驗的產品。

 

在接下來的內容中,我們將更深入地探討用戶思維在實際設計中的應用。通過具體案例和實踐經驗,我們將為設計團隊提供有力的指導,幫助他們更好地運用用戶思維,創造出貼近用戶心理的創新設計。讓我們一同探索,在這個充滿挑戰和機遇的設計世界中,如何更好地理解和服務用戶,成就卓越的用戶體驗。

轉載:黑馬青年

 

 

 

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

從極簡到暗黑:六大專業靈感站點助你掌握當代設計趨勢

清陽 行業趨勢

在當今快速發展的數字設計世界中,尋找優質的設計靈感至關重要。無論你是專業設計師還是剛入行的新手,以下這些精選的網頁設計靈感站點將幫助你提升創意和設計水平。蘭亭妙微深耕 UI 設計與開發領域,團隊設計師始終保持持續學習、穩步成長的狀態,和你分享當代設計趨勢。

1. Curated Design - 設計精品集錦

image.png

 

[Curated Design](http://curated.design) 是目前最佳的網頁設計靈感資源之一。該平臺精心挑選了來自全球的頂尖網站設計,按照不同的風格和特點進行分類,包括暗色系、柔和色調、多彩設計、極簡主義等。

特色亮點:

- 提供精選的高質量設計案例

- 按設計風格和屬性進行詳細分類

- 提供專業版訂閱服務,解鎖更多功能

- 每周更新,保持最新設計趨勢

Curated Design 的界面本身也是一個設計典范,簡潔而富有美感,讓瀏覽體驗變得輕松愉悅。對于尋求高端設計靈感的專業人士來說,這是一個不可錯過的資源。

 

2. Landing Gallery - 全方位的著陸頁靈感

image.png

[Landing Gallery](http://landing.gallery) 專注于提供各個領域的著陸頁設計靈感。無論你需要設計什么類型的頁面,從主頁、定價頁面到聯系頁面,甚至是404錯誤頁面,這里都能找到優質的參考案例。

主要功能:

- 按頁面類型進行詳細分類(主頁、定價頁、關于頁等)

- 按網站構建工具篩選(Elementor、Framer、Shopify等)

- 定期更新最新的設計案例

- 提供深色/淺色模式切換

Landing Gallery 的組織結構非常清晰,讓用戶能夠快速找到所需的特定類型頁面設計,是進行目標明確的設計研究的理想平臺。

 

3. SaaS Landing Page - SaaS領域的專業靈感

image.png

[SaaS Landing Page](http://saaslandingpage.com) 專門收集了SaaS(軟件即服務)公司的優秀著陸頁設計。對于科技創業公司和SaaS產品設計師來說,這是一個寶貴的資源。

核心優勢:

- 超過800個頂級SaaS公司的著陸頁案例

- 按頁面類型細分(著陸頁、定價頁、功能頁等)

- 提供多種技術棧的模板參考

- 按流行字體和設計標簽進行篩選

 

如果你正在為SaaS產品設計網站,這個平臺提供的針對性案例將幫助你了解行業最佳實踐和設計趨勢。

 

4. Supahero - 精選的英雄區設計

image.png

 

image.png

[Supahero](http://supahero.io) 專注于網站最重要的部分之一——英雄區(Hero Section)設計。這個區域通常是訪問者首先看到的部分,對于吸引用戶注意力至關重要。

 

特色內容:

- 精心挑選的高質量英雄區設計

- 按風格分類(暗色、極簡、3D、彩色等)

- 提供相關設計工具和模板資源

- 定期更新最新設計趨勢

 

Supahero 的集中焦點使其成為尋找引人注目的網站開場設計的絕佳資源,特別適合想要在第一印象上脫穎而出的設計師。

 

5. Mobbin - 最大的UI/UX參考庫

image.png

image.png

 

[Mobbin](http://mobbin.com) 是目前最大的UI/UX設計參考庫之一,提供了大量的移動應用和網站界面設計案例。與其他平臺不同,Mobbin 不僅展示首頁設計,還提供完整的用戶流程和交互設計參考。

 

主要特點:

- 海量的移動應用和網站UI/UX設計案例

- 完整的用戶流程和交互設計展示

- 按行業、功能和設計模式分類

- 提供設計系統和組件庫參考

 

對于需要研究用戶體驗和界面設計的專業人士,Mobbin 提供了深入了解成功應用如何構建用戶流程的機會。

 

6. Dark Design - 暗色模式設計專家

image.png

 

[Dark Design](http://dark.design) 專注于收集優秀的暗色模式網站設計。隨著暗色模式在各種平臺上的普及,這個資源變得越來越有價值。

 

核心特色:

- 專注于高質量的暗色模式網站設計

- 提供模塊化設計元素和模板

- 按風格和功能分類

- 支持書簽功能,保存喜愛的設計

 

Dark Design 不僅提供整體網站設計靈感,還關注暗色模式下的細節處理,如色彩對比、可讀性和視覺層次,是設計暗色界面的絕佳參考資源。

 

總結

這些設計靈感站點各有特色,覆蓋了從整體網站設計到特定元素、從通用領域到專業行業的各個方面。作為設計師,定期瀏覽這些資源可以幫助你:

 

- 了解最新的設計趨勢和模式

- 獲取針對特定項目的靈感

- 學習行業最佳實踐

- 提升自己的設計技能和審美水平

無論你是在設計一個全新的網站,還是對現有項目進行改進,這些平臺都能為你提供寶貴的參考和靈感。

轉載:未來交互趨勢

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

資深設計的 10 個 UI 技巧

清陽 B端ui設計文章及欣賞

正文

為了幫助大家更輕松地提升設計水平,這里整理了一些簡單實用的小貼士。希望這些小技巧不僅能夠助力您優化當前的設計項目,還能在未來的設計之旅中為您提供參考價值。

 

 

 

01. 避免卡片上文本信息過多

 

一個卡片內通常會包含圖片、標題、詳細介紹及行動按鈕等元素,這些元素需要以聚焦的形式去呈現,以幫助用戶快速掃描內容。當文本內容較長、展示的信息過多時,不利于用戶快速掃描,導致用戶無法在第一時間快速感知到產品想要展示的、或用戶想要知道的信息,很容易被用戶過濾。

 

image.png

 

文本內容過多且無法刪減時,我們可以從中提取部分更有價值信息,也可以只顯示文本內容的前兩行,其他將其省略,以點擊展開更多、內容彈窗或者跳轉頁面的方式將其完整展示,都不失為一種不錯的解決方式。

 

image.png

 

 

 

02. 減少表單字段的填寫數量

 

在設計表單時,讓用戶填寫過多的內容會增加其認知負荷,表單完成率也會隨之下降。為了減少用戶的操作次數,降低使用難度,但凡能讓用戶選擇的就不要讓他輸入、能夠系統獲取的就不讓用戶去選擇,要盡可能的減少字段填寫數量,讓表單顯得更加簡單。

 

類似地址、日期這類層級內容,不要將其分成多個字段,最好做成聯動選擇讓用戶一氣呵成。

 

image.png

 

 

 

03. 不同輸入場景下的鍵盤類型

 

為了簡化數據輸入,滿足不同的類型的文本輸入需求,用戶在輸入不同類型的字段時,應提供對應類型的鍵盤,便于用戶更快完成表單內容,常見的鍵盤有以下幾種:

 

  • 中文鍵盤:絕大多數表單使用的類型,應對純中文或綜合性文本類型的輸入需求;

  • 英文鍵盤:純英文類型的字段,例如字母類型的用戶名、英文名輸入等;

  • 數字鍵盤:純數字類型的字段,例如手機號、身份證號、銀行卡號等;

  • 數字鍵盤(亂序):多用于純數字密碼類型的輸入需求,對安全系數要求較高,如支付密碼等。因出于安全考慮,這類鍵盤雖然會增加用戶的理解成本,但與財產的安全性相比,顯然在可接受范圍之內。

 

image.png

 

 

 

04. 行高應跟隨字號而變化

 

有很多設計師在處理大量的文本內容時,為了遵循設計規范,會設定固定的行高數值,例如常用的1.2、1.5倍等,需知設計規范是為了避免我們在設計中出錯,并非為了規范而規范。

 

在應對大量的文本類容時,為了讓用戶有更好的可讀性和易讀性,行高因跟隨字號的大小而變化,字體越小、行高越大,想要視覺上更加細膩,文字越粗(越黑)、行高越大,我們只需要保證在同一字號、字重的條件下,保持同相同數值的行高即可。

 

image.png

 

如果中文看的不是那么明顯,可以試下英文,特別是上一行基線到下一行基線之間的距離尤為明顯。筆者因工作中涉及中、英、泰三文切換,在處理行高時不敢有絲毫馬虎。

 

 

 

05. 基于拾色器右上方選取顏色

 

在為UI選取主色調時,大多都是根據logo色來建立UI色彩體系,因品牌logo會用戶各行各業,尤其是平面印刷用色與電子屏幕用色差異過大,故而logo色并不能直接用于UI設計,我們需要在logo品牌色的基礎上做出調整。

 

設定主色調時,可基于品牌logo的色相或往鄰近色方向微調,然后在拾色器右上方(介于飽和度和明度最大值附近)選取具體的顏色。這種配色方式能讓主色更加鮮明,在電子設備中顯示也會更加舒適、和諧。不僅如此,在選取輔助色時也可以使用這種方式。

 

9af363ea15145ad20bfee65eb764bb28.jpg

 

目前市面上那些成熟產品的配色,都會有這種規律,主色都基于拾色器右上角的位置。

 

3b71af18f9df946b67d554008e9026dd.jpg

 

 

 

06. 表單標簽的對齊方式

 

常見的表單標簽對齊方式有三種,左對齊、右對齊和頂對齊。不同的對齊方式都有各自的優點和缺點,我們需要根據項目實際情況來選擇最合適的對齊方式。

 

左對齊:左對齊是最為常見的對齊方式,可充分利用頁面的垂直空間,易于擴展。在選用左對齊時,標簽字數需在可控范圍類,一般不超過4字,否則會降低可輸入空間,影響輸入內容的長度;

 

c90ce9c315d7458cc764d074e1e91c7e.jpg

 

右對齊:多用于網頁表單中,在標簽稍長、且字數長度不一的情況下使用。當標簽參差不齊時,與左對齊相比,右對齊能拉近標簽與輸入框的距離,增強內容的關聯性;

 

851b0c1831ef929fed5353270ea9d5eb.jpg

 

頂端對齊:會占用較多的縱向空間,通常用于標簽長短不可控的場景下,例如常見的英文表單。在中文場景中使用不多,如用戶問卷調查、信息搜集等。

 

76ecf71d33b06e37314546a5a9835b75.jpg

 

 

 

07. 大膽使用空間留白

 

為了提高界面利用空間,追求信息的飽和度無可厚非,但過度追求并非是一件好事,當信息過于密集、信息層級較難區分時,會耗費用戶更多的時間成本。

 

不要吝嗇界面留白,基于親密性原則,在合理的將信息進行分組之后,請大膽使用留白,應避免元素與元素、與信息組之間過于密集,保持界面的呼吸感,給用戶更為舒適通透的體驗。

 

973140880d16232629cfe22d9d16370a.jpg

 

 

 

08. 中性色的設定(黑白灰)

 

中性色在UI設計中相當重要,雖然僅次于品牌色,但在我們的設計流程中,定義中性色往往會早于定義品牌色,因為在界面配色之前,我們會通過中性色來表現界面信息的層級。

 

中性色即色彩中的黑白灰,設定中性色是由調整HSB(色相/飽和度/亮度)中的B值高低里形成一個表現視覺強弱的等級階梯,一般設定4~5個等級即可,例如B值的20%(#333333)、40%(#666666)、60%(#999999)、80%(#CCCCCC)、90%(#E6E6E6)。

 

ce704177f70d217c002cfe3d25d4a9d0.jpg

 

這里需要注意兩個問題,一是要避免使用純黑色,因為純黑色在電子屏幕中是不發光的,會與其他發光的顏色產生巨大的反差,不易與視覺瀏覽;而是設定的黑白灰等級數量不宜過多,否則鄰近的色值很難拉開視覺層級。

 

 

 

09. 投影的光源保持統一

 

這可以被視為提升用戶體驗的一個高級技巧。在給組件添加投影時,如果光源方向或強度不一致,即使這種差異很細微,也可能因為不協調而破壞整體視覺效果,使界面看起來不夠專業或者缺乏連貫性。

 

為了增強視覺上的和諧與統一,所有UI組件都應遵循相同的光源方向,使各個元素之間更加協調,幫助用戶更快地理解和適應界面布局。此外,通過確保光照效果的一致性,還可以有效地突出重點信息。

 

7f3e11a7cf2fe70d973e7db19fe89200.jpg

 

 

10. 避免用占位符替代標簽

 

輸入框中的占位符可以為用戶提供初步的指引,幫助他們在開始輸入前有一個短期的記憶提示。理想情況下,占位符應作為標簽的補充。然而,如果只有占位符而沒有標簽,用戶可能會感到困惑,尤其是在他們點擊輸入框后占位符消失時,可能會一時記不起要輸入的內容。

 

標簽對于明確指示用戶在表單字段中輸入什么信息至關重要。保持標簽的可見性不僅能提升產品的易用性,還能特別照顧到那些認知和記憶力較弱的用戶。這樣可以確保每個輸入字段的用途始終一目了然,減輕用戶的認知負擔,使表單更加友好、清晰且易于使用。

 

9ea922da8645b4036364c3a0cf84538a.jpg

轉載:黑馬青年

蘭亭妙微(藍藍設計)www.tuquanmo.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

 

image.png

日歷

鏈接

個人資料

藍藍設計的小編 http://www.tuquanmo.cn

存檔

主站蜘蛛池模板: 色久综合网 | 日本亚洲一区 | 国产精品视频在线观看 | av网址在线免费观看 | 日本不卡在线视频 | 日韩一区二区在线看 | 久久精品大片 | 日韩精品播放 | 日韩一区二区三区在线播放 | 波多野结衣视频一区二区 | 欧美亚洲二区 | 日韩一区二区三区在线 | 亚洲一区中文字幕 | 色骚综合 | 日韩色网| 久久综合影视 | 黄色免费毛片 | 久久久久中文字幕 | 欧美无砖区| 欧美日本一区二区三区 | 日韩不卡一区二区三区 | av网在线 | 亚洲综合网av | 狠狠操狠狠操 | 免费av在线 | 成人aaaaa | 中文字幕亚洲视频 | 特片网我不卡 | 在线观看毛片视频 | 99热在线免费观看 | 国产四虎| 日韩在线视频一区二区三区 | 成人亚洲综合 | 亚洲精品视频在线播放 | 欧美丰满一区二区免费视频 | 中日韩在线| 激情综合五月 | 青青青手机在线视频 | 可以看av的网址 | 午夜精品极品粉嫩国产尤物 | 天天透天天操 |