日韩黄色视频 - 日韩黄色视频在线观看 - 日韩黄色一级片 - 日韩黄色网址 亚洲毛片无码精品专区,午夜色福利视频,久久精品亚洲婷婷,国产91丝袜在线播放网站

首頁

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

濤濤 設(shè)計(jì)思維

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

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

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

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

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

鶴鶴 設(shè)計(jì)思維

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

image.png

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

image.png

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

image.png

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

image.png

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



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

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

 

image.png

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

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

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

image.png

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

image.png

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

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

image.png

 

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

 

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

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

image.png

image.png

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

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

image.png

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

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

image.png

 

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

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

image.png

 

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

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

三、結(jié)語

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

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

 

image.png

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

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

一、項(xiàng)目背景與核心目標(biāo)

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

image.png

 

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

 

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

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

image.png

 

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

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

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

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

     

    image.png

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

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

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

image.png

image.png

四、設(shè)計(jì)核心與價(jià)值沉淀

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

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

 

image.png

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

清陽 交互設(shè)計(jì)及用戶體驗(yàn)

正文

 

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

 

 

 

目錄

 

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

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

1.2 明確的廢話:以用戶為中心的四個(gè)新認(rèn)知

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

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

* 1.3.2 站對立場:借助用戶視角拓展認(rèn)知

* 1.3.3 親身體驗(yàn):通過直接參與了解用戶感受

1.4 用戶思維4.0中尋找市場機(jī)會的六個(gè)思維

* 1.4.1 痛點(diǎn):定位用戶問題與痛苦

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

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

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

* 1.4.5 燃點(diǎn):激發(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)品時(shí)代顧客是上帝

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

2.3 用戶思維3.0:品牌時(shí)代消費(fèi)者是老板

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

 

三:用戶思維的認(rèn)知篇

3.1 明確的廢話:以用戶為中心的四個(gè)認(rèn)知

3.2 明確1:首先,是用戶而非消費(fèi)者

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:親身體驗(yàn)

 

 

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

 

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

 

image.png

 

 

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

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

 

1.1.1用戶思維的四個(gè)階段:

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

image.png

 

 

1.2 明確的廢話:「以用戶為中心」的四個(gè)新認(rèn)知

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

 

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

 

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

 

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

 

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

 

image.png

 

 

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

1.3.1 生活任務(wù):

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

 

1.3.2 站對立場:

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

 

1.3.3 親身體驗(yàn):

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

 

image.png

 

 

1.4 用戶思維4.0中尋找市場機(jī)會的六個(gè)思維:

1.4.1 痛點(diǎn)

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

 

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

 

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

 

1.4.2 癢點(diǎn)

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

 

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

 

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

 

1.4.3 爽點(diǎn)

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

 

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

 

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

 

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

 

1.4.4 欣喜

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

 

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

 

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

 

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

 

1.4.5 燃點(diǎn)

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

 

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

 

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

 

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

 

1.4.6 驚喜

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

 

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

 

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

 

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

 

image.png

 

 

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

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

 

1.5.1 找到愛你的人

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

 

 

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

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

 

image.png

 

 

2.3 用戶思維3.0:品牌時(shí)代「消費(fèi)者是老板」

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

 

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

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

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

 

 

 

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

 

image.png

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

清陽 交互設(shè)計(jì)及用戶體驗(yàn)

三、用戶思維的認(rèn)知篇

 

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

 

image.png

 

 

明確1:首先,是「用戶」而非「消費(fèi)者」

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

image.png

 

 

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

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

 

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

 

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

 

 

 

四、用戶思維的方法篇

 

4.1 用戶洞察三大方法:

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

 

image.png

 

 

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

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

 

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

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

 

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

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

 

 

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

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

 

image.png

 

 

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

首先,設(shè)計(jì)團(tuán)隊(duì)需要選擇一個(gè)明確定義的任務(wù),這可以是用戶在特定情境下需要完成的日?;顒印Mㄟ^觀察用戶在執(zhí)行這一任務(wù)時(shí)的行為,團(tuán)隊(duì)能夠捕捉到許多細(xì)微的細(xì)節(jié),包括使用習(xí)慣、面臨的問題以及情感體驗(yàn)。

 

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

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

 

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

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

 

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

 

 

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

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

 

