97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

首頁

平面設(shè)計師轉(zhuǎn)型 UX 設(shè)計:7 個實戰(zhàn)指南,從美學到體驗的進階之路

濤濤 設(shè)計思維

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

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

濤濤 移動端UI設(shè)計文章及欣賞

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

一個完整的B端設(shè)計流程

鶴鶴 設(shè)計思維

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

image.png

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

image.png

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

image.png

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

image.png

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



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

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

 

image.png

B 端設(shè)計師為何要懂技術(shù)?該懂哪些技術(shù)?

鶴鶴 設(shè)計管理與成長

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

image.png

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

image.png

一、B 端設(shè)計師該懂哪些技術(shù)?

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

image.png

 

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

 

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

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

image.png

image.png

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

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

image.png

(三)前后端聯(lián)調(diào)的過程

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

image.png

 

(四)產(chǎn)品的部署和運維

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

image.png

 

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

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

三、結(jié)語

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

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

 

image.png

商家后臺 AI 功能體驗升級:以統(tǒng)一認知賦能商家高效經(jīng)營

鶴鶴 B端ui設(shè)計文章及欣賞

一、項目背景與核心目標

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

image.png

 

二、三大交互范式的場景化落地應(yīng)用

 

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

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

image.png

 

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

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

2.3 托管式交互:隱式服務(wù)的安心管家

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

     

    image.png

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

三、構(gòu)建全鏈路智能化感知體系

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

image.png

image.png

四、設(shè)計核心與價值沉淀

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

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

 

image.png

用戶思維之旅,引領(lǐng)設(shè)計未來(上)

清陽 交互設(shè)計及用戶體驗

正文

 

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

 

 

 

目錄

 

一:用戶思維的發(fā)展簡史

1.1 用戶思維的四個階段和四種關(guān)系

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

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

* 1.3.1 生活任務(wù):識別關(guān)鍵用戶需求

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

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

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

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

* 1.4.2 癢點:發(fā)現(xiàn)用戶需求的潛在欲望

* 1.4.3 爽點:創(chuàng)造愉悅體驗的關(guān)鍵

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

* 1.4.5 燃點:激發(fā)用戶情感共鳴

* 1.4.6 驚喜:超越期望引發(fā)驚奇

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

* 1.5.1 找到愛你的人:建立真摯連接的關(guān)鍵

* 1.5.2 與用戶共創(chuàng)產(chǎn)品:釋放創(chuàng)新的洪荒之力

 

二:用戶思維的發(fā)展篇

2.1 用戶思維初局:產(chǎn)品時代顧客是上帝

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

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

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

 

三:用戶思維的認知篇

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

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

3.3 明確2:由以產(chǎn)品為中心到以用戶為中心

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

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

 

四:用戶思維的方法篇

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

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

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

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

 

 

一:用戶思維的發(fā)展簡史

 

用戶思維的發(fā)展可以追溯到最初的「顧客是上帝」時代,這一階段強調(diào)顧客至上,產(chǎn)品設(shè)計主要圍繞滿足用戶需求展開。隨著市場的不斷變化,用戶思維進入「以用戶為中心」的2.0時代,強調(diào)更深入地理解用戶,而不僅僅是滿足需求。隨著數(shù)字化和體驗設(shè)計的興起,用戶思維進入3.0時代,強調(diào)用戶體驗和品牌建設(shè),消費者逐漸演變?yōu)槔习濉W罱?.0時代將焦點放在「以用戶為中心」,強調(diào)用戶參與和共創(chuàng),要求設(shè)計團隊更加敏銳地捕捉市場機會,創(chuàng)造符合用戶期待的全方位體驗。這個發(fā)展歷程表明用戶思維的不斷演變,從簡單的滿足需求到深度參與,塑造了現(xiàn)代設(shè)計的基石。

 

image.png

 

 

1.1 用戶思維的四個階段和四種關(guān)系

用戶思維的演進經(jīng)歷了四個關(guān)鍵階段,每個階段都構(gòu)建了不同類型的用戶與產(chǎn)品之間的關(guān)系。

 

1.1.1用戶思維的四個階段:

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

 

營銷時代(用戶思維2.0): 隨著市場的競爭加劇,設(shè)計開始注重顧客需求至上,關(guān)系逐漸從簡單的產(chǎn)品使用者轉(zhuǎn)變?yōu)楦由钊氲男枨鬂M足者,用戶在購買決策中扮演著更為積極的角色。

 

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

 

體驗&數(shù)字時代(用戶思維4.0): 最新的階段強調(diào)以用戶為中心,用戶參與的程度達到巔峰。產(chǎn)品設(shè)計不僅滿足需求,更注重用戶體驗和數(shù)字化的創(chuàng)新,構(gòu)建了更為互動和共創(chuàng)的用戶關(guān)系。

 

1.1.2 用戶思維的四種關(guān)系:

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

 

顧客需求至上的關(guān)系: 隨著市場的發(fā)展,用戶關(guān)系更加關(guān)注滿足用戶個性化的需求,設(shè)計轉(zhuǎn)向了更為細致的用戶體驗,強調(diào)用戶需求的個性化。

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

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

 

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

 

image.png

 

 

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

1.3.1 生活任務(wù):

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

 

1.3.2 站對立場:

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

 

1.3.3 親身體驗:

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

 

image.png

 

 

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

1.4.1 痛點

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

 

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

 

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

 

1.4.2 癢點

發(fā)現(xiàn)用戶需求的潛在欲望 在用戶思維4.0的理念中,癢點思維強調(diào)的是挖掘用戶的潛在欲望和期望,超越基本需求的滿足,為設(shè)計團隊提供了尋找市場機會的創(chuàng)新思路。

 

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

 

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

 

1.4.3 爽點

創(chuàng)造愉悅體驗的關(guān)鍵 在用戶思維4.0中,爽點思維強調(diào)的是創(chuàng)造愉悅體驗的關(guān)鍵,使用戶在使用產(chǎn)品時感到愉悅和滿足。這一思維方式是尋找市場機會的關(guān)鍵元素之一。

 

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

 

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

 

通過關(guān)注爽點,設(shè)計團隊能夠為產(chǎn)品賦予更為人性化和情感化的特質(zhì),使其在市場競爭中更具優(yōu)勢,留下深刻的用戶印象。這是創(chuàng)造有溫度、更具人性關(guān)懷的產(chǎn)品所必不可少的一環(huán)。

 

1.4.4 欣喜

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

 

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

 

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

 

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

 

1.4.5 燃點

在用戶思維4.0的理念中,燃點思維強調(diào)通過產(chǎn)品設(shè)計激發(fā)用戶的情感共鳴,創(chuàng)造一種深厚的情感連接。這種連接不僅提高用戶滿意度,還加強了用戶對產(chǎn)品的情感投入和忠誠度。

 

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

 

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

 

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

 

1.4.6 驚喜

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

 

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

 

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

 

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

 

image.png

 

 

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

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

 

1.5.1 找到愛你的人

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

 

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

 

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

 

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

 

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

 

1.5.2 與用戶共創(chuàng)產(chǎn)品:釋放創(chuàng)新的洪荒之力

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

 

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

 

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

 

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

 

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

 

 

 

二:用戶思維的發(fā)展篇

 

用戶思維在不同時代經(jīng)歷了多個發(fā)展階段,每個階段都反映了社會和技術(shù)的變革,以及人們對產(chǎn)品和服務(wù)期望的演變。以下是用戶思維的四個發(fā)展階段:

 

image.png

 

 

2.1 用戶思維初局:產(chǎn)品時代「顧客是上帝」

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

 

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

 

然而,隨著社會和科技的不斷發(fā)展,用戶的期望逐漸演變,引領(lǐng)了用戶思維的不斷升級。從產(chǎn)品時代的初局到如今的以用戶為中心的體驗&數(shù)字時代,用戶思維經(jīng)歷了深刻的變革,塑造了當今設(shè)計和商業(yè)的格局。

 

image.png

 

 

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

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

 

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

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

轉(zhuǎn)載:黑馬青年

 

 

 

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

 

image.png

用戶思維之旅,引領(lǐng)設(shè)計未來(下)

清陽 交互設(shè)計及用戶體驗

三、用戶思維的認知篇

 

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

 

image.png

 

 

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

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

 

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

 

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

 

image.png

 

 

明確2:由「以產(chǎn)品為中心」到「以用戶為中心」

這一認知原則標志著從傳統(tǒng)的以產(chǎn)品為核心的設(shè)計理念向以用戶為核心的設(shè)計理念的轉(zhuǎn)變。在過去,產(chǎn)品設(shè)計往往側(cè)重于產(chǎn)品的功能、性能和技術(shù)特性,而用戶思維強調(diào)的是將用戶的需求和體驗置于設(shè)計過程的中心。

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