image.png

 

 

用戶視角模擬:體驗(yàn)用戶的感受

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

 

情境分析:考慮用戶使用背后的動機(jī)

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

 

用戶體驗(yàn)反饋:記錄真實(shí)感受

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

 

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

 

 

4.4 用戶洞察的方法3:親身體驗(yàn)

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

 

image.png

 

 

參與用戶角色:全身心融入用戶體驗(yàn)

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

 

感知用戶情感:捕捉真實(shí)反饋

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

 

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

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

 

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

 

 

 

總結(jié)

 

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

 

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

 

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

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

 

 

 

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

 

image.png

從極簡到暗黑:六大專業(yè)靈感站點(diǎn)助你掌握當(dāng)代設(shè)計(jì)趨勢

清陽 行業(yè)趨勢

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

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

image.png

 

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

特色亮點(diǎn):

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

- 按設(shè)計(jì)風(fēng)格和屬性進(jìn)行詳細(xì)分類

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

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

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

 

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

image.png

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

主要功能:

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

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

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

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

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

 

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

image.png

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

核心優(yōu)勢:

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

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

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

- 按流行字體和設(shè)計(jì)標(biāo)簽進(jìn)行篩選

 

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

 

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

image.png

 

image.png

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

 

特色內(nèi)容:

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

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

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

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

 

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

 

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

image.png

image.png

 

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

 

主要特點(diǎn):

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

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

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

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

 

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

 

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

image.png

 

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

 

核心特色:

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

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

- 按風(fēng)格和功能分類

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

 

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

 

總結(jié)

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

 

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

- 獲取針對特定項(xiàng)目的靈感

- 學(xué)習(xí)行業(yè)最佳實(shí)踐

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

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

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

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

 

image.png

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

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

正文

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

 

 

 

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

 

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

 

image.png

 

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

 

image.png

 

 

 

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

 

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

 

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

 

image.png

 

 

 

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

 

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

 

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

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

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

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

 

image.png

 

 

 

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

 

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

 

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

 

image.png

 

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

 

 

 

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

 

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

 

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

 

9af363ea15145ad20bfee65eb764bb28.jpg

 

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

 

3b71af18f9df946b67d554008e9026dd.jpg

 

 

 

06. 表單標(biāo)簽的對齊方式

 

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

 

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

 

c90ce9c315d7458cc764d074e1e91c7e.jpg

 

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

 

851b0c1831ef929fed5353270ea9d5eb.jpg

 

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

 

76ecf71d33b06e37314546a5a9835b75.jpg

 

 

 

07. 大膽使用空間留白

 

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

 

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

 

973140880d16232629cfe22d9d16370a.jpg

 

 

 

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

 

中性色在UI設(shè)計(jì)中相當(dāng)重要,雖然僅次于品牌色,但在我們的設(shè)計(jì)流程中,定義中性色往往會早于定義品牌色,因?yàn)樵诮缑媾渖埃覀儠ㄟ^中性色來表現(xiàn)界面信息的層級。

 

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

 

ce704177f70d217c002cfe3d25d4a9d0.jpg

 

這里需要注意兩個(gè)問題,一是要避免使用純黑色,因?yàn)榧兒谏陔娮悠聊恢惺遣话l(fā)光的,會與其他發(fā)光的顏色產(chǎn)生巨大的反差,不易與視覺瀏覽;而是設(shè)定的黑白灰等級數(shù)量不宜過多,否則鄰近的色值很難拉開視覺層級。

 

 

 

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

 

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

 

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

 

7f3e11a7cf2fe70d973e7db19fe89200.jpg

 

 

10. 避免用占位符替代標(biāo)簽

 

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

 

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

 

9ea922da8645b4036364c3a0cf84538a.jpg

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

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

 

image.png

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

清陽 平面設(shè)計(jì)

image.png

image.png

image.png

image.png

image.png

image.png

image.png

轉(zhuǎn)載:平面設(shè)計(jì)

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

 

image.png

日歷

鏈接

個(gè)人資料

存檔