image.png

 

 

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

這一認知原則強調(diào)用戶不僅是設(shè)計過程中的對象,更應(yīng)被視為創(chuàng)新的合作伙伴。通過建立積極的溝通渠道和互動機制,設(shè)計團隊能夠與用戶形成緊密的伙伴關(guān)系,共同推動產(chǎn)品和服務(wù)的不斷演進。

 

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

 

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

 

 

 

四、用戶思維的方法篇

 

4.1 用戶洞察三大方法:

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

 

image.png

 

 

專家一:市場調(diào)研達人的獨門技巧

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

 

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

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

 

專家三:創(chuàng)新洞察的前沿探索者

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

 

 

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

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

 

image.png

 

 

任務(wù)觀察:洞悉用戶行為與需求

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

 

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

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

 

場景還原:創(chuàng)造真實用戶體驗

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

 

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

 

 

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

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

 

image.png

 

 

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

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

 

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

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

 

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

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

 

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

 

 

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

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

 

image.png

 

 

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

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

 

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

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

 

實地考察用戶場景:深度洞察使用環(huán)境

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

 

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

 

 

 

總結(jié)

 

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

 

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

 

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

轉(zhuǎn)載:黑馬青年

 

 

 

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

 

image.png

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

清陽 行業(yè)趨勢

在當今快速發(fā)展的數(shù)字設(shè)計世界中,尋找優(yōu)質(zhì)的設(shè)計靈感至關(guān)重要。無論你是專業(yè)設(shè)計師還是剛?cè)胄械男率郑韵逻@些精選的網(wǎng)頁設(shè)計靈感站點將幫助你提升創(chuàng)意和設(shè)計水平。蘭亭妙微深耕 UI 設(shè)計與開發(fā)領(lǐng)域,團隊設(shè)計師始終保持持續(xù)學習、穩(wěn)步成長的狀態(tài),和你分享當代設(shè)計趨勢。

1. Curated Design - 設(shè)計精品集錦

image.png

 

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

特色亮點:

- 提供精選的高質(zhì)量設(shè)計案例

- 按設(shè)計風格和屬性進行詳細分類

- 提供專業(yè)版訂閱服務(wù),解鎖更多功能

- 每周更新,保持最新設(shè)計趨勢

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

 

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

image.png

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

主要功能:

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

- 按網(wǎng)站構(gòu)建工具篩選(Elementor、Framer、Shopify等)

- 定期更新最新的設(shè)計案例

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

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

 

3. SaaS Landing Page - SaaS領(lǐng)域的專業(yè)靈感

image.png

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

核心優(yōu)勢:

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

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

- 提供多種技術(shù)棧的模板參考

- 按流行字體和設(shè)計標簽進行篩選

 

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

 

4. Supahero - 精選的英雄區(qū)設(shè)計

image.png

 

image.png

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

 

特色內(nèi)容:

- 精心挑選的高質(zhì)量英雄區(qū)設(shè)計

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

- 提供相關(guān)設(shè)計工具和模板資源

- 定期更新最新設(shè)計趨勢

 

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

 

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

image.png

image.png

 

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

 

主要特點:

- 海量的移動應(yīng)用和網(wǎng)站UI/UX設(shè)計案例

- 完整的用戶流程和交互設(shè)計展示

- 按行業(yè)、功能和設(shè)計模式分類

- 提供設(shè)計系統(tǒng)和組件庫參考

 

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

 

6. Dark Design - 暗色模式設(shè)計專家

image.png

 

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

 

核心特色:

- 專注于高質(zhì)量的暗色模式網(wǎng)站設(shè)計

- 提供模塊化設(shè)計元素和模板

- 按風格和功能分類

- 支持書簽功能,保存喜愛的設(shè)計

 

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

 

總結(jié)

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

 

- 了解最新的設(shè)計趨勢和模式

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

- 學習行業(yè)最佳實踐

- 提升自己的設(shè)計技能和審美水平

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

轉(zhuǎn)載:未來交互趨勢

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

 

image.png

資深設(shè)計的 10 個 UI 技巧

清陽 B端ui設(shè)計文章及欣賞

正文

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

 

 

 

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

 

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

 

image.png

 

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

 

image.png

 

 

 

02. 減少表單字段的填寫數(shù)量

 

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

 

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

 

image.png

 

 

 

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

 

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

 

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

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

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

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

 

image.png

 

 

 

04. 行高應(yīng)跟隨字號而變化

 

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

 

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

 

image.png

 

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

 

 

 

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

 

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

 

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

 

9af363ea15145ad20bfee65eb764bb28.jpg

 

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

 

3b71af18f9df946b67d554008e9026dd.jpg

 

 

 

06. 表單標簽的對齊方式

 

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

 

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

 

c90ce9c315d7458cc764d074e1e91c7e.jpg

 

右對齊:多用于網(wǎng)頁表單中,在標簽稍長、且字數(shù)長度不一的情況下使用。當標簽參差不齊時,與左對齊相比,右對齊能拉近標簽與輸入框的距離,增強內(nèi)容的關(guān)聯(lián)性;

 

851b0c1831ef929fed5353270ea9d5eb.jpg

 

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

 

76ecf71d33b06e37314546a5a9835b75.jpg

 

 

 

07. 大膽使用空間留白

 

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

 

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

 

973140880d16232629cfe22d9d16370a.jpg

 

 

 

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

 

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

 

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

 

ce704177f70d217c002cfe3d25d4a9d0.jpg

 

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

 

 

 

09. 投影的光源保持統(tǒng)一

 

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

 

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

 

7f3e11a7cf2fe70d973e7db19fe89200.jpg

 

 

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

 

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

 

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

 

9ea922da8645b4036364c3a0cf84538a.jpg

轉(zhuǎn)載:黑馬青年

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

 

image.png

黃金配色法則!6:3:1

清陽 平面設(shè)計

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.0391cbd.com

存檔

主站蜘蛛池模板: 激情综合婷婷丁香五月尤物 | 亚洲国产精品国自产拍A| 丁香六月综合网| 在线亚洲精品福利网址导航| 精品国产网站| AV老司机AV天堂| 又大又硬又爽免费视频| 精品国产香蕉在线播出| 四虎国产在线观看| 国产欧美日韩视频一区二区三区| 人人看人人鲁狠狠高清| 国产麻豆另类AV| 一级毛片在线免费看| 亚洲成年网站在线观看| 国产情精品嫩草影院88av| 欧美日韩精品在线播放| 国产爽歪歪免费视频在线观看 | 欧美一区二区三区不卡免费| 亚洲精品视频免费观看| 国产AV无码专区亚洲A∨毛片| 成人毛片在线播放| 欧美一道本| 亚洲欧美另类久久久精品播放的| 2021国产在线视频| 在线精品亚洲国产| WWW丫丫国产成人精品| 亚洲成在人线av品善网好看| 国产精品欧美激情| 六月婷婷激情综合| 97人人做人人爽香蕉精品| 国产毛片片精品天天看视频| 福利视频99| 免费精品一区二区h| 亚洲精品无码久久毛片波多野吉| 一本一道波多野结衣一区二区 | 国产一区二区三区免费观看| 国产午夜一级毛片| 日韩精品一区二区三区免费在线观看| 成年看免费观看视频拍拍| 欧美黄网站免费观看| 亚洲人成网线在线播放va| 国产美女在线观看| 超碰91免费人妻| 国产熟女一级毛片| 国产一级妓女av网站| 97亚洲色综久久精品| 成人av手机在线观看| 色综合久久综合网| 都市激情亚洲综合久久| 国产精品观看视频免费完整版| 亚洲国模精品一区| 精品夜恋影院亚洲欧洲| 精品视频在线一区| 日本成人福利视频| 亚洲AV无码乱码在线观看裸奔| 99热最新网址| 国产日韩久久久久无码精品| 99人妻碰碰碰久久久久禁片| 蜜桃视频一区| 亚洲伦理一区二区| 精品国产aⅴ一区二区三区| 午夜激情婷婷| a亚洲天堂| 久久精品视频一| 成人午夜精品一级毛片| 婷婷99视频精品全部在线观看| 久久精品一品道久久精品| 激情在线网| 色偷偷一区二区三区| 无码日韩精品91超碰| 久久狠狠色噜噜狠狠狠狠97视色 | 国产精品护士| 中文字幕乱妇无码AV在线| 99热这里只有精品免费| 国产精品va| 亚洲成人福利网站| 久久久噜噜噜| 免费无码在线观看| 成人国产免费| 久久久精品国产SM调教网站| 亚洲精品制服丝袜二区| 亚洲成人网在线播放|