首頁(yè)

從混沌到有序:設(shè)計(jì)規(guī)范全方位指南

前端達(dá)人

從零開(kāi)始,打造設(shè)計(jì)規(guī)范:設(shè)計(jì)原則、流程與工具的全方位指南
整個(gè)文章我們會(huì)講
 
  •  
    為什么建立設(shè)計(jì)規(guī)范?
  •  
    什么時(shí)候建立設(shè)計(jì)規(guī)范
  •  
    以及具體的設(shè)計(jì)規(guī)范怎么做
 
一、設(shè)計(jì)規(guī)范的目標(biāo)?
首先需要明確設(shè)計(jì)規(guī)范的目標(biāo),也就是為什么建立設(shè)計(jì)規(guī)范,這里包括提高用戶(hù)體驗(yàn)、降低開(kāi)發(fā)成本、提高團(tuán)隊(duì)協(xié)作斜率等。這些目標(biāo)將為后續(xù)的規(guī)范制定提供方向。
還有就是大家都知道,在做項(xiàng)目時(shí)如果沒(méi)有明確的目標(biāo)和價(jià)值,是很難推動(dòng)的。
從混沌到有序:設(shè)計(jì)規(guī)范全方位指南
 
 
二、什么時(shí)候建立設(shè)計(jì)規(guī)范?
在項(xiàng)目全面進(jìn)入ui設(shè)計(jì)之前,先設(shè)計(jì)幾個(gè)核心頁(yè)面的demo
,確立整體的基礎(chǔ)規(guī)范和設(shè)計(jì)風(fēng)格,把一些基礎(chǔ)的設(shè)計(jì)規(guī)范定義出來(lái),例如
命名、尺寸、間距、顏色、字體、核心控件
等、這樣在開(kāi)展設(shè)計(jì)的過(guò)程中保持一致性和統(tǒng)一性,當(dāng)然,在項(xiàng)目設(shè)計(jì)過(guò)程中,UI設(shè)計(jì)規(guī)范也需要根據(jù)實(shí)際情況去調(diào)整補(bǔ)充。
從混沌到有序:設(shè)計(jì)規(guī)范全方位指南
 
 
三、設(shè)計(jì)規(guī)范具體要怎么做?
這里先講一些基礎(chǔ)通用的規(guī)范
3.1、間距
在間距部分我們需要把一些
頁(yè)面間距、模塊間距、元素間距
,這些要定義出來(lái)
像我平時(shí)在工作中
通常以8px作為基數(shù)
,以此衍生出
8、16、24、32、48、64
,這6個(gè)間距數(shù)值,完全能夠滿足絕大多數(shù)的使用場(chǎng)景。當(dāng)然,針對(duì)信息較少的頁(yè)面也會(huì)使用到
120、160、200...其他間距數(shù)值,例如缺省頁(yè)、登錄頁(yè)面等。出去這些特殊頁(yè)面,基本上通用的就上面那6個(gè)就足夠了
從混沌到有序:設(shè)計(jì)規(guī)范全方位指南
 
 
 
3.2、顏色規(guī)范
我們要先把主色調(diào)和輔助色,通常主色都是根據(jù)
品牌形象和目標(biāo)用戶(hù)
的需求選擇。
拿在顏色的定義中需要注意以下幾點(diǎn)
1、使用色彩心理學(xué):
根據(jù)不同的顏色和情感聯(lián)想,選擇適合的顏色來(lái)傳達(dá)品牌形象和用戶(hù)體驗(yàn)。例如,藍(lán)色通常被認(rèn)為具有專(zhuān)業(yè)、信任和穩(wěn)定的感覺(jué),而紅色則具有激情、活力和創(chuàng)新的聯(lián)想。
 
2、建立層次結(jié)構(gòu):
使用顏色的飽和度和明度來(lái)建立層次結(jié)構(gòu)。將重要的設(shè)計(jì)元素設(shè)置為高飽和度和明亮的顏色,使其在頁(yè)面上突出顯示,而將次要的設(shè)計(jì)元素設(shè)置為低飽和度和較暗的顏色。
3、避免使用過(guò)多的顏色:
過(guò)多的顏色可能會(huì)使頁(yè)面顯得混亂和難以聚焦。在設(shè)計(jì)過(guò)程中,盡量使用有限的顏色組合,并且要避免使用過(guò)多的對(duì)比色或互補(bǔ)色。
從混沌到有序:設(shè)計(jì)規(guī)范全方位指南
 
 
3.3、文字規(guī)范
我們需要把
字體、字號(hào)、顏色、行距
、這些給定義清楚,有規(guī)律的大小字號(hào)更有利于閱讀,(另外要注意一些特殊字體的版權(quán)問(wèn)題)
常用的字體大小
20px、24px、28px、32px、36px,44px,48px,且都是間隔4px
,設(shè)計(jì)師需要根據(jù)具體場(chǎng)景去決定字體大小,以確保用戶(hù)能夠輕松閱讀和理解界面信息層級(jí)比重。
 
3.4、UI圖標(biāo)規(guī)范
圖標(biāo)是UI設(shè)計(jì)的重要組成部分,它可以使圖標(biāo)看起來(lái)更加
美觀、易用、統(tǒng)一和有吸引力
。也傳達(dá)著整個(gè)UI視覺(jué)風(fēng)格調(diào)性,和系統(tǒng)功能的作用。
在圖標(biāo)設(shè)計(jì)上一定要簡(jiǎn)單清晰,定義規(guī)范時(shí)要對(duì)
圖標(biāo)的大小、圓角、線條粗細(xì)、等有明確的指示
,在繪制的時(shí)候我們可以制定自己的
網(wǎng)格規(guī)范
,以便參考。
從混沌到有序:設(shè)計(jì)規(guī)范全方位指南
 
 
3.5、按鈕
按鈕尺寸:
一般來(lái)說(shuō),按鈕的尺寸應(yīng)該能夠適應(yīng)不同的屏幕尺寸和分辨率,并且應(yīng)該能夠突出顯示。
按鈕形狀:
應(yīng)該具有清晰的輪廓和圓潤(rùn)的邊角,圓角大小是多少
按鈕顏色:
按鈕的顏色應(yīng)該與整體UI設(shè)計(jì)風(fēng)格相協(xié)調(diào),并且應(yīng)該能夠突出主題和重點(diǎn)信息。一般主按鈕大多使用主題色。
按鈕文本:
按鈕的文本應(yīng)該簡(jiǎn)短明了,并且應(yīng)該能夠清晰地表達(dá)按鈕的功能。還需要定義清楚按鈕中限制的字?jǐn)?shù)。
按鈕內(nèi)邊距:
按鈕的內(nèi)邊距應(yīng)該能夠擴(kuò)大按鈕的可點(diǎn)擊范圍,并且應(yīng)該能夠提高用戶(hù)點(diǎn)擊按鈕的準(zhǔn)確性。需要考慮極限情況下,最小應(yīng)該保持多少內(nèi)邊距。
按鈕狀態(tài):
按鈕的狀態(tài)應(yīng)該能夠表達(dá)按鈕的狀態(tài)和功能。一般來(lái)說(shuō),按鈕的狀態(tài)包括正常狀態(tài)、點(diǎn)擊狀態(tài)等。
從混沌到有序:設(shè)計(jì)規(guī)范全方位指南
 
 
 

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

關(guān)鍵詞:UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:考思考
鏈接:https://www.zcool.com.cn/article/ZMTYxMjA4OA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)

前端達(dá)人

細(xì)節(jié)成就卓越,從精致彈窗設(shè)計(jì)開(kāi)始。
在移動(dòng)端應(yīng)用的世界里,彈窗不僅是信息傳遞的橋梁,也是用戶(hù)體驗(yàn)的微妙觸點(diǎn)。一個(gè)精心設(shè)計(jì)的彈窗能夠在正確的時(shí)刻捕捉用戶(hù)的注意力,以一種既美觀又功能性強(qiáng)的方式提供必要信息或引導(dǎo)用戶(hù)操作。從視覺(jué)清晰度到操作簡(jiǎn)便性,再到出現(xiàn)的時(shí)機(jī)和頻率,每一個(gè)細(xì)節(jié)都關(guān)乎著用戶(hù)對(duì)應(yīng)用的整體感受和滿意度。讓我們一起探索如何通過(guò)細(xì)致入微的設(shè)計(jì)思考,打造既符合業(yè)務(wù)目標(biāo)又讓用戶(hù)感到愉快的移動(dòng)端彈窗,提升體驗(yàn),創(chuàng)造細(xì)節(jié)之美。
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)
 
 
簡(jiǎn)潔之美,細(xì)節(jié)成就卓越:打造極致移動(dòng)端彈窗體驗(yàn)

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

關(guān)鍵詞:UI咨詢(xún)UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)


作者:Miao_C
鏈接:https://www.zcool.com.cn/article/ZMTYxMTIyOA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

彈框關(guān)閉的七種交互方式

前端達(dá)人

前言:日常設(shè)計(jì)工作中,我們?cè)O(shè)計(jì)師可能會(huì)面臨以下設(shè)計(jì)問(wèn)題:
  1.  
    移動(dòng)端彈框什么時(shí)候需要關(guān)閉按鈕?什么時(shí)候不需要關(guān)閉按鈕?
  2.  
    界面中間的確認(rèn)取消警示彈框,是否需要在右上角添加“關(guān)閉”icon按鈕?
  3.  
    手勢(shì)關(guān)閉彈框需要注意什么?
  4.  
    iOS和安卓?jī)啥岁P(guān)閉彈框有什么區(qū)別?
  5.  
    點(diǎn)擊彈框中的任務(wù)按鈕,彈框是關(guān)閉還是不收起?
彈框關(guān)閉的七種交互方式
 
 
彈框關(guān)閉的七種交互方式
 
 
彈框關(guān)閉的七種交互方式
 
 
 
彈框關(guān)閉的七種交互方式
 
 
統(tǒng)一使用圖標(biāo)按鈕,以icon“x”的形式,顯示在底部彈框的右上角,用戶(hù)通過(guò)點(diǎn)擊“關(guān)閉icon”圖標(biāo)按鈕來(lái)關(guān)閉彈框。
使用場(chǎng)景
當(dāng)彈框中包含內(nèi)容和功能操作時(shí),應(yīng)提供一個(gè)關(guān)閉icon“x”的圖標(biāo)按鈕,以讓用戶(hù)能夠主動(dòng)關(guān)閉彈框并進(jìn)行相應(yīng)的操作。
何時(shí)不需要關(guān)閉按鈕icon“x”?
1.操作型彈框,需要用戶(hù)確認(rèn)或選擇操作項(xiàng),不需要顯示關(guān)閉按鈕,需統(tǒng)一使用文字主按鈕,以文本“取消”的按鈕形式,顯示在彈框面板底部,用戶(hù)通過(guò)點(diǎn)擊“取消”按鈕來(lái)關(guān)閉彈框。例如當(dāng)用戶(hù)進(jìn)行刪除或提交操作時(shí),彈出的確認(rèn)框通常只需要“確定”和“取消”按鈕,而不需要顯示關(guān)閉按鈕。
2.全局提示toast(自動(dòng)關(guān)閉)。
3.功能入口類(lèi)型彈框,為了保持界面簡(jiǎn)潔,不需要“關(guān)閉icon”,如智能文檔編輯模式的底部懸浮工具欄。
4.警示或通知類(lèi)型的彈框,不要關(guān)閉icon。
彈框關(guān)閉的七種交互方式
 
 
關(guān)閉按鈕位置
關(guān)閉按鈕需統(tǒng)一顯示在彈框右上角。遵循iOS和Android系統(tǒng)規(guī)范、用戶(hù)使用習(xí)慣、閱讀習(xí)慣「Z字型」、避免誤操作「關(guān)閉之前需要先確認(rèn)信息和操作項(xiàng)」。
關(guān)閉按鈕icon“x”何時(shí)需要展示在左上角?
頁(yè)面級(jí):當(dāng)頁(yè)面層級(jí)超過(guò)3級(jí)時(shí),為了便于用戶(hù)能快速回到一級(jí)頁(yè)面,無(wú)需原路返回,可以將關(guān)閉按鈕“x” 置于左上角,位于「返回」按鈕右側(cè)。
多語(yǔ)言和國(guó)際化用戶(hù)習(xí)慣:特定語(yǔ)言和文化習(xí)慣,從右向左閱讀順序,遵循用戶(hù)閱讀習(xí)慣。例如臺(tái)灣、日本等。
彈框關(guān)閉的七種交互方式
 
 
用戶(hù)點(diǎn)擊彈框外部區(qū)域,即遮罩層,可關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
遮罩層不可點(diǎn)擊場(chǎng)景
1、模態(tài)彈框,即“阻斷式”,必須要用戶(hù)確認(rèn)彈框內(nèi)操作。例如刪除等需要用戶(hù)確認(rèn)的警示彈框。
2、彈框的內(nèi)容區(qū)域,包含表單輸入框等需要用戶(hù)提交數(shù)據(jù),為了防止誤操作導(dǎo)致用戶(hù)輸入的數(shù)據(jù)丟失,遮罩層不可點(diǎn)擊。
3、有前置限制條件,需要用戶(hù)完成特定操作或滿足特定條件才可關(guān)閉彈框。例如用戶(hù)隱私協(xié)議場(chǎng)景,必須要用戶(hù)主動(dòng)勾選同意協(xié)議選項(xiàng)。
 
遮罩層展示邏輯
1、非模態(tài)彈框,不加遮罩層;模態(tài)彈框,加遮罩層;
2、遮罩層統(tǒng)一使用半透明黑色蒙層,色值和不透明度的數(shù)值由UI定義;
3、遮罩層可視高度,遵循移動(dòng)端最小點(diǎn)擊區(qū)域48dp*48dp高度的交互熱區(qū),保證用戶(hù)可點(diǎn)擊
 
遮罩層的覆蓋范圍
  1.  
    遮罩層需覆蓋標(biāo)題欄,需遵循iOS、Android、微信小程序平臺(tái)規(guī)范。其中微信小程序端,遮罩層覆蓋標(biāo)題欄,但不可覆蓋標(biāo)題欄右側(cè)膠囊按鈕。
  2.  
    若是內(nèi)嵌H5頁(yè)面,因客觀條件限制,則彈框之下的遮罩層無(wú)需覆蓋標(biāo)題欄。
  3.  
    以上提到模態(tài)彈框和非模態(tài)彈框兩種彈框模式,要想更清晰理解兩種模式彈框的關(guān)閉交互方式,需要理解兩者之間的交互區(qū)別。‍‍
 
模態(tài)彈框和非模態(tài)彈框的交互區(qū)別
模態(tài)彈框‍‍‍‍‍‍‍‍‍‍‍‍:
用戶(hù)只能操作彈框內(nèi)的交互元素,彈框外部區(qū)域不可操作,需要加半透明遮罩層。例如底部操作型彈框。
非模態(tài)彈框‍‍‍‍‍‍‍‍‍‍‍
用戶(hù)可以并行操作彈框內(nèi)和彈框外部區(qū)域的交互元素,不要加半透明遮罩層。例如蘋(píng)果地圖App。
 
彈框關(guān)閉的七種交互方式
 
 
用戶(hù)在底部彈框區(qū)域向下滑動(dòng)手指,彈框會(huì)隨之向下移動(dòng),當(dāng)?shù)竭_(dá)當(dāng)前彈框高度的1/2位置后,會(huì)觸發(fā)關(guān)閉交互,用戶(hù)繼續(xù)向下滑動(dòng)松手則關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
交互邏輯
1、支持下拉關(guān)閉的彈框,頭部區(qū)域需統(tǒng)一展示水平條icon,樣式由UI定義
2、交互熱區(qū):底部彈框全部區(qū)域
3、手勢(shì)方向:手指只能向下移動(dòng)
4、下拉觸發(fā)關(guān)閉彈框閾值:當(dāng)前底部彈框高度的1/2位置
 
使用場(chǎng)景
長(zhǎng)內(nèi)容類(lèi)型彈框,需使用下拉關(guān)閉交互手勢(shì),關(guān)閉彈框
 
不可用下拉手勢(shì)關(guān)閉彈框的場(chǎng)景
1、模態(tài)彈框,即“阻斷式”,必須要用戶(hù)確認(rèn)彈框內(nèi)操作。例如刪除等需要用戶(hù)確認(rèn)的警示彈框。
2、彈框的內(nèi)容區(qū)域,包含表單輸入框等需要用戶(hù)提交數(shù)據(jù),為了防止誤操作導(dǎo)致用戶(hù)輸入的數(shù)據(jù)丟失,不可下拉關(guān)閉彈框。
3、有前置限制條件,需要用戶(hù)完成特定操作或滿足特定條件才可關(guān)閉彈框。例如用戶(hù)隱私協(xié)議場(chǎng)景,必須要用戶(hù)主動(dòng)勾選同意協(xié)議選項(xiàng)。
 
彈框關(guān)閉的七種交互方式
 
 
用戶(hù)在屏幕上向下滑動(dòng)(包括左下或右下滑動(dòng)方向)至任意位置后松手釋放,可關(guān)閉彈框;當(dāng)用戶(hù)手指下滑未松手,繼續(xù)向上滑動(dòng)到任意位置后松手釋放,則可取消關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
使用場(chǎng)景
僅圖片大圖模式場(chǎng)景使用。用戶(hù)向下滑動(dòng)屏幕,圖片隨之向下移動(dòng),松手后觸發(fā)關(guān)閉圖片查看器,關(guān)閉圖片彈框
例如:手機(jī)相冊(cè)
彈框關(guān)閉的七種交互方式
 
 
用戶(hù)從彈框區(qū)域左邊緣向右輕掃,即快速向右滑動(dòng)后松手,則觸發(fā)關(guān)閉彈框操作,關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
不可從界面左邊緣向右輕掃場(chǎng)景
1、模態(tài)彈框,即“阻斷式”,必須要用戶(hù)確認(rèn)彈框內(nèi)操作。例如刪除等需要用戶(hù)確認(rèn)的警示彈框
2、彈框的內(nèi)容區(qū)域,包含表單輸入框等需要用戶(hù)提交數(shù)據(jù),為了防止誤操作導(dǎo)致用戶(hù)輸入的數(shù)據(jù)丟失,不支持向右輕掃關(guān)閉彈框。
3、有前置限制條件,需要用戶(hù)完成特定操作或滿足特定條件才可關(guān)閉彈框。例如用戶(hù)隱私協(xié)議場(chǎng)景,必須要用戶(hù)主動(dòng)勾選同意協(xié)議選項(xiàng)。
除以上場(chǎng)景外,均需要支持彈框左邊緣向右輕掃手勢(shì)關(guān)閉彈框,包括Android、iOS、小程序。
 
特殊場(chǎng)景
1、當(dāng)同時(shí)存在頁(yè)面向右滑和彈框向右輕掃手勢(shì)時(shí),在彈框區(qū)域向右輕掃,先關(guān)閉彈框,再次沿著屏幕左邊緣向右滑動(dòng),則返回上級(jí)頁(yè)面。
2、鍵盤(pán)展開(kāi)場(chǎng)景,iOS端不支持左邊緣向右輕掃收起鍵盤(pán),遵循iOS平臺(tái)規(guī)范。
彈框關(guān)閉的七種交互方式
 
 
對(duì)于安卓設(shè)備,用戶(hù)可以使用設(shè)備上的物理返回按鈕來(lái)關(guān)閉彈框。當(dāng)用戶(hù)按下返回按鈕時(shí),可關(guān)閉彈框。
交互用法
1、點(diǎn)擊物理按鍵,需原路逐級(jí)返回,不允許跳級(jí)返回
2、模態(tài)彈框,遮罩層覆蓋物理返回按鍵,不支持左邊緣向右輕掃關(guān)閉彈框
3、安卓手機(jī)將系統(tǒng)導(dǎo)航方式切換到全面屏手勢(shì),則不存在物理返回按鍵
彈框關(guān)閉的七種交互方式
 
 
  1.  
    點(diǎn)擊彈框中的功能按鈕,通常需要立即執(zhí)行并關(guān)閉彈框。一定是先執(zhí)行再關(guān)閉彈框,而不是先關(guān)閉彈框再執(zhí)行。用戶(hù)執(zhí)行某功能按鈕后,遵循即時(shí)響應(yīng)原則,系統(tǒng)必須要反饋用戶(hù)在執(zhí)行用戶(hù)操作。
  2.  
    為什么點(diǎn)擊執(zhí)行功能按鈕需要關(guān)閉彈框?因?yàn)閺椏蚴欠耜P(guān)閉,和用戶(hù)目標(biāo)有關(guān)。用戶(hù)主動(dòng)觸發(fā)某操作喚起彈框,首先是有用戶(hù)目標(biāo)的,其次,用戶(hù)通過(guò)點(diǎn)擊彈框內(nèi)某功能按鈕,執(zhí)行任務(wù)來(lái)實(shí)現(xiàn)用戶(hù)目標(biāo)。
  3.  
    此外,也存在點(diǎn)擊執(zhí)行功能按鈕立即執(zhí)行不關(guān)閉彈框的場(chǎng)景,比如開(kāi)關(guān)選擇器,但本質(zhì)還是圍繞當(dāng)前用戶(hù)目標(biāo)來(lái)進(jìn)行決策是否關(guān)閉彈框。
 
結(jié)語(yǔ):任何設(shè)計(jì)都有它遵循的規(guī)律
彈框關(guān)閉的七種交互方式
 
 
 
 
 
 
 
 
 

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

關(guān)鍵詞:UI咨詢(xún)UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:CNLILY
鏈接:https://www.zcool.com.cn/article/ZMTYxMTQzNg==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

談?wù)勗O(shè)計(jì)創(chuàng)意獲取的思路

前端達(dá)人

談?wù)勗O(shè)計(jì)創(chuàng)意獲取的思路
 
 
讀了一本書(shū),杰夫戴維森的《The 60 sencond Innovation 》,講的是
創(chuàng)意的獲取方式
。因?yàn)閲?guó)外的設(shè)計(jì)環(huán)境與國(guó)內(nèi)還是有很大區(qū)別的(所以這本書(shū)的微信讀書(shū)書(shū)評(píng)并不是很高),我摘選了幾個(gè)我認(rèn)為
適合國(guó)內(nèi)現(xiàn)狀的創(chuàng)意獲取方法,與大家共享
談?wù)勗O(shè)計(jì)創(chuàng)意獲取的思路
 
 
一、關(guān)于設(shè)計(jì)趨勢(shì)
設(shè)計(jì)創(chuàng)意是符合設(shè)計(jì)趨勢(shì)的,我們需要關(guān)注設(shè)計(jì)趨勢(shì)。
我覺(jué)得趨勢(shì)這個(gè)詞,書(shū)里面有個(gè)觀點(diǎn)還是可以的:
關(guān)注長(zhǎng)期趨勢(shì)
為什么這么說(shuō)呢,因?yàn)橼厔?shì)不是朝三暮四的,往往會(huì)保持很長(zhǎng)的時(shí)間。所以我們?cè)谧鲈O(shè)計(jì)創(chuàng)意的時(shí)候可以適當(dāng)關(guān)注長(zhǎng)期趨勢(shì)。
1.1關(guān)注社會(huì)趨勢(shì)的重要性
最直接影響的就是職業(yè)生涯的發(fā)展
。譬如你是一名UI設(shè)計(jì)師或者即將畢業(yè)的學(xué)生,在當(dāng)前的形勢(shì)下UI設(shè)計(jì)師已經(jīng)趨于飽和,你想完成一次職業(yè)方向的確定或轉(zhuǎn)變,你會(huì)往哪里走?
那么你需要關(guān)注設(shè)計(jì)趨勢(shì)。
如果你選擇的是一個(gè)接近飽和的方向,那么你的薪資幾年內(nèi)肯定也得不到提高。有的設(shè)計(jì)師經(jīng)常會(huì)說(shuō)我做UI設(shè)計(jì)5-7年了,但是薪資依然還是1萬(wàn),我
只能說(shuō)你現(xiàn)在沒(méi)有什么競(jìng)爭(zhēng)力。
所以趁著年輕,你可以考慮換一條細(xì)分的賽道。
譬如逐漸趨于飽和的車(chē)載HMI設(shè)計(jì),即將爆發(fā)的類(lèi)似于Vision Pro的增強(qiáng)現(xiàn)實(shí)設(shè)計(jì)。。。
來(lái)自于蘋(píng)果官網(wǎng)
來(lái)自于蘋(píng)果官網(wǎng)
 
1.2如何了解設(shè)計(jì)趨勢(shì)
首先,最直觀的就是設(shè)計(jì)大事件。
譬如蘋(píng)果等著名品牌引導(dǎo)的設(shè)計(jì)承載方式的變革。從羅永浩推出無(wú)限屏概念開(kāi)始,其實(shí)類(lèi)似的空間設(shè)計(jì)就已經(jīng)處于慢熱狀態(tài)。直到蘋(píng)果正式發(fā)布了Vision Pro,這種大事件直接將增強(qiáng)空間設(shè)計(jì)推向了高潮。
我們可以通過(guò)蘋(píng)果的官方網(wǎng)站,去了解Vision Pro的使用方法,以此來(lái)感受Vision pro可以改變什么?文本編輯、影視、閱讀以及游戲等等用戶(hù)體驗(yàn)與手機(jī)操作的不同點(diǎn),從而延伸出未來(lái)可以商業(yè)化的場(chǎng)景方向,可以做預(yù)知性的推斷。
有興趣的設(shè)計(jì)師還可以通過(guò)蘋(píng)果發(fā)布的
Vision pro模擬器
,來(lái)嘗試性地輸出一些創(chuàng)新的想法和創(chuàng)意,以此來(lái)建立自己在增強(qiáng)空間設(shè)計(jì)上的設(shè)計(jì)經(jīng)驗(yàn)和競(jìng)爭(zhēng)力。
其次,可以通過(guò)設(shè)計(jì)網(wǎng)站、社區(qū)和平臺(tái)。
譬如優(yōu)設(shè)、站酷、人人都是產(chǎn)品經(jīng)理等一些設(shè)計(jì)資訊平臺(tái)。很多設(shè)計(jì)師會(huì)將國(guó)外的一些好的設(shè)計(jì)趨勢(shì)的文章翻譯,我們可以通過(guò)這些文章來(lái)獲取設(shè)計(jì)趨勢(shì)。
再者,可以通過(guò)行業(yè)內(nèi)的研究報(bào)告。
譬如艾瑞咨詢(xún)發(fā)布的《2023年AIGC場(chǎng)景應(yīng)用展望研究報(bào)告》,里面就闡述了下一年甚至是未來(lái)AIGC的發(fā)展方向。
二、經(jīng)驗(yàn)積累促進(jìn)設(shè)計(jì)創(chuàng)意輸出
2.1經(jīng)驗(yàn)積累到一定程度的好處
一般設(shè)計(jì)師在自身發(fā)展的同時(shí),也都會(huì)留意身邊設(shè)計(jì)師發(fā)展的如何,嫉妒和對(duì)比是很正常的。有的設(shè)計(jì)師會(huì)覺(jué)得為什么他年紀(jì)不大卻能當(dāng)領(lǐng)導(dǎo),為什么他的薪資比我多那么多,為什么每次任務(wù)下來(lái)后他總是做的又快又好。。。
因?yàn)檫@是工作/設(shè)計(jì)經(jīng)驗(yàn)給他帶來(lái)了各種紅利。
為什么經(jīng)驗(yàn)豐富的設(shè)計(jì)師創(chuàng)意那么多呢?那就是
尤尼卡效應(yīng)(靈感的悄然而至)
。有經(jīng)驗(yàn)的設(shè)計(jì)師,職業(yè)生涯過(guò)程中看過(guò)無(wú)數(shù)的案例,想過(guò)無(wú)數(shù)的方案,做過(guò)無(wú)數(shù)的作品。所以,他們可以在看到問(wèn)題的時(shí)候,立馬給你輸出設(shè)計(jì)方案。如果你能達(dá)到這種地步,你的競(jìng)爭(zhēng)力也將無(wú)可匹敵。
2.2經(jīng)驗(yàn)積累下的靈感輸出
做到兩點(diǎn):
【建立方向】和【埋頭苦干】
。
畢業(yè)5年內(nèi)的設(shè)計(jì)師,可以不用過(guò)多的去關(guān)注別人與自己的差別,你要做的就是【建立方向】和【埋頭苦干】,幸運(yùn)只光顧有準(zhǔn)備的頭腦。
那些有經(jīng)驗(yàn)的設(shè)計(jì)師也都是摸爬滾打一點(diǎn)一滴練出來(lái)的。過(guò)年的時(shí)候跟大學(xué)同學(xué)吃飯,設(shè)計(jì)耕耘10余載,他已經(jīng)是某設(shè)計(jì)院的總監(jiān)了。想想與他一起住過(guò)的小黑屋,想想我們打地鋪黑燈瞎火的做項(xiàng)目,為了錢(qián)么?是因?yàn)闊釔?ài),想做出更好的作品。再看看他一路走來(lái)的工作歷程,他基本上在一個(gè)垂直方向上深耕細(xì)作,從場(chǎng)館的設(shè)計(jì)方案到制定預(yù)算,從項(xiàng)目投標(biāo)到施工流程,整個(gè)一套流程都駕輕就熟了。
2.3不斷嘗試后的靈感輸出
設(shè)計(jì)師們都知道,靈感不會(huì)輕易上門(mén)。
創(chuàng)意是被逼出來(lái)的
!這一點(diǎn)設(shè)計(jì)師們都很有感觸。
這里的經(jīng)驗(yàn)積累不完全是工作年限的意思,也有深度挖掘之意
。
尤尼卡效應(yīng)要求我們,即使在設(shè)計(jì)工作中沒(méi)有靈感的時(shí)候,繼續(xù)嘗試著梳理思路不斷鉆研,肯定會(huì)有靈感乍現(xiàn)的那一刻。就像書(shū)中說(shuō)的那樣:
因?yàn)閯?chuàng)新是一個(gè)漸進(jìn)的過(guò)程,一次加上一點(diǎn)思考,最終會(huì)柳暗花明。
MIdjourny輸出:設(shè)計(jì)師絞盡腦汁
MIdjourny輸出:設(shè)計(jì)師絞盡腦汁
 
三、創(chuàng)意匯報(bào)
3.1高中低方案戰(zhàn)略
要想實(shí)現(xiàn)創(chuàng)意被大家更好地接受,通??梢詼?zhǔn)備三種可能的方案:1.最佳方案2.中間方案3.最差方案
領(lǐng)導(dǎo)的決策,也需要有一定的參考。我們給出的方案,盡量涵蓋高中低三種維度,以便進(jìn)行對(duì)比。
3.2選擇時(shí)機(jī)進(jìn)行推薦
創(chuàng)意方案出來(lái)后,你可以安排一次會(huì)議/宣講會(huì),闡述一下自己的設(shè)計(jì)方案。聰明的做法就是在會(huì)議召開(kāi)之前,先私下把方案簡(jiǎn)單過(guò)一下,以獲得一定的支持。
3.3學(xué)會(huì)傾聽(tīng)
你在匯報(bào)項(xiàng)目的過(guò)程中,別人會(huì)有一些想法和建議,麻煩你認(rèn)真傾聽(tīng)。不要著急去打斷,以免造成厭惡性溝通。
3.4不要放棄
創(chuàng)意被否定很正常。
真正能一次通過(guò)的創(chuàng)意實(shí)屬罕見(jiàn),就好比不能因?yàn)槟貌坏降谝痪筒簧蠄?chǎng)比賽一樣,你也不應(yīng)該因?yàn)閯?chuàng)意被否一次就永遠(yuǎn)自暴自棄。
四、創(chuàng)意輸出需要心流狀態(tài)
心流狀態(tài)是指自己已經(jīng)完全沉浸在設(shè)計(jì)創(chuàng)意中了。
心流狀態(tài)可以很好地幫助設(shè)計(jì)師提高工作效率,促進(jìn)設(shè)計(jì)創(chuàng)意的輸出。
4.1如何獲得心流狀態(tài)
環(huán)境很重要。
對(duì)于設(shè)計(jì)師而言,通過(guò)調(diào)整周?chē)沫h(huán)境,比如說(shuō)引進(jìn)一些比較明亮的色彩、圖片、標(biāo)語(yǔ)等,可以大大激發(fā)一個(gè)人的學(xué)習(xí)能力。
開(kāi)放、整潔、平整的表面有助于整理人的思維,所以一般來(lái)說(shuō),你的桌子越干凈,就越容易提高工作效率,應(yīng)對(duì)工作中的各種挑戰(zhàn)。
五、創(chuàng)意伙伴日常溝通
眾人拾柴火焰高。
5.1與什么樣的人溝通
與相同價(jià)值的人溝通。
《探尋第一名》(Looking Out for Number One)一書(shū)中,作者羅伯特·林格(Robert Ringer)指出,持久的關(guān)系——一方為另一方提供相同的價(jià)值,雙方的利益交織在一起,讓這種關(guān)系持續(xù)下去——非常有價(jià)值。
因此
你找的人必定是彼此都珍視的人,可以成為創(chuàng)意伙伴
。你可以每個(gè)月找創(chuàng)意伙伴聊聊天喝喝茶充充電,獲取一些新的想法,讓自己的大腦保持常青常新。馬云說(shuō)過(guò),企業(yè)在不缺錢(qián)的時(shí)候融資,而不是缺錢(qián)了再去融資。
設(shè)計(jì)圈有認(rèn)識(shí)的大佬都很重視溝通,會(huì)經(jīng)常跟身邊的朋友聊天,其實(shí)這很大程度上
可以讓一個(gè)人擁有多個(gè)人的經(jīng)驗(yàn)和能力。
所以設(shè)計(jì)師應(yīng)該嘗試著開(kāi)放一些,而不是閉門(mén)造車(chē)。
MIdjourny輸出:設(shè)計(jì)師聊天
MIdjourny輸出:設(shè)計(jì)師聊天
 
六、公司層面:討論/溝通氛圍的重要性
公司層面,應(yīng)該鼓勵(lì)設(shè)計(jì)師在會(huì)議上多闡述自己的意見(jiàn)。
很多公司是不是有這樣一種現(xiàn)象:開(kāi)會(huì)的時(shí)候鴉雀無(wú)聲,只聽(tīng)到匯報(bào)的人膽怯地練著演講稿或者說(shuō)著自己的方案,讓其他人給意見(jiàn)的時(shí)候基本無(wú)人舉手,只能等領(lǐng)導(dǎo)給一些修改意見(jiàn),
然后這個(gè)設(shè)計(jì)方案就變成了領(lǐng)導(dǎo)認(rèn)可的設(shè)計(jì)方案了。
其實(shí)這種工作氛圍真的非常糟糕,限制了設(shè)計(jì)師的創(chuàng)意的發(fā)揮,同時(shí)也讓產(chǎn)品成為了一個(gè)片面性的產(chǎn)品。
6.1建立討論溝通氛圍的好處
所以團(tuán)隊(duì)的討論氛圍一定要建立起來(lái)。
書(shū)里這樣描述:
1.當(dāng)一個(gè)人感覺(jué)自己的想法受人歡迎的時(shí)候,他會(huì)想出更多有創(chuàng)意的點(diǎn)子來(lái)解決眼前的問(wèn)題——有時(shí)可能會(huì)在會(huì)上發(fā)表看法,有時(shí)則是在私下里提出建議;
2.如果團(tuán)隊(duì)的每個(gè)成員都感覺(jué)更有滿足感,他們的參與熱情就會(huì)高漲。想想看,如果人人都愿意獻(xiàn)計(jì)獻(xiàn)策,事情將會(huì)變得多么容易??!
6.2好好先生對(duì)設(shè)計(jì)創(chuàng)意的阻礙
討論溝通,也促進(jìn)了不同聲音的展現(xiàn)。團(tuán)隊(duì)需要不同的聲音,團(tuán)隊(duì)需要謙和而堅(jiān)定的人來(lái)告訴我們事情的本來(lái)面目,要聽(tīng)到赤裸裸的現(xiàn)實(shí)。
 
感謝大家閱讀。
【阿琦設(shè)計(jì)日記】,用最接地氣的語(yǔ)言,講述設(shè)計(jì)師成長(zhǎng)道路上的故事。

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

關(guān)鍵詞:UI咨詢(xún)UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:阿琦Aqi
鏈接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

如何巧妙的呈現(xiàn)龍年氛圍感

前端達(dá)人

龍年春節(jié)已結(jié)束,回顧一下各大產(chǎn)品是如何營(yíng)造龍年氛圍感的,今天黑馬哥精選了部分場(chǎng)景,我們一起來(lái)看看吧!
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
一、封面邊框營(yíng)造氛圍感
 
通過(guò)對(duì)主界面配圖營(yíng)造氛圍感相對(duì)直接,可以針對(duì)封面設(shè)計(jì)進(jìn)行創(chuàng)意,也可以在邊框上面進(jìn)行裝飾。
 
愛(ài)奇藝首頁(yè)推薦的影片封面設(shè)計(jì)中,在不改變結(jié)構(gòu)布局的基礎(chǔ)上,對(duì)封面邊框進(jìn)行氛圍裝飾,簡(jiǎn)潔直觀地呈現(xiàn)出龍年氛圍感。通過(guò)對(duì)封面設(shè)計(jì)進(jìn)行創(chuàng)意,可以避免改變產(chǎn)品結(jié)構(gòu),方便隨時(shí)更換,靈活性較高。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
二、通過(guò)圖標(biāo)配色營(yíng)造氛圍感
 
營(yíng)造氛圍感最直接的表現(xiàn)就是顏色層面,可以通過(guò)配色突出主題氛圍。
 
馬蜂窩 App 首頁(yè)金剛區(qū)圖標(biāo),春節(jié)期間運(yùn)用紅黃漸變進(jìn)行圖標(biāo)配色,以此強(qiáng)化春節(jié)氛圍感。不改變圖標(biāo)造型,也能便于用戶(hù)記憶和適應(yīng)變化,表現(xiàn)形式簡(jiǎn)潔有效。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
三、主題活動(dòng)替換品牌區(qū)域
 
利用品牌 Logo 進(jìn)行主題演變可以是品牌造型層面設(shè)計(jì),也可以在品牌區(qū)域位置上面替換內(nèi)容,針對(duì)預(yù)留的位置發(fā)揮性更強(qiáng)。
 
夸克 App 在主頁(yè)默認(rèn)展示品牌 Logo,春節(jié)期間以主題活動(dòng)進(jìn)行替換,不僅突出氛圍也能增加活動(dòng)曝光度。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
四、煙花動(dòng)效突出頂部視覺(jué)區(qū)域
 
通過(guò)春節(jié)元素進(jìn)行動(dòng)效表現(xiàn),可以讓氛圍感更突出,比如綻放的煙花、鞭炮、祥云、生肖元素等。
 
攜程旅行首頁(yè)頂部視覺(jué)區(qū)域,春節(jié)期間以綻放的煙花動(dòng)效進(jìn)行表現(xiàn),氛圍感十足。不僅突出年味,也能讓區(qū)域視覺(jué)感更突出。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
五、主題文案嵌入圖標(biāo)設(shè)計(jì)
 
金剛區(qū)就如同百變金剛一般,更換內(nèi)容非常便利,靈活性很高。針對(duì)圖標(biāo)設(shè)計(jì)風(fēng)格、主題風(fēng)格、主題文案等形式進(jìn)行設(shè)計(jì)融入,均可突出各類(lèi)主題風(fēng)格。
 
安居客 App 首頁(yè)金剛區(qū)圖標(biāo)設(shè)計(jì),在春節(jié)期間結(jié)合主題文案進(jìn)行嵌入,氛圍感表現(xiàn)得直觀清晰。再配合春節(jié)氛圍的 Banner 展示,新春氛圍渲染得非常到位。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
六、按鈕設(shè)計(jì)中的畫(huà)龍點(diǎn)睛
 
針對(duì)主按鈕設(shè)計(jì)進(jìn)行發(fā)揮較為常見(jiàn),可以在按鈕造型、配色、裝飾等層面發(fā)揮,表現(xiàn)形式豐富多樣。
 
攜程旅行訂票查詢(xún)按鈕設(shè)計(jì)中,可謂是畫(huà)龍點(diǎn)睛。將中國(guó)龍和春節(jié)元素融入到按鈕裝飾中,不僅突出氛圍感,眨眼睛的動(dòng)效也是點(diǎn)睛之筆。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
七、主題皮膚氛圍感拉滿
 
在產(chǎn)品的各區(qū)域都可以進(jìn)行主題氛圍營(yíng)造,形成不一樣的主題皮膚,帶給用戶(hù)節(jié)日的沉浸式體驗(yàn)。
 
嘀嗒出行 App 從不錯(cuò)過(guò)每個(gè)節(jié)日的表達(dá),春節(jié)期間在多個(gè)場(chǎng)景營(yíng)造氛圍感,使得主題皮膚氛圍感拉滿。在背景區(qū)域、各局部視覺(jué)區(qū)域、圖標(biāo)、彈窗、按鈕、配圖等,把春節(jié)氛圍表現(xiàn)得淋漓盡致。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
八、滿屏紅包搶不停
 
對(duì)于春節(jié)而言怎能少得了搶紅包的環(huán)節(jié),將搶紅包的游戲結(jié)合到活動(dòng)中,氛圍感和參與度都非常到位。
 
騰訊視頻 App 就將搶紅包的游戲結(jié)合到活動(dòng)表達(dá)中,滿屏的紅包讓你搶不停,用戶(hù)的參與度瞬間被激活啦!通過(guò)游戲化的形式表達(dá)活動(dòng)主題,更能符合年輕用戶(hù)的需求。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
九、主題化 IP 形象表達(dá)
 
針對(duì) IP 形象進(jìn)行主題換膚,是強(qiáng)化主題氛圍最直接的設(shè)計(jì)形式。
 
自如將主題化 IP 融入到個(gè)人中心和頭像等表達(dá)中,也能突出春節(jié)氛圍。在金剛區(qū)圖標(biāo)設(shè)計(jì)中也將春節(jié)元素進(jìn)行發(fā)揮,整體的氛圍營(yíng)造非常到位。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
十、無(wú)處不在的云放煙花
 
燃放煙花爆竹才能體現(xiàn)出年味,在產(chǎn)品中的云放煙花也能讓用戶(hù)感受到樂(lè)趣。
 
高德地圖無(wú)處不在的云放煙花,不僅讓用戶(hù)感受到煙花的樂(lè)趣,也能讓云端年味變得更有氛圍感。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
十一、突出卡片設(shè)計(jì)氛圍
 
卡片式設(shè)計(jì)通常較為簡(jiǎn)單,以白色卡片居多,特殊情況下也會(huì)進(jìn)行局部氛圍營(yíng)造。
 
高德地圖個(gè)人中心在春節(jié)期間,推出了拜年相關(guān)的版塊,以春節(jié)氛圍營(yíng)造卡片設(shè)計(jì),氛圍感十足。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
十二、營(yíng)造底部標(biāo)簽欄氛圍感
 
底部標(biāo)簽欄圖標(biāo)發(fā)揮是營(yíng)造主題氛圍的最佳選擇之一,各大產(chǎn)品都會(huì)在這個(gè)區(qū)域進(jìn)行設(shè)計(jì)發(fā)揮。
 
結(jié)合春節(jié)元素進(jìn)行圖標(biāo)設(shè)計(jì),或者在背景層面突出氛圍等,設(shè)計(jì)表現(xiàn)形式非常多樣化。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
小結(jié)
 
營(yíng)造龍年氛圍感的形式和案例非常多,這里僅選擇了小部分作為欣賞。希望可以拋磚引玉,和大家一起在體驗(yàn)和積累中不斷進(jìn)步。
 
作者:黑馬青年(vx: heimaux)
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
 


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxMDU5Ng==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

產(chǎn)品體驗(yàn)改版應(yīng)該這樣做!

前端達(dá)人

前言

hi 大家好,最近忙里偷閑,對(duì)過(guò)去在團(tuán)隊(duì)中主導(dǎo)的一次產(chǎn)品改版進(jìn)行了深入的梳理。現(xiàn)在,來(lái)和大家分享這次改版的思路和方法,以及我是如何逐步推動(dòng)整個(gè)過(guò)程的。
在這次改版中,我運(yùn)用了一系列的方法論和思路,以確保我們能夠更好地滿足用戶(hù)需求和市場(chǎng)趨勢(shì)。同時(shí),我也遇到了一些挑戰(zhàn)和困難,但通過(guò)不斷嘗試和調(diào)整,我們最終成功地完成了改版。
文章內(nèi)容較長(zhǎng),但相信耐心閱讀后,你一定會(huì)有所收獲。希望通過(guò)我的經(jīng)驗(yàn)總結(jié)能夠?yàn)榇蠹姨峁┮恍﹩⑹竞蛶椭?,讓我們?cè)谖磥?lái)的工作中更加順利和高效。
我將拆分為六個(gè)階段:1.準(zhǔn)備、2.探索、3.收攏、4.制定、5.執(zhí)行、6.成果對(duì)大家理解整個(gè)流程會(huì)更加清晰一些。

 

壹、準(zhǔn)備

在執(zhí)行前我們要做好哪些準(zhǔn)備工作呢?并能有效幫助我們提前規(guī)避一些問(wèn)題,且更有序順利的推進(jìn)項(xiàng)目,通過(guò)后續(xù)項(xiàng)目復(fù)盤(pán)我大概總結(jié)了以下三個(gè)比較核心點(diǎn):1.編寫(xiě)SOP文檔、2.明確參與人員、3.制定執(zhí)行策略。

 

一、編寫(xiě)SOP文檔

更重要的是明確執(zhí)行流程,提高工作效率,它能夠清晰地展示整個(gè)執(zhí)行過(guò)程,讓協(xié)作者更容易理解和掌握?qǐng)?zhí)行步驟,一份詳情的SOP大綱可以減少在執(zhí)行過(guò)程中犯錯(cuò)概率,我們可以通過(guò)它明確規(guī)劃過(guò)程或任務(wù)應(yīng)該如何執(zhí)行,包括具體的步驟、方法、所需材料和注意事項(xiàng)等。這有助于我們?cè)趫?zhí)行過(guò)程中更好掌握方向避免失焦。

二、明確參與人員

在執(zhí)行前需要明確參與到整個(gè)流程中的角色,我將參與人員分為了兩類(lèi),固定參與非固定可調(diào)配,正如詞意固定參與人員指的是在整個(gè)流程中起到主要作用,需要長(zhǎng)期緊密協(xié)作的人員,比如方案制定者、設(shè)計(jì)師、PM、開(kāi)發(fā)人員等。而非固定可調(diào)配人員則是在特定情況下才參與的人員,在項(xiàng)目中起到輔助作用,比如協(xié)助進(jìn)行訪談或上機(jī)測(cè)試、通過(guò)調(diào)用內(nèi)部團(tuán)隊(duì)資源組織虛擬小組進(jìn)行用戶(hù)體驗(yàn)研究的協(xié)調(diào)員等。不同的人員在流程中扮演不同的角色和承擔(dān)不同的職責(zé),總之可以將自己當(dāng)作成這個(gè)項(xiàng)目中的Owner所有事物都由你來(lái)制定。

例如1:方案產(chǎn)出后可以邀請(qǐng)公司一線同學(xué),進(jìn)行測(cè)試以驗(yàn)證方案是否解決了用戶(hù)痛點(diǎn)和方案完整度。通過(guò)收集反饋數(shù)據(jù)可以評(píng)估方案的效果和可行性,從而進(jìn)行調(diào)整和優(yōu)化,較多個(gè)維度度量。
例如2:當(dāng)需要進(jìn)行頭腦風(fēng)暴或其他研究時(shí)可以調(diào)用內(nèi)部團(tuán)隊(duì)資源,通過(guò)組織虛擬小組的方式進(jìn)行。這樣可以方便我們了解不同用戶(hù)的反饋聲音,使我們更加精準(zhǔn)找到方向,提高工作效率。

三、制定執(zhí)行策略

在執(zhí)行時(shí)需要明確具體的執(zhí)行策略和計(jì)劃,以確保能夠按時(shí)、按質(zhì)地完成計(jì)劃,根據(jù)目標(biāo)和范圍、資源和時(shí)間等因素,制定具體的執(zhí)行策略包括任務(wù)分解、時(shí)間表、負(fù)責(zé)人等核心價(jià)值觀要做到“試試有回應(yīng),件件有著落”。

在制定執(zhí)行策略計(jì)劃排期時(shí),我總結(jié)了五個(gè)注意事項(xiàng):

  1. 任務(wù)分解要具體、明確,包括具體的任務(wù)名稱(chēng)、工作內(nèi)容、完成標(biāo)準(zhǔn)等信息。
  2. 時(shí)間節(jié)點(diǎn)要合理、緊湊,確保任務(wù)能夠按時(shí)完成。
  3. 負(fù)責(zé)人要明確,并分配合理的工作量和職責(zé)。
  4. 風(fēng)險(xiǎn)和問(wèn)題的預(yù)測(cè)要全面、準(zhǔn)確,并制定相應(yīng)的應(yīng)對(duì)措施。
  5. 調(diào)整和優(yōu)化要及時(shí)、靈活,根據(jù)實(shí)際情況進(jìn)行調(diào)優(yōu)。

總之,制定執(zhí)行策略計(jì)劃排期是項(xiàng)目或任務(wù)成功執(zhí)行的關(guān)鍵之一。通過(guò)合理的任務(wù)分解、時(shí)間節(jié)點(diǎn)安排和負(fù)責(zé)人分配等措施,可以更好地規(guī)劃和管理項(xiàng)目或任務(wù)的執(zhí)行過(guò)程,確保按時(shí)、按質(zhì)地完成。
小結(jié):以上是我對(duì)項(xiàng)目改版前期準(zhǔn)備工作總結(jié)的心得,做足前期準(zhǔn)備工作,可以確保項(xiàng)目改版的方向更加明確,團(tuán)隊(duì)之間的合作更加順暢,從而為后續(xù)的執(zhí)行和推進(jìn)奠定有利的基礎(chǔ)

 

貳、探索

在探索階段制定明確的策略是至關(guān)重要的,以確保能夠有效地深入洞察問(wèn)題并識(shí)別出產(chǎn)品中存在的“體驗(yàn)問(wèn)題”“用戶(hù)需求”。以下是我制定的策略:

 

一、體驗(yàn)層策略
體驗(yàn)層將通過(guò)A.可用性測(cè)試、B. 數(shù)據(jù)分析、C.競(jìng)品分析三大板塊進(jìn)行深入洞察,并識(shí)別出產(chǎn)品存在的體驗(yàn)問(wèn)題。

 

A. 可用性測(cè)試:

通過(guò)小規(guī)模的可用性測(cè)試,邀請(qǐng)目標(biāo)用戶(hù)參與,以觀察他們?nèi)绾闻c產(chǎn)品進(jìn)行交互。通過(guò)這種方式,可以發(fā)現(xiàn)用戶(hù)在操作過(guò)程中的問(wèn)題、困擾和需求。對(duì)于可性測(cè)試網(wǎng)上有很多介紹以及使用方法,這里我就不過(guò)多展開(kāi)講解了,簡(jiǎn)單總結(jié)一些我在使用過(guò)程中制定的流程和方法。

  1. 組織虛擬小組:因?yàn)榭捎眯詼y(cè)試需要大量的樣本的數(shù)據(jù)支撐,我們可以調(diào)動(dòng)內(nèi)部團(tuán)隊(duì)資源組建成2人一組或3人一組小團(tuán)隊(duì),并分配角色和職責(zé)如:觀察員,記錄員等。分別進(jìn)行觀察用戶(hù)上機(jī)測(cè)試。
  2. 確定測(cè)試目的:明確測(cè)試的目標(biāo),是為了評(píng)估產(chǎn)品的可用性、找出問(wèn)題、改進(jìn)設(shè)計(jì)等。
  3. 選擇測(cè)試對(duì)象:可以邀請(qǐng)公司內(nèi)部具有代表性的用戶(hù)(外部用戶(hù)邀請(qǐng)不到情況下)需要考慮不同的用戶(hù)類(lèi)型、背景和需求,以便更全面地評(píng)估產(chǎn)品的可用性。
  4. 制定測(cè)試任務(wù):根據(jù)產(chǎn)品的特點(diǎn)和用戶(hù)需求,設(shè)計(jì)產(chǎn)品核心關(guān)鍵操作任務(wù),包括對(duì)產(chǎn)品界面的瀏覽、功能的使用、信息的搜索等,最好是可以通過(guò)和PM共創(chuàng)共同制定,以免走錯(cuò)方向。
  5. 準(zhǔn)備測(cè)試環(huán)境:選擇合適的測(cè)試場(chǎng)所如公司會(huì)議室,辦室,確保測(cè)試過(guò)程中不會(huì)受到干擾和影響,同時(shí)準(zhǔn)備好測(cè)試所需的所有設(shè)備和記錄工具。
  6. 用戶(hù)上機(jī)測(cè)試:讓用戶(hù)在測(cè)試環(huán)境中完成預(yù)設(shè)的任務(wù),觀察員和開(kāi)發(fā)人員在一旁觀察、記錄和分析用戶(hù)的行為、反應(yīng)和反饋。
  7. 體驗(yàn)問(wèn)題分類(lèi):可將問(wèn)題分為6大類(lèi)(功能問(wèn)題、性能問(wèn)題、技術(shù)異常、布局框架、操作交互、視覺(jué)問(wèn)題)
  8. 體驗(yàn)問(wèn)題定級(jí):可將問(wèn)題分為4個(gè)等級(jí)來(lái)評(píng)估問(wèn)題的重要程度(致命、嚴(yán)重、一般、輕微)。
  9. 分析結(jié)果總結(jié):根據(jù)觀察和記錄的結(jié)果最后進(jìn)行匯總,對(duì)產(chǎn)品進(jìn)行分析找出問(wèn)題和改進(jìn)點(diǎn)。

在可用性測(cè)試中,我總結(jié)了四個(gè)注意事項(xiàng):

  1. 選取適當(dāng)?shù)臉颖荆?/strong>樣本應(yīng)該具有代表性,能夠涵蓋不同的用戶(hù)類(lèi)型和需求,以便更全面地評(píng)估產(chǎn)品的可用性。
  2. 設(shè)計(jì)合理的任務(wù):任務(wù)應(yīng)該與產(chǎn)品的實(shí)際使用場(chǎng)景和用戶(hù)需求相關(guān),同時(shí)考慮不同用戶(hù)的能力和偏好。
  3. 舒適的測(cè)試環(huán)境:測(cè)試環(huán)境應(yīng)該舒適、安靜、無(wú)干擾,以減少用戶(hù)的不安和壓力,同時(shí)提供必要的設(shè)備和工具。
  4. 觀察用戶(hù)的行為:觀察員應(yīng)仔細(xì)觀察和分析用戶(hù)的行為、反應(yīng)和反饋,以便更準(zhǔn)確地了解產(chǎn)品的問(wèn)題所在。

B. 數(shù)據(jù)分析:
通過(guò)CSM團(tuán)隊(duì)對(duì)企業(yè)產(chǎn)品購(gòu)買(mǎi)數(shù)據(jù)的分析,可以更直觀的看到企業(yè)在購(gòu)買(mǎi)過(guò)程的問(wèn)題和機(jī)會(huì),從而挖掘企業(yè)對(duì)產(chǎn)品的訴求最后將數(shù)據(jù)進(jìn)行過(guò)濾抽取有效信息轉(zhuǎn)化為用戶(hù)需求,幫助我們明確產(chǎn)品體驗(yàn)優(yōu)化范圍和與競(jìng)品拉開(kāi)差異化機(jī)會(huì)點(diǎn),從而更準(zhǔn)確地解決用戶(hù)在使用過(guò)程中遇到的問(wèn)題。

 

在提煉產(chǎn)品問(wèn)題和用戶(hù)需求時(shí),我們可以從以下四個(gè)維度進(jìn)行提煉,便于更加準(zhǔn)確性的判斷問(wèn)題的根源:

  1. 使用場(chǎng)景卡點(diǎn):用戶(hù)在使用產(chǎn)品遇到的具體問(wèn)題和難點(diǎn),我們可以針對(duì)性地解決用戶(hù)在使用過(guò)程中遇到的實(shí)際問(wèn)題,提高用戶(hù)的使用體驗(yàn)。
  2. 核心使用場(chǎng)景:用戶(hù)使用產(chǎn)品核心場(chǎng)景和目的,通過(guò)了解核心使用場(chǎng)景,我們可以更好地理解用戶(hù)的需求和痛點(diǎn),并針對(duì)性地提供解決方案。
  3. 產(chǎn)品核心功能:產(chǎn)品或服務(wù)的主要功能和特點(diǎn),我們還可以了解用戶(hù)對(duì)產(chǎn)品核心功能的認(rèn)知和滿意度,發(fā)現(xiàn)潛在的問(wèn)題和機(jī)會(huì)。
  4. 客戶(hù)產(chǎn)品訴求:用戶(hù)對(duì)產(chǎn)品期望和訴求,并針對(duì)性地提供解決方案。我們還可以了解用戶(hù)對(duì)產(chǎn)品價(jià)值的認(rèn)知和期望,為產(chǎn)品的定位和營(yíng)銷(xiāo)策略提供參考。

總之,通過(guò)從使用場(chǎng)景卡點(diǎn)、核心使用場(chǎng)景、產(chǎn)品核心功能和客戶(hù)產(chǎn)品訴求這四個(gè)維度進(jìn)行提煉和分析,我們可以更加準(zhǔn)確性和全面性地了解用戶(hù)需求和痛點(diǎn),為體驗(yàn)升級(jí)、開(kāi)發(fā)、功能優(yōu)化等提供重要的參考依據(jù)和支持。

 

C. 競(jìng)品分析:

競(jìng)品分析有很多方法,這里我采用的是“用戶(hù)路徑分析法”通過(guò)觀察和了解競(jìng)品的功能使用情況,分析競(jìng)品的業(yè)務(wù)模式、用戶(hù)體驗(yàn)和視覺(jué)呈現(xiàn),從而發(fā)現(xiàn)機(jī)會(huì)點(diǎn)并形成差異化。在進(jìn)行競(jìng)品分析前選擇分析對(duì)象很是非常關(guān)鍵之一,我們可以從兩個(gè)維度“使用頻率、市場(chǎng)規(guī)模”進(jìn)行選擇合適的競(jìng)對(duì)產(chǎn)品。

  1. 使用頻率:這個(gè)維度關(guān)注的是競(jìng)品的使用頻率,即用戶(hù)與競(jìng)品交互的頻率。通過(guò)了解競(jìng)品的使用頻率,我們可以更好地理解用戶(hù)對(duì)競(jìng)品的依賴(lài)程度,以及競(jìng)品在市場(chǎng)中的活躍度和影響力。在選擇競(jìng)品時(shí),選擇那些使用頻率較高的產(chǎn)品可以更好地了解用戶(hù)的需求和行為,從而發(fā)現(xiàn)更多的機(jī)會(huì)點(diǎn)。
  2. 市場(chǎng)規(guī)模:這個(gè)維度關(guān)注的是競(jìng)品的市場(chǎng)規(guī)模,即競(jìng)品在市場(chǎng)中的銷(xiāo)售量和影響力。通過(guò)了解市場(chǎng)規(guī)模,我們可以更好地了解競(jìng)品的競(jìng)爭(zhēng)地位和市場(chǎng)占有率。在選擇競(jìng)品時(shí),選擇那些市場(chǎng)規(guī)模較大、具有代表性的產(chǎn)品可以更好地了解市場(chǎng)的需求和趨勢(shì),從而發(fā)現(xiàn)更多的機(jī)會(huì)點(diǎn)。

在進(jìn)行競(jìng)品分析過(guò)程中,我總結(jié)了兩個(gè)方法可以幫助我們更有效的了解到競(jìng)品信息:

  1. 通過(guò)銷(xiāo)售代表進(jìn)行訪談:銷(xiāo)售代表是直接與客戶(hù)溝通的人員,他們非常了解客戶(hù)對(duì)產(chǎn)品的需求和反饋,并且在介紹產(chǎn)品時(shí)也會(huì)提及其他競(jìng)品。通過(guò)與銷(xiāo)售代表進(jìn)行訪談,我們可以了解到市場(chǎng)對(duì)競(jìng)品的反饋和評(píng)價(jià),從而更好地選擇合適的競(jìng)品對(duì)象。
  2. 從企業(yè)軟件購(gòu)買(mǎi)量中抽樣:這種方法可以幫助我們找到那些被廣泛使用并且具有代表性的競(jìng)品。通過(guò)了解企業(yè)軟件購(gòu)買(mǎi)量,我們可以選擇那些在市場(chǎng)中占據(jù)較大份額的競(jìng)品進(jìn)行分析,從而確保我們選擇的競(jìng)品對(duì)象是符合分析需求的。

總之,選擇合適的競(jìng)品對(duì)象是進(jìn)行競(jìng)品分析的關(guān)鍵之一。通過(guò)使用“使用頻率”和“市場(chǎng)規(guī)模”兩個(gè)維度來(lái)選擇競(jìng)品對(duì)象,可以幫助我們更好地了解市場(chǎng)和用戶(hù)需求,發(fā)現(xiàn)更多的機(jī)會(huì)點(diǎn)并形成差異化。同時(shí),參考銷(xiāo)售代表的反饋和從企業(yè)軟件購(gòu)買(mǎi)量中抽樣也是選擇合適競(jìng)品對(duì)象的可靠方法。

 

二、用戶(hù)層策略

用戶(hù)層將通過(guò)A.用戶(hù)訪談、B.用戶(hù)旅程圖兩大板塊進(jìn)行深入洞察,識(shí)別出產(chǎn)品存在的體驗(yàn)問(wèn)題,從而針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)。

 

A. 用戶(hù)訪談:
通過(guò)現(xiàn)場(chǎng)對(duì)用戶(hù)one one形式進(jìn)行訪談,了解用戶(hù)需求和反饋,通過(guò)與用戶(hù)進(jìn)行交流深入了解用戶(hù)在使用產(chǎn)品或服務(wù)過(guò)程中的感受、需求、痛點(diǎn)和期望。最后我們對(duì)用戶(hù)反饋的問(wèn)題進(jìn)行梳理、分析和腦暴,洞察出產(chǎn)品功能及服務(wù)優(yōu)化方向。網(wǎng)上有很多關(guān)于用戶(hù)訪談使用介紹這里就不過(guò)多介紹了,簡(jiǎn)單總結(jié)了一些我在使用過(guò)程中制定的流程和方法。

在進(jìn)行用戶(hù)訪談時(shí)我總結(jié)了七個(gè)心得,可以幫助我們?cè)趫?zhí)行時(shí)更好的開(kāi)展。

  1. 確定訪談目標(biāo):在開(kāi)始訪談前,需要明確訪談的目標(biāo)和目的,以確保訪談的順利進(jìn)行和結(jié)果的可靠性。
  2. 選擇合適的受訪對(duì)象:選擇具有代表性的用戶(hù)作為受訪者,可以更好地了解用戶(hù)的需求和反饋。
  3. 準(zhǔn)備訪談提綱:根據(jù)訪談的目標(biāo)和目的,準(zhǔn)備一份訪談提綱,包括要探討的主題、問(wèn)題列表等。
  4. 舒適的氛圍:在訪談過(guò)程中,要營(yíng)造一個(gè)舒適、輕松的氛圍,以使受訪者能夠自由地表達(dá)自己的想法和意見(jiàn)。
  5. 關(guān)注用戶(hù)需求:在訪談過(guò)程中,要關(guān)注用戶(hù)的需求和痛點(diǎn),了解用戶(hù)對(duì)產(chǎn)品的期望和要求。
  6. 避免引導(dǎo)性問(wèn)題:在訪談過(guò)程中,要避免提出引導(dǎo)性的問(wèn)題,以避免影響受訪者的回答。
  7. 記錄和分析訪談結(jié)果:在訪談結(jié)束后,要及時(shí)記錄和分析訪談結(jié)果,整理受訪者的意見(jiàn)和建議,以幫助我們了解用戶(hù)需求和反饋,針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)和服務(wù)。

總之,用戶(hù)訪談是一種非常有效的了解用戶(hù)需求和反饋的方法,可以幫助我們更好地了解用戶(hù)的需求和痛點(diǎn),針對(duì)性地優(yōu)化打磨產(chǎn)品體驗(yàn)和服務(wù)。

 

B. 用戶(hù)旅程圖:
通過(guò)用戶(hù)訪談得出來(lái)數(shù)據(jù)結(jié)果,我們將采用繪制用戶(hù)旅程圖方式,可以更全面地了解用戶(hù)在使用產(chǎn)品或服務(wù)的過(guò)程中所經(jīng)歷的流程和步驟,以及用戶(hù)的觸點(diǎn)、行為、痛點(diǎn)、爽點(diǎn)以及內(nèi)心OS等元素。通過(guò)將用戶(hù)旅程圖與用戶(hù)訪談得出的數(shù)據(jù)進(jìn)行結(jié)合,我們可以更有效地識(shí)別出用戶(hù)在使用過(guò)程中問(wèn)題暴露最多的環(huán)節(jié)從而針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)。

在繪制用戶(hù)旅程圖時(shí),我總結(jié)了五個(gè)注意事項(xiàng)可以幫助我們?cè)诶L制時(shí)更準(zhǔn)確:

  1. 確定用戶(hù)旅程圖范圍和目標(biāo):在繪制用戶(hù)旅程圖前,我們需要明確用戶(hù)旅程圖的范圍和目標(biāo),例如要繪制的是整個(gè)產(chǎn)品的用戶(hù)旅程圖還是某個(gè)具體功能的用戶(hù)旅程圖。
  2. 收集用戶(hù)數(shù)據(jù):通過(guò)用戶(hù)訪談、調(diào)查問(wèn)卷、觀察用戶(hù)行為等方式收集用戶(hù)在使用產(chǎn)品體驗(yàn)過(guò)程中的數(shù)據(jù)。
  3. 繪制用戶(hù)旅程圖:根據(jù)收集到的數(shù)據(jù),將用戶(hù)在使用產(chǎn)品體驗(yàn)的過(guò)程中的觸點(diǎn)、行為、痛點(diǎn)、爽點(diǎn)以及內(nèi)心OS等元素以圖形化的方式呈現(xiàn)出來(lái)。
  4. 分析用戶(hù)旅程圖:通過(guò)分析用戶(hù)旅程圖,可以發(fā)現(xiàn)用戶(hù)在使用產(chǎn)品體驗(yàn)過(guò)程中存在的問(wèn)題和需求,從而針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)。
  5. 多角色泳道圖:在B端業(yè)務(wù)中,由于涉及多個(gè)角色的交互和觸發(fā)任務(wù),因此多角色泳道圖是一個(gè)非常有效體現(xiàn)用戶(hù)鏈路的,可以幫助我們更好地了解用戶(hù)的使用行為。

總之,通過(guò)繪制用戶(hù)旅程圖,我們可以更全面地了解用戶(hù)在使用產(chǎn)品體驗(yàn)過(guò)程中所經(jīng)歷的流程和步驟,結(jié)合用戶(hù)訪談得出的數(shù)據(jù),可以更有效地識(shí)別出用戶(hù)使用的卡點(diǎn)和產(chǎn)品體驗(yàn)問(wèn)題,從而針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)。

 

三、探索結(jié)果總結(jié)

我們通過(guò)前期的“體驗(yàn)層和用戶(hù)層”分析結(jié)果提取關(guān)鍵性問(wèn)題,并與業(yè)務(wù)方共創(chuàng)、分析、量化當(dāng)前版本中存在的體驗(yàn)問(wèn)題,且達(dá)成共識(shí)共同制定本次產(chǎn)品改版優(yōu)化目標(biāo)。

總之,在梳理調(diào)研結(jié)果問(wèn)題過(guò)程中,我們可以以制定優(yōu)化目標(biāo)形式進(jìn)行總結(jié),這樣可以幫助后續(xù)在制定產(chǎn)品體驗(yàn)優(yōu)化目標(biāo)和設(shè)計(jì)策略時(shí)會(huì)更加聚焦問(wèn)題避免走偏方向。
小結(jié):在探索階段,通過(guò)體驗(yàn)層和用戶(hù)層分析以及其他方法和工具的應(yīng)用,我們可以更全面地了解用戶(hù)需求和反饋,明確產(chǎn)品改版的優(yōu)化目標(biāo),為后續(xù)的產(chǎn)品設(shè)計(jì)和開(kāi)發(fā)提供有力的指導(dǎo)和支持。

 

叁、收攏

通過(guò)前期的產(chǎn)品體驗(yàn)分析,將制定五個(gè)方面的產(chǎn)品體驗(yàn)優(yōu)化目標(biāo),分別為:業(yè)務(wù)目標(biāo)、產(chǎn)品目標(biāo)、用戶(hù)目標(biāo)、體驗(yàn)?zāi)繕?biāo)和設(shè)計(jì)目標(biāo),可以幫助我們更好地與業(yè)務(wù)側(cè)進(jìn)行共創(chuàng),明確本次產(chǎn)品體驗(yàn)優(yōu)化的范圍和重點(diǎn)。同時(shí),這些目標(biāo)也可以幫助我們后續(xù)更好地度量產(chǎn)品的優(yōu)化提升效果。

總之,在制定產(chǎn)品體驗(yàn)優(yōu)化目標(biāo)時(shí)需要確保每個(gè)目標(biāo)都是具體、可衡量、可實(shí)現(xiàn)的,并且與業(yè)務(wù)需求和用戶(hù)需求保持一致。同時(shí),還需要根據(jù)產(chǎn)品的實(shí)際情況和優(yōu)先級(jí),確定哪些目標(biāo)是必須達(dá)成的,哪些目標(biāo)是后續(xù)通過(guò)迭代逐步達(dá)成的。這樣可以更好地明確工作量,使我們?cè)诟陌孢^(guò)程更加聚焦優(yōu)化方向。
在制定產(chǎn)品改版目標(biāo)時(shí),我總結(jié)了四個(gè)注意事項(xiàng)可以幫助我們?cè)谥贫〞r(shí)提前規(guī)避一些問(wèn)題:

  1. 業(yè)務(wù)目標(biāo):是與業(yè)務(wù)需求和KPI\ORK相關(guān)的目標(biāo),如提高用戶(hù)活躍度、增加訂單量等。這些目標(biāo)通常是公司或團(tuán)隊(duì)關(guān)注的重點(diǎn),也是產(chǎn)品體驗(yàn)優(yōu)化的基礎(chǔ)。在制定業(yè)務(wù)目標(biāo)時(shí),需要與業(yè)務(wù)側(cè)進(jìn)行充分溝通和討論,確保目標(biāo)與業(yè)務(wù)需求保持一致。
  2. 產(chǎn)品目標(biāo):是與產(chǎn)品功能和特性相關(guān)的目標(biāo),如增加新功能、優(yōu)化產(chǎn)品架構(gòu)等。這些目標(biāo)可以幫助我們更好地完善和迭代產(chǎn)品,提高產(chǎn)品的質(zhì)量和競(jìng)爭(zhēng)力。在制定產(chǎn)品目標(biāo)時(shí),需要考慮產(chǎn)品的整體架構(gòu)和功能特性,確保目標(biāo)與產(chǎn)品的發(fā)展方向保持一致。
  3. 用戶(hù)目標(biāo):是與用戶(hù)需求和反饋相關(guān)的目標(biāo),如提高用戶(hù)滿意度、解決用戶(hù)痛點(diǎn)等。這些目標(biāo)可以幫助我們更好地了解用戶(hù)需求和反饋,從而針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)。在制定用戶(hù)目標(biāo)時(shí),需要深入了解用戶(hù)的需求和反饋,并結(jié)合用戶(hù)體驗(yàn)調(diào)研數(shù)據(jù)進(jìn)行制定。
  4. 體驗(yàn)?zāi)繕?biāo):是與用戶(hù)體驗(yàn)和交互設(shè)計(jì)相關(guān)的目標(biāo),如提高操作的流暢度、優(yōu)化界面設(shè)計(jì)等。這些目標(biāo)可以幫助我們提高產(chǎn)品的用戶(hù)體驗(yàn)和交互效果,從而使用戶(hù)更加愿意使用產(chǎn)品。在制定體驗(yàn)?zāi)繕?biāo)時(shí),需要結(jié)合用戶(hù)體驗(yàn)數(shù)據(jù)和用戶(hù)訪談結(jié)果進(jìn)行制定。
  5. 設(shè)計(jì)目標(biāo):是與產(chǎn)品設(shè)計(jì)和技術(shù)實(shí)現(xiàn)相關(guān)的目標(biāo),如優(yōu)化視覺(jué)質(zhì)感、提高任務(wù)成功率等。這些目標(biāo)可以幫助我們更好地實(shí)現(xiàn)產(chǎn)品的設(shè)計(jì)和開(kāi)發(fā),提高產(chǎn)品的質(zhì)量和體驗(yàn)。在制定設(shè)計(jì)目標(biāo)時(shí),需要考慮設(shè)計(jì)的可行性和技術(shù)實(shí)現(xiàn)的可能性,確保目標(biāo)能夠得以順利實(shí)現(xiàn)。

小結(jié):在制定共同目標(biāo)時(shí),需要與相關(guān)人員進(jìn)行清晰、明確的溝通,確保每個(gè)目標(biāo)的具體達(dá)成結(jié)果和每個(gè)人的職責(zé)都得到明確。這樣可以避免誤解和混淆,確保參與人員能夠準(zhǔn)確、高效地推進(jìn)項(xiàng)目。

 

肆、制定

通過(guò)前期分析的結(jié)論并制定改版策略,主要圍繞兩個(gè)方面:1、用戶(hù)需求分類(lèi):針對(duì)用戶(hù)反饋的需求進(jìn)行過(guò)濾,并將功能定性和優(yōu)先級(jí)排序。2、制定設(shè)計(jì)策略:根據(jù)用戶(hù)需求和業(yè)務(wù)目標(biāo)及產(chǎn)品目標(biāo),制定相應(yīng)的設(shè)計(jì)策略,設(shè)計(jì)策略需確保與用戶(hù)需求和業(yè)務(wù)目標(biāo)及產(chǎn)品目標(biāo)保持一致。通過(guò)用戶(hù)需求過(guò)濾、制定設(shè)計(jì)策略、明確工作范圍、制定開(kāi)發(fā)計(jì)劃以及產(chǎn)品迭代優(yōu)化策略,我們可以更好地明確工作范圍和推進(jìn)項(xiàng)目。同時(shí)也可以確保項(xiàng)目的順利進(jìn)行。以下是我制定策略使用的方法:

 

一、用戶(hù)需求分類(lèi)

在前期針對(duì)用戶(hù)訪談和CRM人員提出的用戶(hù)需求轉(zhuǎn)化為問(wèn)卷,并使用KANO模型進(jìn)行需求分類(lèi)和優(yōu)先級(jí)排序,可以幫助我們更好地了解用戶(hù)對(duì)產(chǎn)品的關(guān)注點(diǎn)和期望,明確后續(xù)優(yōu)化時(shí)需要重點(diǎn)解決的用戶(hù)痛點(diǎn)。這樣做有助于提高產(chǎn)品的質(zhì)量和競(jìng)爭(zhēng)力,并更準(zhǔn)確地滿足用戶(hù)的需求。

我們通過(guò)KANO模型,將用戶(hù)需求分為基本需求、期望需求和魅力需求?;拘枨笫怯脩?hù)認(rèn)為產(chǎn)品必須具備的需求,需要與PM達(dá)成共識(shí)確保這些需求得到正確實(shí)現(xiàn)并且不能出現(xiàn)問(wèn)題。期望需求是用戶(hù)認(rèn)為產(chǎn)品應(yīng)該具備的需求,需要在產(chǎn)品改版過(guò)程中實(shí)現(xiàn)這些需求以增加用戶(hù)的滿意度。魅力需求是用戶(hù)沒(méi)有預(yù)料到的需求,可以在產(chǎn)品中適當(dāng)?shù)膶?shí)現(xiàn)這些需求可以增加用戶(hù)的滿意度和口碑。

總之,KANO模型是一個(gè)非常好用的工具,不僅可以幫助我們更好地了解用戶(hù)的需求和期望,還可以用于日常工作對(duì)PM提出的需求進(jìn)行甄別,明確屬于哪一類(lèi)需求,從而更好地滿足用戶(hù)的需求并提高產(chǎn)品的質(zhì)量和競(jìng)爭(zhēng)力。此外,KANO模型還可以用于產(chǎn)品策劃、運(yùn)營(yíng)策略制定、市場(chǎng)營(yíng)銷(xiāo)等領(lǐng)域,可以幫助團(tuán)隊(duì)更好地了解用戶(hù)需求和痛點(diǎn),從而制定更精準(zhǔn)的策略和措施。

 

二、制定設(shè)計(jì)策略

制定設(shè)計(jì)策略是產(chǎn)品改版開(kāi)發(fā)過(guò)程中非常重要的一環(huán),可以幫助我們明確設(shè)計(jì)方向和目標(biāo),并制定相應(yīng)的策略來(lái)實(shí)現(xiàn)這些目標(biāo)。通過(guò)前期的調(diào)研將基于GSM+UES模型制定設(shè)計(jì)目標(biāo)與策略,可以更準(zhǔn)確地滿足用戶(hù)需求和業(yè)務(wù)目標(biāo)及產(chǎn)品目標(biāo),并且與調(diào)研的結(jié)論形成閉環(huán)。同時(shí),與業(yè)務(wù)方進(jìn)行共創(chuàng)達(dá)成目標(biāo)一致也是非常重要的。我們需要與業(yè)務(wù)方進(jìn)行充分的溝通和討論,確保設(shè)計(jì)策略與業(yè)務(wù)目標(biāo)保持一致,同時(shí)也能更好地理解業(yè)務(wù)方的需求和痛點(diǎn),為產(chǎn)品的改版提供更貼合實(shí)際需求的解決方案。

總之,制定設(shè)計(jì)策略需要充分考慮用戶(hù)需求、業(yè)務(wù)目標(biāo)、產(chǎn)品目標(biāo)、產(chǎn)品發(fā)展趨勢(shì)等因素,并與業(yè)務(wù)方進(jìn)行充分的溝通和共創(chuàng),以確保設(shè)計(jì)策略的可行性和有效性。同時(shí),也需要根據(jù)實(shí)際的設(shè)計(jì)結(jié)果和用戶(hù)反饋來(lái)不斷調(diào)整和優(yōu)化設(shè)計(jì)策略,提高產(chǎn)品的用戶(hù)體驗(yàn)和質(zhì)量。
小結(jié):在進(jìn)行用戶(hù)需求分類(lèi)和制定設(shè)計(jì)策略的過(guò)程中,需要充分地與團(tuán)隊(duì)成員進(jìn)行溝通和討論,以便更好地理解用戶(hù)需求和業(yè)務(wù)目標(biāo),并制定相應(yīng)的設(shè)計(jì)策略。同時(shí),也需要確保團(tuán)隊(duì)成員對(duì)設(shè)計(jì)策略的理解和共識(shí),以避免設(shè)計(jì)方向失焦。在與團(tuán)隊(duì)成員進(jìn)行溝通和討論時(shí),可以采用多種方式,如會(huì)議、討論組、頭腦風(fēng)暴等,以便充分發(fā)揮團(tuán)隊(duì)的智慧和創(chuàng)造力。同時(shí),也需要保持開(kāi)放的心態(tài),積極聽(tīng)取不同觀點(diǎn)和建議,并對(duì)問(wèn)題進(jìn)行深入的分析和探討,以找到更優(yōu)的解決方案。

 

伍、執(zhí)行

在執(zhí)行階段,通過(guò)方案探索設(shè)計(jì)方案產(chǎn)出兩個(gè)方面來(lái)進(jìn)行方案設(shè)計(jì)和可行性驗(yàn)證。在執(zhí)行這兩個(gè)方面的工作時(shí),團(tuán)隊(duì)需要保持緊密的合作和溝通,以確保設(shè)計(jì)方案的一致性和可行性。同時(shí),團(tuán)隊(duì)還需要不斷地與業(yè)務(wù)方和技術(shù)團(tuán)隊(duì)進(jìn)行溝通和討論,以確保設(shè)計(jì)方案能夠得到有效的實(shí)現(xiàn)。

 

一、方案探索

方案探索將通過(guò)A.競(jìng)品框架分析、B. 探索方案產(chǎn)出、C.MVP方案驗(yàn)證三大板塊進(jìn)行方案探索,并確保方案的可實(shí)現(xiàn)性和有效性。

 

A. 競(jìng)品框架分析:

在方案設(shè)計(jì)前我們需要對(duì)競(jìng)品框架布局進(jìn)行分析可以幫助我們更好地了解市場(chǎng)需求和用戶(hù)行為,從而更好地指導(dǎo)我們的產(chǎn)品改版方案設(shè)計(jì)。通過(guò)對(duì)競(jìng)品框架布局的分析,我們可以了解到用戶(hù)使用頻率較高的競(jìng)品是如何布局功能的,以及它們的操作路徑和交互設(shè)計(jì)。這些信息可以為我們提供有力的參考,幫助我們?cè)谠O(shè)計(jì)改版方案時(shí)更好地聚焦方向,優(yōu)化框架布局提高產(chǎn)品的用戶(hù)體驗(yàn)和基礎(chǔ)體驗(yàn)。此外,通過(guò)對(duì)競(jìng)品的分析,我們還可以了解競(jìng)品的優(yōu)勢(shì)和不足之處,從而更好地改進(jìn)自己的產(chǎn)品。我們可以借鑒競(jìng)品的優(yōu)點(diǎn),同時(shí)也可以針對(duì)競(jìng)品的不足之處進(jìn)行改進(jìn),使自己的產(chǎn)品更加符合用戶(hù)需求和市場(chǎng)需求。

分析完競(jìng)品框架后,還需要進(jìn)行框架的優(yōu)缺點(diǎn)對(duì)比,這里將通過(guò)統(tǒng)一性,邏輯性,可拓展性,可預(yù)測(cè)性4個(gè)維度進(jìn)行對(duì)競(jìng)品框架分析,得出它們的優(yōu)缺點(diǎn)有都有哪些,通過(guò)最后結(jié)論可以定位我們產(chǎn)品框架布局方向。

通過(guò)前面競(jìng)品框架分析和優(yōu)缺點(diǎn)對(duì)比后,我們需要回顧一下是否符合我們的目標(biāo),并且衡量新框架可以解決可用性測(cè)試出來(lái)的體驗(yàn)問(wèn)題的數(shù)量,同時(shí)也需要衡量新框架與目標(biāo)的匹配程度

在競(jìng)品框架分析中,我總結(jié)了三點(diǎn)經(jīng)驗(yàn):

  1. 首先,我們需要確保新的框架設(shè)計(jì)能夠滿足我們的目標(biāo)。我們的目標(biāo)可能包括提高用戶(hù)體驗(yàn)、增加用戶(hù)滿意度、優(yōu)化操作流程等。通過(guò)對(duì)比競(jìng)品和分析優(yōu)缺點(diǎn),我們可以初步確定新的框架設(shè)計(jì)是否符合這些目標(biāo)。
  2. 其次,我們需要度量新框架可以解決多少個(gè)可用性測(cè)試出來(lái)的體驗(yàn)問(wèn)題。可用性測(cè)試可以幫助我們發(fā)現(xiàn)用戶(hù)在使用產(chǎn)品過(guò)程中遇到的問(wèn)題和困難,而這些問(wèn)題和困難往往直接影響到用戶(hù)體驗(yàn)和產(chǎn)品滿意度。如果新的框架設(shè)計(jì)可以解決這些問(wèn)題,那么它可能會(huì)帶來(lái)更好的用戶(hù)體驗(yàn)和產(chǎn)品滿意度。
  3. 最后,我們還需要衡量新框架與目標(biāo)的匹配度。即使新的框架設(shè)計(jì)符合目標(biāo),并且可以解決一些可用性測(cè)試出來(lái)的體驗(yàn)問(wèn)題,但我們還需要確保它與目標(biāo)完全匹配。換句話說(shuō),我們需要確保新的框架設(shè)計(jì)可以最大程度地滿足我們的目標(biāo),并且能夠帶來(lái)更好的用戶(hù)體驗(yàn)和產(chǎn)品滿意度。

總之,在進(jìn)行競(jìng)品框架分析和優(yōu)缺點(diǎn)對(duì)比后,我們需要回顧一下是否符合我們的目標(biāo),并且衡量新框架可以解決可用性測(cè)試出來(lái)的體驗(yàn)問(wèn)題的數(shù)量,以及新框架與目標(biāo)的匹配程度。這些步驟可以幫助我們更好地評(píng)估新的框架設(shè)計(jì)是否可行和有效。

 

B. 探索方案產(chǎn)出:

結(jié)合著前期的調(diào)研與分析將結(jié)論融入到產(chǎn)品方案設(shè)計(jì)中,1、需要圍繞現(xiàn)有產(chǎn)品的基礎(chǔ)功能和用戶(hù)期望的需求進(jìn)行設(shè)計(jì)。這意味著需要考慮到產(chǎn)品的現(xiàn)有功能以及用戶(hù)對(duì)產(chǎn)品的期望和需求從而制定相應(yīng)的設(shè)計(jì)方案。2、需要明確新框架的用戶(hù)核心關(guān)鍵路徑。這意味著需要了解用戶(hù)在使用產(chǎn)品時(shí)的主要任務(wù)和操作流程,并確定新框架如何引導(dǎo)用戶(hù)完成這些任務(wù)和流程。通過(guò)明確用戶(hù)核心關(guān)鍵路徑可以更好地優(yōu)化框架布局和功能設(shè)計(jì)。3、需要以高保真原型的質(zhì)量產(chǎn)出方案。高保真原型可以幫助我們更好地模擬產(chǎn)品的實(shí)際使用場(chǎng)景和用戶(hù)體驗(yàn),從而更好地評(píng)估方案的可行性和有效性,為后續(xù)做方案驗(yàn)證做準(zhǔn)備。

總之,結(jié)合前期的調(diào)研和分析將結(jié)論融入到產(chǎn)品方案設(shè)計(jì)中是非常重要的步驟,可以幫助我們更好地指導(dǎo)方案設(shè)計(jì)。我們需要圍繞現(xiàn)有產(chǎn)品的基礎(chǔ)功能和用戶(hù)期望的需求進(jìn)行設(shè)計(jì),明確新框架的用戶(hù)核心關(guān)鍵路徑,并以高保真原型的質(zhì)量產(chǎn)出方案,為后續(xù)的方案驗(yàn)證做好準(zhǔn)備。這樣可以確保我們的設(shè)計(jì)方案更加貼近用戶(hù)需求和市場(chǎng)趨勢(shì),提高產(chǎn)品質(zhì)量和優(yōu)勢(shì)。

 

C. MVP方案驗(yàn)證:

MVP方案驗(yàn)證是產(chǎn)品改版方案的關(guān)鍵步驟,它旨在確保產(chǎn)品改版方案在實(shí)際操作中可行和方案落地有效支撐,并能夠滿足用戶(hù)需求和解決產(chǎn)品可用性測(cè)試體驗(yàn)問(wèn)題。

在開(kāi)始前我們還需要準(zhǔn)備一些前期工作:

  1. 需要編寫(xiě)一個(gè)標(biāo)準(zhǔn)操作流程(SOP)文檔詳細(xì)描述方案驗(yàn)證的所有步驟和操作指南。這包括測(cè)試目的、測(cè)試人員招募、測(cè)試環(huán)境、測(cè)試數(shù)據(jù)、測(cè)試步驟、結(jié)果記錄等。這個(gè)文檔將作為整個(gè)驗(yàn)證過(guò)程的指導(dǎo)和操作手冊(cè)。
  2. 需要準(zhǔn)備所有必要的材料和資源,包括測(cè)試目的、測(cè)試人員招募計(jì)劃、測(cè)試環(huán)境搭建、測(cè)試數(shù)據(jù)準(zhǔn)備、訪談問(wèn)卷設(shè)計(jì)等。
  3. 在方案驗(yàn)證前,需要與業(yè)務(wù)方討論并明確改版后產(chǎn)品的用戶(hù)核心操作路徑。這可以幫助我們更好地了解用戶(hù)需求和產(chǎn)品使用場(chǎng)景,以便在方案驗(yàn)證過(guò)程中驗(yàn)證這些核心操作路徑是否符合用戶(hù)期望和業(yè)務(wù)需求。
  4. 需要將方案制作成可操作的Demo,以便在現(xiàn)場(chǎng)訪談中觀察用戶(hù)操作情況,驗(yàn)證方案的可行性和可落地性。Demo應(yīng)該盡可能地模擬真實(shí)的使用場(chǎng)景和用戶(hù)體驗(yàn),以便更好地評(píng)估方案的可行性和有效性。
  5. 在準(zhǔn)備好Demo后,需要邀請(qǐng)目標(biāo)用戶(hù)進(jìn)行現(xiàn)場(chǎng)訪談,觀察他們?cè)趯?shí)際操作中的表現(xiàn)和反饋。通過(guò)觀察用戶(hù)的操作過(guò)程和反饋,我們可以驗(yàn)證方案的可行性和可落地性,并明確產(chǎn)品改進(jìn)的方向。
  6. 在訪談結(jié)束后,需要對(duì)用戶(hù)的反饋和操作問(wèn)題進(jìn)行整理和分析。針對(duì)這些問(wèn)題,我們需要進(jìn)行深入的討論和研究,列出問(wèn)題優(yōu)先級(jí)并逐個(gè)解決。
  7. 最后,根據(jù)測(cè)試結(jié)果和問(wèn)題討論的結(jié)果,需要明確結(jié)論,評(píng)估方案的可行性和可落地性。如果方案存在不可行或不可落地的問(wèn)題,我們需要及時(shí)調(diào)整方案并進(jìn)行再次驗(yàn)證;如果方案可行且可落地,我們可以進(jìn)入下一階段的產(chǎn)品開(kāi)發(fā)。

在MVP方案驗(yàn)證結(jié)束后,根據(jù)測(cè)試結(jié)果和問(wèn)題討論的結(jié)果,我們可以通過(guò)以下三個(gè)維度“可用性測(cè)試問(wèn)題解決覆蓋率、用戶(hù)體驗(yàn)提升比、產(chǎn)品體驗(yàn)評(píng)分”來(lái)度量新舊版本產(chǎn)品體驗(yàn)提升效果,并且和前期洞察產(chǎn)品體驗(yàn)問(wèn)題結(jié)論形成閉環(huán),(強(qiáng)調(diào)一下:這里的數(shù)據(jù)不是憑空捏造而是前期我們給自己挖的坑,在執(zhí)行階段時(shí)需要我們一點(diǎn)一點(diǎn)填補(bǔ)上前期挖的坑,可以理解為是一環(huán)套一環(huán)的思路哈!數(shù)據(jù)驗(yàn)證指標(biāo)可以在前期共同討論設(shè)定的,不僅限于此?。?。

以下是我對(duì)MVP方案驗(yàn)證的理解和總結(jié):
MVP方案驗(yàn)證的核心目的是什么?
MVP方案驗(yàn)證的核心目的是驗(yàn)證產(chǎn)品改版方案是否符合用戶(hù)需求、是否能夠解決可用性測(cè)試體驗(yàn)問(wèn)題,以及是否能夠在實(shí)際操作中可行。通過(guò)MVP方案驗(yàn)證,我們可以了解用戶(hù)對(duì)產(chǎn)品的反饋和評(píng)價(jià),驗(yàn)證產(chǎn)品方案的可行性和有效性,并及時(shí)發(fā)現(xiàn)和解決問(wèn)題,確保產(chǎn)品改版的成功。
MVP方案驗(yàn)證的六個(gè)步驟:

  1. 準(zhǔn)備MVP方案:在開(kāi)始MVP方案驗(yàn)證之前,我們需要準(zhǔn)備好MVP方案,包括產(chǎn)品改版的具體設(shè)計(jì)、功能實(shí)現(xiàn)操作demo、操作流程等。
  2. 招募測(cè)試用戶(hù):為了獲得真實(shí)的用戶(hù)反饋和評(píng)價(jià),我們需要招募一定數(shù)量的測(cè)試用戶(hù),這些用戶(hù)應(yīng)該是我們的目標(biāo)用戶(hù)或者是相關(guān)領(lǐng)域的專(zhuān)家,以便更好地代表用戶(hù)群體的意見(jiàn)和需求。
  3. 設(shè)計(jì)測(cè)試場(chǎng)景和任務(wù):根據(jù)產(chǎn)品改版方案和用戶(hù)需求,我們需要設(shè)計(jì)相應(yīng)的測(cè)試場(chǎng)景和任務(wù),以便在測(cè)試中模擬真實(shí)的使用情況,讓用戶(hù)在模擬的環(huán)境中進(jìn)行操作和體驗(yàn)。
  4. 進(jìn)行測(cè)試并收集用戶(hù)反饋:在測(cè)試環(huán)境中,讓測(cè)試用戶(hù)按照設(shè)計(jì)的場(chǎng)景和任務(wù)進(jìn)行操作,并收集他們的反饋和評(píng)價(jià)。這些反饋和評(píng)價(jià)可以包括用戶(hù)對(duì)產(chǎn)品的使用感受、操作流程是否順暢、功能是否滿足需求等。
  5. 分析測(cè)試結(jié)果并解決問(wèn)題:根據(jù)收集到的用戶(hù)反饋和評(píng)價(jià),我們需要對(duì)測(cè)試結(jié)果進(jìn)行分析,找出產(chǎn)品改版方案中存在的問(wèn)題和不足之處。針對(duì)這些問(wèn)題,我們需要及時(shí)進(jìn)行修正和完善,確保產(chǎn)品改版方案的可行性和有效性。
  6. 重復(fù)驗(yàn)證:在修正和完善產(chǎn)品改版方案后,我們需要再次進(jìn)行MVP方案驗(yàn)證,以確保問(wèn)題已經(jīng)得到解決并且方案符合用戶(hù)需求。重復(fù)驗(yàn)證是MVP方案驗(yàn)證的重要環(huán)節(jié),以確保產(chǎn)品改版的成功。

總之,MVP方案驗(yàn)證是產(chǎn)品改版的關(guān)鍵步驟之一,它旨在驗(yàn)證產(chǎn)品改版方案是否符合用戶(hù)需求、是否能夠解決可用性測(cè)試體驗(yàn)問(wèn)題、是否能夠在實(shí)際操作中可行。通過(guò)MVP方案驗(yàn)證,我們可以及時(shí)發(fā)現(xiàn)和解決問(wèn)題,確保產(chǎn)品改版的成功。

 

二、設(shè)計(jì)方案產(chǎn)出

在設(shè)計(jì)方案產(chǎn)出階段將通過(guò)A.探索設(shè)計(jì)風(fēng)格、B. 明確設(shè)計(jì)方向、C.視覺(jué)風(fēng)格提案三方面進(jìn)行方案的設(shè)計(jì),并確保方案的設(shè)計(jì)質(zhì)量和可落地性。

 

A. 探索設(shè)計(jì)風(fēng)格:

在開(kāi)始設(shè)計(jì)方案之前,首先需要探索和了解產(chǎn)品的設(shè)計(jì)風(fēng)格和定位。這涉及對(duì)目標(biāo)用戶(hù)的研究、市場(chǎng)趨勢(shì)的洞察,以及競(jìng)爭(zhēng)對(duì)手的分析等。通過(guò)了解用戶(hù)的需求、喜好和行為模式,以及市場(chǎng)上的成功案例,可以初步確定產(chǎn)品的設(shè)計(jì)風(fēng)格和基調(diào)。

我們可以通過(guò)虛擬小組分頭進(jìn)行風(fēng)格探索,集思廣益,從多個(gè)角度和思路出發(fā),尋找和探索適合的設(shè)計(jì)風(fēng)格。而將分析結(jié)論整合,結(jié)合情緒板聚焦改版設(shè)計(jì)風(fēng)格方向,則可以將這些探索結(jié)果進(jìn)行整合和提煉,明確設(shè)計(jì)方向,確保方案的可落地性。
具體來(lái)說(shuō),這個(gè)過(guò)程可以包括以下步驟:

  1. 組建虛擬小組:將團(tuán)隊(duì)成員分成幾個(gè)虛擬小組,每個(gè)小組負(fù)責(zé)探索不同的設(shè)計(jì)風(fēng)格。
  2. 分頭進(jìn)行風(fēng)格探索:每個(gè)虛擬小組可以通過(guò)調(diào)研、討論、嘗試等方式,探索不同的設(shè)計(jì)風(fēng)格,包括色彩、排版、元素、交互方式等。
  3. 收集和分析數(shù)據(jù):每個(gè)小組收集和分析相關(guān)數(shù)據(jù),了解用戶(hù)對(duì)不同設(shè)計(jì)風(fēng)格的反應(yīng)和喜好。
  4. 整合分析結(jié)論:將各個(gè)小組的分析結(jié)論進(jìn)行整合,了解用戶(hù)對(duì)不同設(shè)計(jì)風(fēng)格的偏好和需求。
  5. 結(jié)合情緒板聚焦改版設(shè)計(jì)風(fēng)格方向:根據(jù)整合后的分析結(jié)論,結(jié)合情緒板確定改版設(shè)計(jì)風(fēng)格的方向。
  6. 設(shè)計(jì)方案產(chǎn)出:根據(jù)確定的設(shè)計(jì)風(fēng)格方向,進(jìn)行方案的設(shè)計(jì)和產(chǎn)出,確保方案的可落地性。

 

B. 明確設(shè)計(jì)方向:

在了解了設(shè)計(jì)風(fēng)格的基礎(chǔ)上,需要進(jìn)一步明確設(shè)計(jì)方向。這包括確定產(chǎn)品的整體設(shè)計(jì)思路、核心理念和關(guān)鍵元素等。這個(gè)階段需要我們根據(jù)前期收集到的用戶(hù)反饋和市場(chǎng)信息,結(jié)合設(shè)計(jì)專(zhuān)業(yè)知識(shí)和經(jīng)驗(yàn),提出具體的設(shè)計(jì)方案和實(shí)施計(jì)劃。

比如我們定義了以下三個(gè)體驗(yàn)優(yōu)化策略:
1、STEP 01 簡(jiǎn)化功能模塊。
將方案中的功能進(jìn)行梳理和整合,去除不必要或冗余的功能,只保留核心和關(guān)鍵的功能,以降低實(shí)現(xiàn)的復(fù)雜度和成本,并提高用戶(hù)的使用體驗(yàn)。

a.功能梳理:對(duì)方案中的所有功能進(jìn)行梳理和分類(lèi),了解每個(gè)功能的作用和重要性。

b.功能整合:將相似或相關(guān)的功能進(jìn)行整合,去除重復(fù)或冗余的功能,只保留必要的功能。

c.功能優(yōu)先級(jí)排序:根據(jù)功能的重要性和用戶(hù)需求,對(duì)保留的功能進(jìn)行優(yōu)先級(jí)排序,確定核心功能和次要功能。

d.設(shè)計(jì)簡(jiǎn)化方案:根據(jù)功能優(yōu)先級(jí)排序結(jié)果,設(shè)計(jì)簡(jiǎn)化后的方案,確保只包含核心和關(guān)鍵的功能。

e.評(píng)估與驗(yàn)證:對(duì)簡(jiǎn)化后的方案進(jìn)行評(píng)估和驗(yàn)證,確保其滿足用戶(hù)需求和業(yè)務(wù)目標(biāo)。

 

2、STEP 02 減少信息干擾。
信息干擾通常是指設(shè)計(jì)元素、顏色、字體、布局等對(duì)用戶(hù)注意力的分散和干擾,它可能會(huì)影響用戶(hù)對(duì)產(chǎn)品信息的理解和使用。

a.精簡(jiǎn)設(shè)計(jì)元素:在設(shè)計(jì)方案中,盡量減少不必要的裝飾和設(shè)計(jì)元素,保持界面的簡(jiǎn)潔和清晰。

b.突出核心信息:通過(guò)調(diào)整字體大小、顏色、位置等方式,突出顯示核心信息,引導(dǎo)用戶(hù)關(guān)注重點(diǎn)內(nèi)容。

c.一致性的設(shè)計(jì)語(yǔ)言:在整個(gè)產(chǎn)品中,保持設(shè)計(jì)元素的統(tǒng)一和一致性,避免因設(shè)計(jì)風(fēng)格的差異而造成用戶(hù)的困惑。

d.合理利用空白:通過(guò)適當(dāng)?shù)目瞻缀土舭祝瑺I(yíng)造出簡(jiǎn)潔、清晰的視覺(jué)效果,減少信息干擾。

 

3、STEP 03 縮短操作路徑。
操作路徑是指用戶(hù)完成某項(xiàng)任務(wù)所需經(jīng)過(guò)的步驟和流程。如果操作路徑過(guò)長(zhǎng),用戶(hù)可能會(huì)感到繁瑣和不便,從而影響產(chǎn)品的使用體驗(yàn)。

a.減少操作步驟:優(yōu)化產(chǎn)品設(shè)計(jì),盡可能減少用戶(hù)完成某項(xiàng)任務(wù)所需的步驟和操作。例如,通過(guò)整合多個(gè)功能或簡(jiǎn)化操作流程,減少用戶(hù)需要點(diǎn)擊或輸入的次數(shù)。

b.整合功能:將相關(guān)功能進(jìn)行整合,減少用戶(hù)在不同頁(yè)面或模塊之間的跳轉(zhuǎn)。例如,將多個(gè)相關(guān)功能放在同一個(gè)頁(yè)面或模塊中,方便用戶(hù)一次性完成多個(gè)操作。

c.提供快捷方式:為用戶(hù)提供快捷方式或快速入口,使其能夠更快地到達(dá)目標(biāo)頁(yè)面或完成特定操作。例如,通過(guò)添加快捷菜單或按鈕,使用戶(hù)能夠快速找到所需的功能或信息。

d.優(yōu)化導(dǎo)航結(jié)構(gòu):優(yōu)化產(chǎn)品導(dǎo)航結(jié)構(gòu),使用戶(hù)能夠更輕松地瀏覽和查找所需的內(nèi)容。例如,通過(guò)設(shè)計(jì)清晰的菜單結(jié)構(gòu)和標(biāo)簽頁(yè)布局,使用戶(hù)能夠快速找到所需的信息或功能。

 

C. 視覺(jué)風(fēng)格提案:

在明確了設(shè)計(jì)方向后,需要明確改版風(fēng)格關(guān)鍵詞,結(jié)合映射出的關(guān)鍵詞制定視覺(jué)風(fēng)格提案。這個(gè)階段需要設(shè)計(jì)師根據(jù)產(chǎn)品的定位和目標(biāo)用戶(hù)的需求,制定出符合設(shè)計(jì)方向的視覺(jué)元素和風(fēng)格。視覺(jué)風(fēng)格提案需要包括顏色、字體、圖片、布局等方面的具體建議,以便讓用戶(hù)在第一時(shí)間感受到產(chǎn)品的特點(diǎn)和風(fēng)格。

通過(guò)提取產(chǎn)品中的核心關(guān)鍵界面,進(jìn)行風(fēng)格的嘗試和設(shè)計(jì)探索并圍繞“輕量、沉浸、高效”的原則進(jìn)行設(shè)計(jì)。同時(shí),與業(yè)務(wù)方共創(chuàng)明確設(shè)計(jì)方案風(fēng)格方向,可以提高產(chǎn)品的用戶(hù)體驗(yàn)和可用性,為推動(dòng)產(chǎn)品改版成功打下堅(jiān)實(shí)的基礎(chǔ)。

在這個(gè)過(guò)程中,我們可以采取以下步驟:

  1. 確定核心關(guān)鍵界面:首先,我們需要確定產(chǎn)品中的核心關(guān)鍵界面,這些界面通常是用戶(hù)使用頻率較高、對(duì)產(chǎn)品體驗(yàn)影響較大的頁(yè)面。
  2. 風(fēng)格嘗試:針對(duì)每個(gè)核心關(guān)鍵界面,我們可以進(jìn)行多種風(fēng)格的嘗試,包括色彩、排版、圖標(biāo)、交互方式等。通過(guò)對(duì)比不同風(fēng)格的呈現(xiàn)效果,我們可以找到最適合的界面風(fēng)格。
  3. 設(shè)計(jì)探索:在確定風(fēng)格后,我們可以在核心關(guān)鍵界面上進(jìn)行設(shè)計(jì)探索,嘗試不同的布局、交互方式和視覺(jué)效果。在這個(gè)過(guò)程中,我們需要注重輕量、沉浸和高效的設(shè)計(jì)原則,確保用戶(hù)能夠快速、輕松地完成任務(wù)。
  4. 試錯(cuò)打磨:通過(guò)試錯(cuò)的方式,我們可以不斷調(diào)整和優(yōu)化設(shè)計(jì)方案,找到最優(yōu)的呈現(xiàn)樣式。在這個(gè)過(guò)程中,我們需要不斷收集用戶(hù)反饋和評(píng)估效果,以便及時(shí)調(diào)整設(shè)計(jì)方案。
  5. 與業(yè)務(wù)方共創(chuàng):與業(yè)務(wù)方共創(chuàng)設(shè)計(jì)方案風(fēng)格方向是非常重要的。業(yè)務(wù)方通常更了解產(chǎn)品的業(yè)務(wù)需求和用戶(hù)需求,他們的意見(jiàn)和建議可以幫助我們更好地滿足用戶(hù)需求和提高產(chǎn)品的可用性。

小結(jié):在風(fēng)格嘗試階段,可以大膽地探索不同的設(shè)計(jì)風(fēng)格,不必過(guò)于考慮產(chǎn)品業(yè)務(wù)的約束,這樣可以讓我們尋找到最佳的設(shè)計(jì)方案。同時(shí),試錯(cuò)打磨也是一個(gè)重要的步驟,通過(guò)不斷地嘗試和調(diào)整,我們可以提高設(shè)計(jì)的質(zhì)量和效果。最后,及時(shí)與業(yè)務(wù)方進(jìn)行溝通和同步是非常關(guān)鍵的,以確保我們的設(shè)計(jì)方向與產(chǎn)品業(yè)務(wù)需求保持一致。只有這樣,我們才能確保方案的可落地性和產(chǎn)品的成功改版。

 

陸、結(jié)果

最后,我們需要制定兩個(gè)標(biāo)準(zhǔn)分別為:設(shè)計(jì)目標(biāo)度量標(biāo)準(zhǔn),產(chǎn)品上線打分標(biāo)準(zhǔn),可以通過(guò)這兩個(gè)標(biāo)準(zhǔn)對(duì)設(shè)計(jì)方案進(jìn)行量化和評(píng)估,確保其符合前期制定的目標(biāo)并具有完整性和可落地性。同時(shí),我們也可以及時(shí)發(fā)現(xiàn)和解決潛在的問(wèn)題和挑戰(zhàn),為產(chǎn)品的成功上線提供有力保障。

 

A. 設(shè)計(jì)目標(biāo)度量:

設(shè)計(jì)目標(biāo)度量是驗(yàn)證設(shè)計(jì)方案是否符合前期制定目標(biāo)的關(guān)鍵步驟。我們可以通過(guò)灰度測(cè)試版本中進(jìn)行度量,確保設(shè)計(jì)方案能夠在實(shí)際操作中可行并能夠滿足用戶(hù)需求。
我們可以根據(jù)前期制定的設(shè)計(jì)目標(biāo),制定具體的度量標(biāo)準(zhǔn),包括功能可用性、用戶(hù)體驗(yàn)、性能等方面。將灰度測(cè)試版本提供給一小部分合作企業(yè),收集他們的反饋和數(shù)據(jù),對(duì)設(shè)計(jì)方案進(jìn)行實(shí)際驗(yàn)證。對(duì)收集到的數(shù)據(jù)進(jìn)行分析和評(píng)估,包括用戶(hù)使用行為、錯(cuò)誤率、性能指標(biāo)等,以了解設(shè)計(jì)方案在實(shí)際操作中的表現(xiàn)。根據(jù)數(shù)據(jù)分析結(jié)果,對(duì)設(shè)計(jì)方案進(jìn)行必要的調(diào)整和優(yōu)化,確保其能夠更好地滿足用戶(hù)需求和提高產(chǎn)品性能。

在制定設(shè)計(jì)目標(biāo)度量標(biāo)準(zhǔn)時(shí),我們可以考慮以下幾個(gè)方面:

  1. 功能性:評(píng)估設(shè)計(jì)方案是否滿足用戶(hù)需求和產(chǎn)品目標(biāo),是否涵蓋了所有關(guān)鍵功能和界面。
  2. 可用性:評(píng)估設(shè)計(jì)方案是否符合用戶(hù)的使用習(xí)慣和需求,是否能夠提高產(chǎn)品的易用性和用戶(hù)體驗(yàn)。
  3. 視覺(jué)設(shè)計(jì):評(píng)估設(shè)計(jì)方案中的視覺(jué)元素是否符合產(chǎn)品風(fēng)格和品牌形象,是否具有吸引力和美感。
  4. 交互設(shè)計(jì):評(píng)估設(shè)計(jì)方案中的交互流程是否流暢、自然,是否能夠引導(dǎo)用戶(hù)完成操作任務(wù)。
  5. 性能響應(yīng)速度:評(píng)估設(shè)計(jì)方案是否能夠在不同設(shè)備和網(wǎng)絡(luò)環(huán)境下保持快速的響應(yīng)速度。

B. 產(chǎn)品上線打分標(biāo)準(zhǔn):

產(chǎn)品上線打分標(biāo)準(zhǔn)是一個(gè)用于評(píng)估產(chǎn)品上線效果和質(zhì)量的量化指標(biāo)體系。根據(jù)打分結(jié)果評(píng)估產(chǎn)品的上線效果和質(zhì)量。需要注意的是,具體的打分標(biāo)準(zhǔn)和權(quán)重可以根據(jù)實(shí)際情況進(jìn)行調(diào)整和優(yōu)化。同時(shí),在產(chǎn)品上線后,還需要持續(xù)關(guān)注產(chǎn)品的運(yùn)行情況和用戶(hù)反饋,及時(shí)發(fā)現(xiàn)和解決潛在的問(wèn)題和挑戰(zhàn),為產(chǎn)品的持續(xù)改進(jìn)和優(yōu)化提供有力保障。

以下是制定一個(gè)打分標(biāo)準(zhǔn)范圍參考示例:

  1. 功能完整性:評(píng)估產(chǎn)品是否涵蓋了所有關(guān)鍵功能和界面,是否滿足用戶(hù)需求和產(chǎn)品目標(biāo)。
  2. 用戶(hù)體驗(yàn):評(píng)估產(chǎn)品的易用性、交互流程、視覺(jué)設(shè)計(jì)等方面是否符合用戶(hù)的使用習(xí)慣和需求。
  3. 視覺(jué)語(yǔ)言:一致的設(shè)計(jì)語(yǔ)言、度量設(shè)計(jì)方案需遵循了標(biāo)準(zhǔn)化組件規(guī)范、色彩、彈框、圓角、間距、陰影等。
  4. 性能穩(wěn)定性:評(píng)估產(chǎn)品在上線后的運(yùn)行穩(wěn)定性和響應(yīng)速度,是否能夠保持高效的運(yùn)行效率。
  5. 創(chuàng)新性:評(píng)估產(chǎn)品是否具有創(chuàng)新性和前瞻性,是否能夠引領(lǐng)產(chǎn)品的發(fā)展趨勢(shì)并提高產(chǎn)品的競(jìng)爭(zhēng)力。
  6. 用戶(hù)反饋:評(píng)估用戶(hù)對(duì)產(chǎn)品的反應(yīng)和滿意度,了解產(chǎn)品的優(yōu)點(diǎn)和不足之處。
  7. 數(shù)據(jù)表現(xiàn):評(píng)估產(chǎn)品上線后的數(shù)據(jù)表現(xiàn),包括流量、轉(zhuǎn)化率、ARPU等指標(biāo)的變化。

C. 項(xiàng)目成果復(fù)盤(pán):

最后,我們需要對(duì)整個(gè)產(chǎn)品改版過(guò)程進(jìn)行詳細(xì)的梳理和總結(jié),以復(fù)盤(pán)的形式量化評(píng)估做得好和不足的地方。通過(guò)這種方式,我們可以沉淀方法論和經(jīng)驗(yàn),為團(tuán)隊(duì)賦能,避免在未來(lái)的工作中重蹈覆轍。(如何做項(xiàng)目復(fù)盤(pán)網(wǎng)上有很多方法哦,這里就不過(guò)講了)

 

 

感謝閱讀。
希望以上的總結(jié)能夠?yàn)榇蠹姨峁┮恍﹩⑹竞蛶椭?,讓我們?cè)谖磥?lái)的工作中更加順利和高效。

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

關(guān)鍵詞:UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)軟件vue開(kāi)發(fā)



作者:Shook舒克
鏈接:https://www.zcool.com.cn/article/ZMTYwMjc3Mg==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

B端設(shè)計(jì)——組件庫(kù)—數(shù)據(jù)錄入&反饋&導(dǎo)航

前端達(dá)人

B端設(shè)計(jì)的文章和資料參考,缺少系統(tǒng)性的說(shuō)明,這是我總結(jié)第五篇。本文主要闡述——數(shù)據(jù)錄入&反饋&導(dǎo)航

 

本文為B端設(shè)計(jì)組件庫(kù)的第五篇、也是組件庫(kù)系列的最后一篇,下一篇將更新B端設(shè)計(jì)中常見(jiàn)的問(wèn)題合集來(lái)結(jié)束本系列。

一、引言

隨著企業(yè)對(duì)于數(shù)字化轉(zhuǎn)型的需求日益強(qiáng)烈,B端產(chǎn)品的發(fā)展也在加速。而B(niǎo)端組件庫(kù),作為產(chǎn)品設(shè)計(jì)與開(kāi)發(fā)的基礎(chǔ)構(gòu)建模塊,其重要性不言而喻。在眾多的組件中,“數(shù)據(jù)錄入”、“反饋”和“導(dǎo)航”是三個(gè)關(guān)鍵的組成部分,它們?cè)诤艽蟪潭壬蠜Q定了產(chǎn)品的用戶(hù)體驗(yàn)和工作效率。本文將對(duì)這三個(gè)組件進(jìn)行深入的研究,探索其最佳的設(shè)計(jì)與實(shí)施策略。

二、B端組件庫(kù)中的數(shù)據(jù)錄入類(lèi)組件應(yīng)該如何搭建?如何進(jìn)行多樣化設(shè)計(jì)?

2.1“數(shù)據(jù)錄入”類(lèi)組件搭建過(guò)程

 

2.1.1搭建步驟:

需求分析:首先明確數(shù)據(jù)錄入的需求,包括需要錄入的數(shù)據(jù)類(lèi)型、數(shù)據(jù)量、頻率等。

設(shè)計(jì)表單:根據(jù)需求設(shè)計(jì)合適的表單,包括輸入項(xiàng)的類(lèi)型(文本、數(shù)字、日期等)、布局、標(biāo)簽等。

添加驗(yàn)證:為了確保數(shù)據(jù)的準(zhǔn)確性,需要為表單添加合適的驗(yàn)證規(guī)則,如必填項(xiàng)、格式驗(yàn)證等。

考慮用戶(hù)體驗(yàn):為了提高數(shù)據(jù)錄入的效率,可以考慮添加一些方便用戶(hù)的功能,如自動(dòng)填充、批量導(dǎo)入等。

測(cè)試與迭代:完成設(shè)計(jì)后,進(jìn)行用戶(hù)測(cè)試,根據(jù)反饋進(jìn)行必要的調(diào)整和優(yōu)化。

2.1.2注意事項(xiàng):

明確性:確保每個(gè)輸入項(xiàng)的目的和要求都是清晰的,避免用戶(hù)產(chǎn)生困惑或誤解。

友好性:盡量簡(jiǎn)化錄入流程,減少不必要的步驟和輸入。提供友好的提示信息和反饋,幫助用戶(hù)順利完成錄入。

響應(yīng)速度:數(shù)據(jù)錄入過(guò)程中,系統(tǒng)的響應(yīng)速度也是一個(gè)重要的考慮因素。確保系統(tǒng)在處理大量數(shù)據(jù)或復(fù)雜操作時(shí)仍能保持流暢。

安全性:對(duì)于敏感數(shù)據(jù)的錄入,需要確保系統(tǒng)的安全性,如使用加密技術(shù)、防止SQL注入等。

2.1.3常用場(chǎng)景:

用戶(hù)注冊(cè):在注冊(cè)新用戶(hù)時(shí),需要收集用戶(hù)的基本信息,如姓名、郵箱、密碼等。

商品管理:在電商或庫(kù)存管理系統(tǒng)中,添加或編輯商品信息時(shí)需要進(jìn)行數(shù)據(jù)錄入。

訂單處理:處理訂單時(shí),需要錄入訂單的相關(guān)信息,如客戶(hù)信息、商品信息、支付方式等。

數(shù)據(jù)導(dǎo)入:對(duì)于一些已經(jīng)存在的數(shù)據(jù),提供批量導(dǎo)入的功能可以大大提高數(shù)據(jù)錄入的效率。

報(bào)表生成:生成報(bào)表時(shí),用戶(hù)可能需要輸入一些參數(shù)或篩選條件,這也涉及到數(shù)據(jù)錄入的操作。

2.3如何進(jìn)行多樣化設(shè)計(jì)?

進(jìn)一步提升B端組件庫(kù)中“數(shù)據(jù)錄入”類(lèi)組件的設(shè)計(jì)和擴(kuò)展能力:

1. 增強(qiáng)交互與動(dòng)效設(shè)計(jì) 使用明顯的交互動(dòng)效,如微動(dòng)畫(huà)、過(guò)渡效果等,提升用戶(hù)輸入時(shí)的體驗(yàn)。 設(shè)計(jì)清晰的輸入狀態(tài),如聚焦、失焦、有效、無(wú)效等,使用戶(hù)明確知道當(dāng)前輸入的狀態(tài)。

2. 提供多種輸入格式和單位支持 允許用戶(hù)選擇不同的輸入格式,如日期可以選擇“年-月-日”或“月/日/年”等格式。 對(duì)于數(shù)字輸入,提供多種單位支持,如百分比、貨幣、科學(xué)計(jì)數(shù)等。

3. 設(shè)計(jì)可擴(kuò)展的驗(yàn)證規(guī)則系統(tǒng) 提供內(nèi)置的常見(jiàn)驗(yàn)證規(guī)則,如必填、長(zhǎng)度限制、正則匹配等。 允許用戶(hù)自定義驗(yàn)證規(guī)則,以滿足特定的業(yè)務(wù)需求。

4. 支持復(fù)雜數(shù)據(jù)結(jié)構(gòu)輸入 設(shè)計(jì)支持?jǐn)?shù)組、對(duì)象等復(fù)雜數(shù)據(jù)結(jié)構(gòu)的輸入組件。 提供可視化編輯工具,方便用戶(hù)直接編輯復(fù)雜數(shù)據(jù)結(jié)構(gòu)。

5. 優(yōu)化鍵盤(pán)導(dǎo)航和快捷鍵支持 允許用戶(hù)使用鍵盤(pán)快速導(dǎo)航和輸入數(shù)據(jù),如使用Tab鍵在字段間切換。 提供常用的快捷鍵支持,如Ctrl+C/V進(jìn)行復(fù)制粘貼。

6. 設(shè)計(jì)可配置的界面和布局 提供多種預(yù)設(shè)的界面風(fēng)格和布局選項(xiàng)。 允許用戶(hù)自定義界面元素和布局,以滿足不同的視覺(jué)需求。

7. 集成智能提示和自動(dòng)補(bǔ)全功能 使用機(jī)器學(xué)習(xí)算法為用戶(hù)提供輸入建議,減少輸入錯(cuò)誤。 對(duì)于重復(fù)輸入的數(shù)據(jù),提供自動(dòng)補(bǔ)全功能,提高輸入效率。

8. 支持多語(yǔ)言和本地化設(shè)置 為不同語(yǔ)言和文化背景的用戶(hù)提供本地化支持。 允許用戶(hù)自定義顯示的語(yǔ)言和格式設(shè)置。

9. 建立組件使用分析和反饋系統(tǒng) 收集并分析用戶(hù)使用數(shù)據(jù)錄入組件的數(shù)據(jù),了解用戶(hù)的真實(shí)需求和習(xí)慣。 建立用戶(hù)反饋系統(tǒng),及時(shí)收集和處理用戶(hù)對(duì)組件的意見(jiàn)和建議。

三、B端組件庫(kù)中的反饋類(lèi)組件應(yīng)該如何搭建?有哪些注意事項(xiàng)?常用的場(chǎng)景有哪些?

在B端組件庫(kù)中,反饋類(lèi)組件是非常重要的一部分,它們用于在必要時(shí)向用戶(hù)反饋操作結(jié)果,做到合理有效的信息傳達(dá)。

3.1搭建反饋類(lèi)組件

確定反饋類(lèi)型:根據(jù)需要,確定要使用的反饋類(lèi)型,如提示、警告、錯(cuò)誤、成功等。

設(shè)計(jì)反饋樣式:針對(duì)不同類(lèi)型的反饋,設(shè)計(jì)相應(yīng)的視覺(jué)樣式,如顏色、圖標(biāo)、動(dòng)畫(huà)等。

編寫(xiě)組件代碼:根據(jù)設(shè)計(jì)好的樣式,編寫(xiě)反饋類(lèi)組件的代碼,包括HTML結(jié)構(gòu)、CSS樣式和JavaScript交互邏輯。

測(cè)試與優(yōu)化:對(duì)編寫(xiě)好的組件進(jìn)行測(cè)試,確保其在不同瀏覽器和設(shè)備上都能正常工作,并根據(jù)測(cè)試結(jié)果進(jìn)行優(yōu)化。

3.2注意事項(xiàng)

反饋一致性:對(duì)于同一類(lèi)型的消息反饋,使用同一類(lèi)型的組件,以確保用戶(hù)在不同場(chǎng)景下獲得一致的體驗(yàn)。

符合場(chǎng)景:不同的場(chǎng)景使用不同的反饋組件,例如系統(tǒng)主動(dòng)推送消息類(lèi)型的使用通知提醒框。

描述精確:合理而精確的消息提示文案描述,可以幫助用戶(hù)高效理解。

可關(guān)閉性:對(duì)于一些非關(guān)鍵性的反饋,提供用戶(hù)手動(dòng)關(guān)閉的選項(xiàng),避免打擾用戶(hù)。

適應(yīng)性:確保反饋類(lèi)組件在不同屏幕尺寸和分辨率下都能正常顯示和工作。

3.3常用場(chǎng)景

告警提示:當(dāng)某個(gè)頁(yè)面需要向用戶(hù)提供告警信息時(shí),使用告警提示。通常告警提示在頁(yè)面上不會(huì)自己消失,用戶(hù)可以手動(dòng)關(guān)閉。

全局提示:在當(dāng)前頁(yè)面以輕量級(jí)提示方式告知用戶(hù)操作的結(jié)果,使用全局提示。通常提示框在頁(yè)面頂部居中顯示并且會(huì)自動(dòng)消失,不打斷用戶(hù)的其他操作行為。

通知提醒框:一般在系統(tǒng)主動(dòng)推動(dòng)通知的情況下使用,如服務(wù)到期、服務(wù)告警等。

加載提示:常用于數(shù)據(jù)加載中提示、操作中提示,Loading的文案可按照具體場(chǎng)景定義。

對(duì)話框:常用于比較強(qiáng)的二次確認(rèn)彈框提示、或者展示一段比較長(zhǎng)的消息。

四、B端組件庫(kù)中的導(dǎo)航類(lèi)組件應(yīng)該如何搭建?有哪些注意事項(xiàng)?常用的場(chǎng)景有哪些?

在B端組件庫(kù)中,導(dǎo)航類(lèi)組件的設(shè)計(jì)和實(shí)現(xiàn)對(duì)于用戶(hù)體驗(yàn)和系統(tǒng)效率至關(guān)重要。

4.1搭建導(dǎo)航類(lèi)組件

確定導(dǎo)航結(jié)構(gòu):根據(jù)系統(tǒng)的信息架構(gòu)和用戶(hù)需求,確定導(dǎo)航的結(jié)構(gòu),如全局導(dǎo)航、局部導(dǎo)航、面包屑導(dǎo)航等。

設(shè)計(jì)導(dǎo)航樣式:針對(duì)不同類(lèi)型的導(dǎo)航,設(shè)計(jì)相應(yīng)的視覺(jué)樣式,如顏色、字體、圖標(biāo)等。

編寫(xiě)組件代碼:根據(jù)設(shè)計(jì)好的樣式和結(jié)構(gòu),編寫(xiě)導(dǎo)航類(lèi)組件的代碼,包括HTML結(jié)構(gòu)、CSS樣式和JavaScript交互邏輯。

測(cè)試與優(yōu)化:對(duì)編寫(xiě)好的組件進(jìn)行測(cè)試,確保其在不同瀏覽器和設(shè)備上都能正常工作,并根據(jù)測(cè)試結(jié)果進(jìn)行優(yōu)化。

4.2注意事項(xiàng)

清晰的信息架構(gòu):確保導(dǎo)航的結(jié)構(gòu)能夠清晰地反映系統(tǒng)的信息架構(gòu),使用戶(hù)能夠快速找到所需的信息。

易于理解:導(dǎo)航的標(biāo)簽和名稱(chēng)應(yīng)使用用戶(hù)熟悉的術(shù)語(yǔ),避免使用過(guò)于專(zhuān)業(yè)的術(shù)語(yǔ)或縮寫(xiě)。

可擴(kuò)展性:考慮到系統(tǒng)未來(lái)的發(fā)展,導(dǎo)航結(jié)構(gòu)應(yīng)具備一定的可擴(kuò)展性,以便添加新的功能或模塊。

響應(yīng)式設(shè)計(jì):確保導(dǎo)航在不同屏幕尺寸和分辨率下都能正常顯示和工作,提供良好的用戶(hù)體驗(yàn)。

遵循設(shè)計(jì)規(guī)范:參考行業(yè)通用的設(shè)計(jì)規(guī)范和最佳實(shí)踐,確保導(dǎo)航的設(shè)計(jì)符合用戶(hù)的期望和習(xí)慣。

4.3常用場(chǎng)景

全局導(dǎo)航:適用于整個(gè)系統(tǒng)的主導(dǎo)航,通常位于頁(yè)面的頂部或側(cè)邊,提供對(duì)主要功能和模塊的快速訪問(wèn)。

局部導(dǎo)航:適用于特定頁(yè)面或功能的子導(dǎo)航,幫助用戶(hù)在該頁(yè)面或功能內(nèi)快速找到所需的信息。

面包屑導(dǎo)航:顯示用戶(hù)當(dāng)前所在的位置,以及從首頁(yè)到當(dāng)前頁(yè)面的路徑,方便用戶(hù)了解自己的位置和返回上一級(jí)頁(yè)面。

下拉菜單:當(dāng)導(dǎo)航項(xiàng)較多時(shí),可以使用下拉菜單進(jìn)行收納,節(jié)省頁(yè)面空間并提高用戶(hù)體驗(yàn)。

標(biāo)簽頁(yè)導(dǎo)航:適用于需要同時(shí)展示多個(gè)內(nèi)容或功能的場(chǎng)景,用戶(hù)可以在不同的標(biāo)簽頁(yè)之間切換以查看或操作不同的內(nèi)容。

舉例說(shuō)明:公司內(nèi)部不同系統(tǒng),可采用的不同種類(lèi)菜單導(dǎo)航,均可以設(shè)計(jì)先行。后續(xù)使用可進(jìn)行調(diào)整

 

五、如何對(duì)“數(shù)據(jù)錄入”、“反饋”、“導(dǎo)航”進(jìn)行C化設(shè)計(jì)?

對(duì)于數(shù)據(jù)錄入,關(guān)鍵在于簡(jiǎn)化用戶(hù)的輸入過(guò)程,同時(shí)提供清晰直觀的界面。

例如,可以通過(guò)減少不必要的表單字段來(lái)簡(jiǎn)化錄入流程,使用智能填充來(lái)加速輸入過(guò)程,并通過(guò)即時(shí)驗(yàn)證和友好的錯(cuò)誤提示來(lái)減少用戶(hù)的輸入錯(cuò)誤。此外,考慮到移動(dòng)設(shè)備用戶(hù)的增長(zhǎng),優(yōu)化表單的移動(dòng)端設(shè)計(jì),確保在小屏幕上也能輕松輸入,是至關(guān)重要的。這可能意味著增加觸摸友好的元素,如更大的點(diǎn)擊區(qū)域和適應(yīng)屏幕大小的布局。

在反饋方面,提供即時(shí)、直觀且情感化的反饋對(duì)于增強(qiáng)用戶(hù)體驗(yàn)至關(guān)重要。這包括在用戶(hù)完成任務(wù)或遇到錯(cuò)誤時(shí)提供明確的視覺(jué)和文字提示。

例如,操作成功時(shí)可以顯示綠色的勾號(hào)圖標(biāo)和正面的消息,而錯(cuò)誤則可以用紅色的嘆號(hào)和說(shuō)明性的錯(cuò)誤消息來(lái)提示。增加動(dòng)態(tài)反饋,如加載動(dòng)畫(huà),也可以提高用戶(hù)體驗(yàn),減少等待時(shí)的焦慮感。此外,提供易于訪問(wèn)的幫助和支持選項(xiàng),例如在線聊天或用戶(hù)論壇,可以幫助用戶(hù)在遇到問(wèn)題時(shí)快速找到解決方案。

對(duì)于導(dǎo)航,設(shè)計(jì)的重點(diǎn)是確保用戶(hù)能夠直觀地理解如何在應(yīng)用或網(wǎng)站中移動(dòng)。

這涉及到創(chuàng)建清晰、一致的導(dǎo)航結(jié)構(gòu),突出顯示主要功能,并使用易于理解的圖標(biāo)和標(biāo)簽。在移動(dòng)設(shè)備上,這可能意味著采用漢堡菜單或底部導(dǎo)航條來(lái)節(jié)省空間。同時(shí),考慮到個(gè)性化的重要性,可以提供自定義選項(xiàng),讓用戶(hù)根據(jù)自己的偏好調(diào)整導(dǎo)航界面。 綜上所述,C化設(shè)計(jì)強(qiáng)調(diào)的是提高易用性和用戶(hù)體驗(yàn),使得B端產(chǎn)品在保持專(zhuān)業(yè)性和功能性的同時(shí),更貼近最終消費(fèi)者的使用習(xí)慣。

六、結(jié)束

后續(xù)還有一篇“問(wèn)題匯總”,之后會(huì)整理一些最近兩年的B端項(xiàng)目發(fā)布,感謝大家支持??!

 

其余篇章,可點(diǎn)擊主頁(yè)觀看!!

 

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

關(guān)鍵詞:UI咨詢(xún)UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)軟件vue開(kāi)發(fā)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



作者:張陽(yáng)光Designer
鏈接:https://www.zcool.com.cn/article/ZMTU5OTM4OA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

談?wù)勗O(shè)計(jì)創(chuàng)意獲取的思路

前端達(dá)人

談?wù)勗O(shè)計(jì)創(chuàng)意獲取的思路
 
 
讀了一本書(shū),杰夫戴維森的《The 60 sencond Innovation 》,講的是
創(chuàng)意的獲取方式
。因?yàn)閲?guó)外的設(shè)計(jì)環(huán)境與國(guó)內(nèi)還是有很大區(qū)別的(所以這本書(shū)的微信讀書(shū)書(shū)評(píng)并不是很高),我摘選了幾個(gè)我認(rèn)為
適合國(guó)內(nèi)現(xiàn)狀的創(chuàng)意獲取方法,與大家共享
。
談?wù)勗O(shè)計(jì)創(chuàng)意獲取的思路
 
 
一、關(guān)于設(shè)計(jì)趨勢(shì)
設(shè)計(jì)創(chuàng)意是符合設(shè)計(jì)趨勢(shì)的,我們需要關(guān)注設(shè)計(jì)趨勢(shì)。
我覺(jué)得趨勢(shì)這個(gè)詞,書(shū)里面有個(gè)觀點(diǎn)還是可以的:
關(guān)注長(zhǎng)期趨勢(shì)
。
為什么這么說(shuō)呢,因?yàn)橼厔?shì)不是朝三暮四的,往往會(huì)保持很長(zhǎng)的時(shí)間。所以我們?cè)谧鲈O(shè)計(jì)創(chuàng)意的時(shí)候可以適當(dāng)關(guān)注長(zhǎng)期趨勢(shì)。
1.1關(guān)注社會(huì)趨勢(shì)的重要性
最直接影響的就是職業(yè)生涯的發(fā)展
。譬如你是一名UI設(shè)計(jì)師或者即將畢業(yè)的學(xué)生,在當(dāng)前的形勢(shì)下UI設(shè)計(jì)師已經(jīng)趨于飽和,你想完成一次職業(yè)方向的確定或轉(zhuǎn)變,你會(huì)往哪里走?
那么你需要關(guān)注設(shè)計(jì)趨勢(shì)。
如果你選擇的是一個(gè)接近飽和的方向,那么你的薪資幾年內(nèi)肯定也得不到提高。有的設(shè)計(jì)師經(jīng)常會(huì)說(shuō)我做UI設(shè)計(jì)5-7年了,但是薪資依然還是1萬(wàn),我
只能說(shuō)你現(xiàn)在沒(méi)有什么競(jìng)爭(zhēng)力。
所以趁著年輕,你可以考慮換一條細(xì)分的賽道。
譬如逐漸趨于飽和的車(chē)載HMI設(shè)計(jì),即將爆發(fā)的類(lèi)似于Vision Pro的增強(qiáng)現(xiàn)實(shí)設(shè)計(jì)。。。
來(lái)自于蘋(píng)果官網(wǎng)
來(lái)自于蘋(píng)果官網(wǎng)
 
1.2如何了解設(shè)計(jì)趨勢(shì)
首先,最直觀的就是設(shè)計(jì)大事件。
譬如蘋(píng)果等著名品牌引導(dǎo)的設(shè)計(jì)承載方式的變革。從羅永浩推出無(wú)限屏概念開(kāi)始,其實(shí)類(lèi)似的空間設(shè)計(jì)就已經(jīng)處于慢熱狀態(tài)。直到蘋(píng)果正式發(fā)布了Vision Pro,這種大事件直接將增強(qiáng)空間設(shè)計(jì)推向了高潮。
我們可以通過(guò)蘋(píng)果的官方網(wǎng)站,去了解Vision Pro的使用方法,以此來(lái)感受Vision pro可以改變什么?文本編輯、影視、閱讀以及游戲等等用戶(hù)體驗(yàn)與手機(jī)操作的不同點(diǎn),從而延伸出未來(lái)可以商業(yè)化的場(chǎng)景方向,可以做預(yù)知性的推斷。
有興趣的設(shè)計(jì)師還可以通過(guò)蘋(píng)果發(fā)布的
Vision pro模擬器
,來(lái)嘗試性地輸出一些創(chuàng)新的想法和創(chuàng)意,以此來(lái)建立自己在增強(qiáng)空間設(shè)計(jì)上的設(shè)計(jì)經(jīng)驗(yàn)和競(jìng)爭(zhēng)力。
其次,可以通過(guò)設(shè)計(jì)網(wǎng)站、社區(qū)和平臺(tái)。
譬如優(yōu)設(shè)、站酷、人人都是產(chǎn)品經(jīng)理等一些設(shè)計(jì)資訊平臺(tái)。很多設(shè)計(jì)師會(huì)將國(guó)外的一些好的設(shè)計(jì)趨勢(shì)的文章翻譯,我們可以通過(guò)這些文章來(lái)獲取設(shè)計(jì)趨勢(shì)。
再者,可以通過(guò)行業(yè)內(nèi)的研究報(bào)告。
譬如艾瑞咨詢(xún)發(fā)布的《2023年AIGC場(chǎng)景應(yīng)用展望研究報(bào)告》,里面就闡述了下一年甚至是未來(lái)AIGC的發(fā)展方向。
二、經(jīng)驗(yàn)積累促進(jìn)設(shè)計(jì)創(chuàng)意輸出
2.1經(jīng)驗(yàn)積累到一定程度的好處
一般設(shè)計(jì)師在自身發(fā)展的同時(shí),也都會(huì)留意身邊設(shè)計(jì)師發(fā)展的如何,嫉妒和對(duì)比是很正常的。有的設(shè)計(jì)師會(huì)覺(jué)得為什么他年紀(jì)不大卻能當(dāng)領(lǐng)導(dǎo),為什么他的薪資比我多那么多,為什么每次任務(wù)下來(lái)后他總是做的又快又好。。。
因?yàn)檫@是工作/設(shè)計(jì)經(jīng)驗(yàn)給他帶來(lái)了各種紅利。
為什么經(jīng)驗(yàn)豐富的設(shè)計(jì)師創(chuàng)意那么多呢?那就是
尤尼卡效應(yīng)(靈感的悄然而至)
。有經(jīng)驗(yàn)的設(shè)計(jì)師,職業(yè)生涯過(guò)程中看過(guò)無(wú)數(shù)的案例,想過(guò)無(wú)數(shù)的方案,做過(guò)無(wú)數(shù)的作品。所以,他們可以在看到問(wèn)題的時(shí)候,立馬給你輸出設(shè)計(jì)方案。如果你能達(dá)到這種地步,你的競(jìng)爭(zhēng)力也將無(wú)可匹敵。
2.2經(jīng)驗(yàn)積累下的靈感輸出
做到兩點(diǎn):
【建立方向】和【埋頭苦干】
。
畢業(yè)5年內(nèi)的設(shè)計(jì)師,可以不用過(guò)多的去關(guān)注別人與自己的差別,你要做的就是【建立方向】和【埋頭苦干】,幸運(yùn)只光顧有準(zhǔn)備的頭腦。
那些有經(jīng)驗(yàn)的設(shè)計(jì)師也都是摸爬滾打一點(diǎn)一滴練出來(lái)的。過(guò)年的時(shí)候跟大學(xué)同學(xué)吃飯,設(shè)計(jì)耕耘10余載,他已經(jīng)是某設(shè)計(jì)院的總監(jiān)了。想想與他一起住過(guò)的小黑屋,想想我們打地鋪黑燈瞎火的做項(xiàng)目,為了錢(qián)么?是因?yàn)闊釔?ài),想做出更好的作品。再看看他一路走來(lái)的工作歷程,他基本上在一個(gè)垂直方向上深耕細(xì)作,從場(chǎng)館的設(shè)計(jì)方案到制定預(yù)算,從項(xiàng)目投標(biāo)到施工流程,整個(gè)一套流程都駕輕就熟了。
2.3不斷嘗試后的靈感輸出
設(shè)計(jì)師們都知道,靈感不會(huì)輕易上門(mén)。
創(chuàng)意是被逼出來(lái)的
!這一點(diǎn)設(shè)計(jì)師們都很有感觸。
這里的經(jīng)驗(yàn)積累不完全是工作年限的意思,也有深度挖掘之意
。
尤尼卡效應(yīng)要求我們,即使在設(shè)計(jì)工作中沒(méi)有靈感的時(shí)候,繼續(xù)嘗試著梳理思路不斷鉆研,肯定會(huì)有靈感乍現(xiàn)的那一刻。就像書(shū)中說(shuō)的那樣:
因?yàn)閯?chuàng)新是一個(gè)漸進(jìn)的過(guò)程,一次加上一點(diǎn)思考,最終會(huì)柳暗花明。
MIdjourny輸出:設(shè)計(jì)師絞盡腦汁
MIdjourny輸出:設(shè)計(jì)師絞盡腦汁
 
三、創(chuàng)意匯報(bào)
3.1高中低方案戰(zhàn)略
要想實(shí)現(xiàn)創(chuàng)意被大家更好地接受,通??梢詼?zhǔn)備三種可能的方案:1.最佳方案2.中間方案3.最差方案
領(lǐng)導(dǎo)的決策,也需要有一定的參考。我們給出的方案,盡量涵蓋高中低三種維度,以便進(jìn)行對(duì)比。
3.2選擇時(shí)機(jī)進(jìn)行推薦
創(chuàng)意方案出來(lái)后,你可以安排一次會(huì)議/宣講會(huì),闡述一下自己的設(shè)計(jì)方案。聰明的做法就是在會(huì)議召開(kāi)之前,先私下把方案簡(jiǎn)單過(guò)一下,以獲得一定的支持。
3.3學(xué)會(huì)傾聽(tīng)
你在匯報(bào)項(xiàng)目的過(guò)程中,別人會(huì)有一些想法和建議,麻煩你認(rèn)真傾聽(tīng)。不要著急去打斷,以免造成厭惡性溝通。
3.4不要放棄
創(chuàng)意被否定很正常。
真正能一次通過(guò)的創(chuàng)意實(shí)屬罕見(jiàn),就好比不能因?yàn)槟貌坏降谝痪筒簧蠄?chǎng)比賽一樣,你也不應(yīng)該因?yàn)閯?chuàng)意被否一次就永遠(yuǎn)自暴自棄。
四、創(chuàng)意輸出需要心流狀態(tài)
心流狀態(tài)是指自己已經(jīng)完全沉浸在設(shè)計(jì)創(chuàng)意中了。
心流狀態(tài)可以很好地幫助設(shè)計(jì)師提高工作效率,促進(jìn)設(shè)計(jì)創(chuàng)意的輸出。
4.1如何獲得心流狀態(tài)
環(huán)境很重要。
對(duì)于設(shè)計(jì)師而言,通過(guò)調(diào)整周?chē)沫h(huán)境,比如說(shuō)引進(jìn)一些比較明亮的色彩、圖片、標(biāo)語(yǔ)等,可以大大激發(fā)一個(gè)人的學(xué)習(xí)能力。
開(kāi)放、整潔、平整的表面有助于整理人的思維,所以一般來(lái)說(shuō),你的桌子越干凈,就越容易提高工作效率,應(yīng)對(duì)工作中的各種挑戰(zhàn)。
五、創(chuàng)意伙伴日常溝通
眾人拾柴火焰高。
5.1與什么樣的人溝通
與相同價(jià)值的人溝通。
《探尋第一名》(Looking Out for Number One)一書(shū)中,作者羅伯特·林格(Robert Ringer)指出,持久的關(guān)系——一方為另一方提供相同的價(jià)值,雙方的利益交織在一起,讓這種關(guān)系持續(xù)下去——非常有價(jià)值。
因此
你找的人必定是彼此都珍視的人,可以成為創(chuàng)意伙伴
。你可以每個(gè)月找創(chuàng)意伙伴聊聊天喝喝茶充充電,獲取一些新的想法,讓自己的大腦保持常青常新。馬云說(shuō)過(guò),企業(yè)在不缺錢(qián)的時(shí)候融資,而不是缺錢(qián)了再去融資。
設(shè)計(jì)圈有認(rèn)識(shí)的大佬都很重視溝通,會(huì)經(jīng)常跟身邊的朋友聊天,其實(shí)這很大程度上
可以讓一個(gè)人擁有多個(gè)人的經(jīng)驗(yàn)和能力。
所以設(shè)計(jì)師應(yīng)該嘗試著開(kāi)放一些,而不是閉門(mén)造車(chē)。
MIdjourny輸出:設(shè)計(jì)師聊天
MIdjourny輸出:設(shè)計(jì)師聊天
 
六、公司層面:討論/溝通氛圍的重要性
公司層面,應(yīng)該鼓勵(lì)設(shè)計(jì)師在會(huì)議上多闡述自己的意見(jiàn)。
很多公司是不是有這樣一種現(xiàn)象:開(kāi)會(huì)的時(shí)候鴉雀無(wú)聲,只聽(tīng)到匯報(bào)的人膽怯地練著演講稿或者說(shuō)著自己的方案,讓其他人給意見(jiàn)的時(shí)候基本無(wú)人舉手,只能等領(lǐng)導(dǎo)給一些修改意見(jiàn),
然后這個(gè)設(shè)計(jì)方案就變成了領(lǐng)導(dǎo)認(rèn)可的設(shè)計(jì)方案了。
其實(shí)這種工作氛圍真的非常糟糕,限制了設(shè)計(jì)師的創(chuàng)意的發(fā)揮,同時(shí)也讓產(chǎn)品成為了一個(gè)片面性的產(chǎn)品。
6.1建立討論溝通氛圍的好處
所以團(tuán)隊(duì)的討論氛圍一定要建立起來(lái)。
書(shū)里這樣描述:
1.當(dāng)一個(gè)人感覺(jué)自己的想法受人歡迎的時(shí)候,他會(huì)想出更多有創(chuàng)意的點(diǎn)子來(lái)解決眼前的問(wèn)題——有時(shí)可能會(huì)在會(huì)上發(fā)表看法,有時(shí)則是在私下里提出建議;
2.如果團(tuán)隊(duì)的每個(gè)成員都感覺(jué)更有滿足感,他們的參與熱情就會(huì)高漲。想想看,如果人人都愿意獻(xiàn)計(jì)獻(xiàn)策,事情將會(huì)變得多么容易啊!
6.2好好先生對(duì)設(shè)計(jì)創(chuàng)意的阻礙
討論溝通,也促進(jìn)了不同聲音的展現(xiàn)。團(tuán)隊(duì)需要不同的聲音,團(tuán)隊(duì)需要謙和而堅(jiān)定的人來(lái)告訴我們事情的本來(lái)面目,要聽(tīng)到赤裸裸的現(xiàn)實(shí)。
 
感謝大家閱讀。
【阿琦設(shè)計(jì)日記】,用最接地氣的語(yǔ)言,講述設(shè)計(jì)師成長(zhǎng)道路上的故事。
 

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

關(guān)鍵詞:UI咨詢(xún)UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:阿琦Aqi
鏈接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索

前端達(dá)人

前言
 
隨著AI技術(shù)的發(fā)展,越來(lái)越多的產(chǎn)品嘗試結(jié)合AI進(jìn)行功能升級(jí),作為設(shè)計(jì)師的你是否也在面臨這樣的問(wèn)題:如何將AI技術(shù)與場(chǎng)景需求更好的結(jié)合,為用戶(hù)提供順暢的AI原生設(shè)計(jì)體驗(yàn)?zāi)兀?/div>
 
本文將以AI裝扮項(xiàng)目為例,分兩部分介紹我們是如何通過(guò)深入分析用戶(hù)痛點(diǎn)與需求,結(jié)合公司內(nèi)部能力支持,找到AI創(chuàng)新突破口。同時(shí)發(fā)揮設(shè)計(jì)優(yōu)勢(shì),在沒(méi)有行業(yè)參考前提下,探尋出一條AI創(chuàng)新實(shí)踐之路,設(shè)計(jì)主導(dǎo)創(chuàng)新方案優(yōu)化落地。
 
 
第一部分:為什么要做裝扮AI創(chuàng)新
 
1.百度APP裝扮業(yè)務(wù)介紹
 
裝扮是百度APP的一個(gè)基礎(chǔ)能力,支持用戶(hù)設(shè)置頭像、皮膚、主頁(yè)背景、套裝等,以滿足用戶(hù)個(gè)性化訴求為目標(biāo),對(duì)設(shè)計(jì)有著較高的依賴(lài)。當(dāng)前主要面臨兩個(gè)問(wèn)題:
 
  •  
    功能缺少吸引力:
    各類(lèi)裝扮操作流程為選擇→預(yù)覽→裝扮,體驗(yàn)單一,缺乏趣味性和吸引力
 
  •  
    裝扮資源迭代慢:
    裝扮資源更新對(duì)設(shè)計(jì)師依賴(lài)度較高,但手工繪圖的成本高且周期長(zhǎng)
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2.裝扮用戶(hù)分析
 
通過(guò)用戶(hù)調(diào)研和數(shù)據(jù)分析,對(duì)裝扮用戶(hù)有以下兩點(diǎn)發(fā)現(xiàn):
 
  •  
    個(gè)性化需求難以滿足:
    通過(guò)裝扮調(diào)研問(wèn)卷發(fā)現(xiàn),用戶(hù)沒(méi)有佩戴裝扮的大部分原因是由于現(xiàn)有的免費(fèi)裝扮資源無(wú)法滿足用戶(hù)個(gè)性化需求
 
  •  
    年輕群體對(duì)AI的喜愛(ài):
    裝扮用戶(hù)趨于年輕化,而年輕群體對(duì)智能化、趣味性產(chǎn)品有濃厚興趣,同時(shí)對(duì)個(gè)性化、定制化也有著更高的要求
 
3.了解內(nèi)部能力支撐
 
百度文心AI生圖技術(shù)較為成熟,支持輸入描述詞后免費(fèi)生成多張圖片。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
4.設(shè)計(jì)機(jī)會(huì)點(diǎn)
 
通過(guò)前面的分析,我們提出一個(gè)洞察思考:
裝扮是否可以接入文心AI生圖的能力,讓用戶(hù)自主生圖并用于裝扮?
 
我們從用戶(hù)、業(yè)務(wù)、設(shè)計(jì)三方視角分析裝扮中心接入文心AI生圖能力的可行性和價(jià)值:
 
  •  
    用戶(hù)側(cè):豐富裝扮玩法,提升裝扮體驗(yàn)的趣味性和吸引力
 
  •  
    業(yè)務(wù)側(cè):吸引更多用戶(hù)裝扮,提高裝扮用戶(hù)量和滲透率
 
  •  
    設(shè)計(jì)側(cè):探索AI能力實(shí)際應(yīng)用場(chǎng)景,積累AI原生設(shè)計(jì)經(jīng)驗(yàn);同時(shí)降低設(shè)計(jì)師生圖成本,降本增效
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
 
第二部分:如何進(jìn)行裝扮AI創(chuàng)新突破
 
作為AI創(chuàng)新型項(xiàng)目,我們經(jīng)歷了三期迭代嘗試,不斷打磨升級(jí)AI裝扮體驗(yàn):1期快速試水驗(yàn)證效果,2期創(chuàng)新突破交互體驗(yàn),3期結(jié)合數(shù)據(jù)持續(xù)優(yōu)化,下面會(huì)從以下3個(gè)階段講述設(shè)計(jì)創(chuàng)新思考過(guò)程。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
Step1:快速試水,驗(yàn)證玩法
 
首先我們快速調(diào)研了國(guó)內(nèi)外具有AI生成能力的產(chǎn)品做為體驗(yàn)摸底,發(fā)現(xiàn)競(jìng)品在AI生圖的創(chuàng)作體驗(yàn)上趨于雷同,創(chuàng)作頁(yè)主要分為描述詞輸入框、選擇風(fēng)格、尺寸及張數(shù)等操作模塊,對(duì)于普通用戶(hù)來(lái)說(shuō)
創(chuàng)作體驗(yàn)復(fù)雜、輸入門(mén)檻高
。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
在項(xiàng)目初期,我們希望能夠快速驗(yàn)證用戶(hù)對(duì)這套新玩法是否感興趣,所以目標(biāo)是低成本快速上線驗(yàn)證玩法。
 
我們將AI裝扮流程分為4步:點(diǎn)擊入口→開(kāi)始創(chuàng)作→生成圖片→預(yù)覽裝扮效果及裝扮。
 
結(jié)合一期目標(biāo)我們有兩個(gè)設(shè)計(jì)難點(diǎn):1.如何簡(jiǎn)化創(chuàng)作流程;2.如何精簡(jiǎn)步長(zhǎng)減少折損
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)1:如何簡(jiǎn)化創(chuàng)作流程
 
解決思路:
在創(chuàng)作流程上我們決定簡(jiǎn)化方案,采取讓用戶(hù)選取關(guān)鍵詞組合的簡(jiǎn)化方式來(lái)生成圖片,簡(jiǎn)化創(chuàng)作流程快速上線驗(yàn)證。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)2:如何精簡(jiǎn)步長(zhǎng)減少折損
 
解決思路:
在圖片生成與裝扮預(yù)覽步驟中,通過(guò)縮短路徑讓用戶(hù)快速直達(dá)裝扮預(yù)覽頁(yè),減少折損。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
在方案選擇上,我們基于
路徑更短、突出裝扮預(yù)覽效果
的目標(biāo),選擇了方案1進(jìn)行深化:
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
一期方案與上線數(shù)據(jù)
 
一期上線后裝扮中心的日均設(shè)置量提升近3倍,AI裝扮各環(huán)節(jié)轉(zhuǎn)化漏斗較高,在各商城中,AI裝扮設(shè)置量位列第二,僅次于頭像,驗(yàn)證AI裝扮對(duì)用戶(hù)的吸引力較大,于是我們開(kāi)始啟動(dòng)二期優(yōu)化。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
Step2:創(chuàng)新突破,打造亮點(diǎn)
 
對(duì)比一期直接讓用戶(hù)選取主體詞和風(fēng)格詞的半自動(dòng)化方式生成圖片,雖然自定義能力較弱,但是生圖方式更容易;二期希望增加用戶(hù)自行輸入生成圖片,滿足用戶(hù)更加個(gè)性化和多樣性的需求,但同時(shí)輸入門(mén)檻對(duì)用戶(hù)來(lái)說(shuō)也更高。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
現(xiàn)有AI生圖輸入門(mén)檻之所以較高,是因?yàn)橐粡埜哔|(zhì)量圖片對(duì)生圖描述詞有很高的要求。我們分析發(fā)現(xiàn),高質(zhì)量描述詞需要從畫(huà)面風(fēng)格、色彩、細(xì)節(jié)、光影效果、構(gòu)圖比例、畫(huà)質(zhì)甚至是相機(jī)設(shè)置等多維度來(lái)描述,專(zhuān)業(yè)詞匯多,對(duì)于普通用戶(hù)來(lái)說(shuō)撰寫(xiě)門(mén)檻高、難度大。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
這就留給我們一個(gè)難題:
如何讓用戶(hù)低門(mén)檻生成一張高質(zhì)量圖片?
 
結(jié)合二期目標(biāo)我們有兩個(gè)設(shè)計(jì)難點(diǎn):1.如何創(chuàng)新突破生圖體驗(yàn);2.裝扮流程整體重構(gòu)
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)1:如何創(chuàng)新突破生圖體驗(yàn)
 
1)思路發(fā)散
 
首先我們發(fā)散了兩個(gè)方向:
 
方向1:提供高質(zhì)量描述詞范例讓用戶(hù)直接使用
 
方向2:輔助用戶(hù)寫(xiě)出高質(zhì)量描述詞,比如提供描述詞潤(rùn)色功能、高級(jí)描述詞庫(kù)疊加、按公式引導(dǎo)用戶(hù)選擇詞組組合等形式輔助創(chuàng)作
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2)框架探索
 
如果創(chuàng)作頁(yè)要給用戶(hù)提供豐富的引導(dǎo)內(nèi)容,同時(shí)兼顧輸入面板的穩(wěn)定露出,基礎(chǔ)平鋪框架承載力有限,無(wú)法兼顧豐富引導(dǎo)內(nèi)容的展示和輸入功能的穩(wěn)定露出。我們提出使用雙層框架的形式,將承載“引導(dǎo)內(nèi)容”和“輸入功能”的容器拆分相互獨(dú)立,在承載“引導(dǎo)內(nèi)容”的容器中支持用戶(hù)像刷feed一樣上滑,同時(shí)頂層容器穩(wěn)定置底展示輸入功能。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
3)多方案嘗試
 
我們圍繞以上兩個(gè)方向進(jìn)行了創(chuàng)作頁(yè)從基礎(chǔ)到高階的多套方案探索。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
方案收斂過(guò)程中,我們決定進(jìn)行用戶(hù)測(cè)試,觀察用戶(hù)對(duì)不同方案的理解與接受程度。
 
4)用戶(hù)測(cè)試與痛點(diǎn)分析
 
我們找了多名不同類(lèi)型的用戶(hù),觀察他們對(duì)各個(gè)方案的理解和使用情況,了解用戶(hù)在使用過(guò)程中遇到的問(wèn)題和痛點(diǎn),并制作表格記錄每一位用戶(hù)的反饋與建議。
 
匯總后得到以下發(fā)現(xiàn)點(diǎn):
 
1.用戶(hù)對(duì)點(diǎn)擊推薦描述詞的生成圖片效果沒(méi)有預(yù)期,且表示操作難以理解
 
2.有配圖會(huì)增強(qiáng)吸引力,文字或步驟多會(huì)有負(fù)面影響
 
3.用戶(hù)對(duì)風(fēng)格選擇沒(méi)有強(qiáng)烈訴求
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
5)提煉問(wèn)題迭代優(yōu)化
 
根據(jù)測(cè)試結(jié)論1&2我們想到,能否結(jié)合方案2-1與2-2,采用圖片范例代替純文字范例,這樣用戶(hù)對(duì)生成效果就有了直接的預(yù)期,同時(shí)提高了點(diǎn)擊吸引力和可玩性;根據(jù)結(jié)論3我們對(duì)現(xiàn)有步驟進(jìn)行了簡(jiǎn)化,省略風(fēng)格選擇步驟,采用智能識(shí)別描述詞風(fēng)格或默認(rèn)智能推薦生圖風(fēng)格,來(lái)減少用戶(hù)生圖步驟。
 
最終方案與競(jìng)品對(duì)比生圖難度更低、生圖步驟更短,同時(shí)我們也進(jìn)行了新方案的回訪,所有用戶(hù)均表示新方案更簡(jiǎn)單直接,且吸引力更強(qiáng)。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)2:裝扮流程整體重構(gòu)
 
在入口頁(yè)和生成圖片&裝扮預(yù)覽流程我們也發(fā)散了多個(gè)方案,同樣通過(guò)用戶(hù)測(cè)試選出最優(yōu)方案。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
二期方案設(shè)計(jì)
 
用戶(hù)在裝扮中心點(diǎn)擊入口進(jìn)入創(chuàng)作頁(yè),點(diǎn)擊圖例或輸入內(nèi)容后點(diǎn)擊底部生成按鈕,跳轉(zhuǎn)AI生成圖片頁(yè)面,支持用戶(hù)在當(dāng)前頁(yè)面預(yù)覽圖片、重新生成、修改描述、保存圖片及分享等操作,底部按鈕強(qiáng)引導(dǎo)進(jìn)入裝扮預(yù)覽頁(yè)進(jìn)行裝扮。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
上線效果
 
1)上線數(shù)據(jù)漏斗分析
 
AI裝扮2期上線后,在入口、輸入頁(yè)和裝扮預(yù)覽頁(yè)轉(zhuǎn)化較1期均有大幅提升,在輸入難度大于1期的前提下,輸入轉(zhuǎn)化依然高于1期。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2)實(shí)際圖片生成效果
 
以下是一些真實(shí)用戶(hù)生成的圖片,不同風(fēng)格的生成質(zhì)量都能達(dá)到理想效果。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
3)數(shù)據(jù)指導(dǎo)持續(xù)優(yōu)化
 
同時(shí),進(jìn)一步分析漏斗數(shù)據(jù)發(fā)現(xiàn),雖然整體漏斗數(shù)據(jù)優(yōu)于以往,但是在圖片生成頁(yè)的用戶(hù)流失較大,于是我們開(kāi)始探索在滿足用戶(hù)預(yù)覽圖片訴求的同時(shí),是否存在能夠快速進(jìn)入裝扮預(yù)覽頁(yè)的方案。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
Step3:持續(xù)迭代,精細(xì)體驗(yàn)
 
3期我們以簡(jiǎn)化操作流程,提升裝扮轉(zhuǎn)化率為目標(biāo)進(jìn)行設(shè)計(jì)方案探索,結(jié)合用戶(hù)在創(chuàng)作頁(yè)點(diǎn)擊生成按鈕后希望先看到生成圖片的訴求,我們3期的設(shè)計(jì)難點(diǎn)是:
如何在預(yù)覽圖片和減步長(zhǎng)中尋找平衡?
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn):在預(yù)覽圖片和減步長(zhǎng)中尋找平衡
 
1)框架探索
 
考慮到用戶(hù)想要先看到生成圖片的訴求,所以在思考方案過(guò)程中引入動(dòng)效來(lái)銜接頁(yè)面之間的變化,減少用戶(hù)跳轉(zhuǎn)的可行性。
 
方向1:縮短主操作路徑,次要功能建立預(yù)期,后置操作;優(yōu)勢(shì)是層級(jí)簡(jiǎn)單,核心操作聚焦
 
方向2:僅預(yù)覽圖片結(jié)果,后置操作;優(yōu)勢(shì)是操作路徑短
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2)方案細(xì)化與測(cè)試
 
根據(jù)框架探索我們細(xì)化了3個(gè)方案:
 
為了更直觀的展示,我們制作了3個(gè)方案的Demo并進(jìn)行用戶(hù)測(cè)試,大部分用戶(hù)認(rèn)為方案1更直觀且簡(jiǎn)潔。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
3)最終方案展示
 
生成中:展示重新生成、保存等相關(guān)操作,建立用戶(hù)預(yù)期
 
生成后:展示生成圖片并自動(dòng)上滑,同時(shí)調(diào)起裝扮預(yù)覽面板,縮短裝扮路徑
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
優(yōu)化后數(shù)據(jù)對(duì)比
 
對(duì)比2期方案,優(yōu)化后方案點(diǎn)擊生成按鈕直達(dá)裝扮預(yù)覽頁(yè),縮短裝扮路徑,上線后日均裝扮成功轉(zhuǎn)化率顯著提升。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
 
結(jié)語(yǔ)
 
本文以百度APP裝扮體驗(yàn)AI創(chuàng)新探索為例,分享了從設(shè)計(jì)視角出發(fā),設(shè)計(jì)師如何結(jié)合AI能力進(jìn)行設(shè)計(jì)創(chuàng)新,為用戶(hù)提供順暢的AI原生體驗(yàn),并分三步推動(dòng)項(xiàng)目落地與優(yōu)化的思考過(guò)程。通過(guò)本次項(xiàng)目,我們也積累了一些經(jīng)驗(yàn)分享給大家:
 
1.避免慣性思維,站在用戶(hù)視角看問(wèn)題
 
作為設(shè)計(jì)師,可能我們已經(jīng)看過(guò)、使用過(guò)很多AI類(lèi)產(chǎn)品,對(duì)它的玩法非常熟悉。在設(shè)計(jì)前期,我們常常理所當(dāng)然的認(rèn)為用戶(hù)已經(jīng)理解掌握生圖的方法,結(jié)果在測(cè)試階段發(fā)現(xiàn)即便是公司內(nèi)部互聯(lián)網(wǎng)員工,理解使用起來(lái)也有一定門(mén)檻。所以我們一定要避免慣性思維,注意時(shí)刻抽身站在用戶(hù)視角,多問(wèn)問(wèn)自己:我們的用戶(hù)群體是否能夠快速理解并掌握設(shè)計(jì)方案。
 
2.用戶(hù)測(cè)試是有效的工具,可以幫助設(shè)計(jì)師獲得更深入的用戶(hù)反饋,并將其轉(zhuǎn)化為理想方案設(shè)計(jì)點(diǎn)
 
整個(gè)過(guò)程中,我們遇到了很多困難與挑戰(zhàn),尤其是在2期輸入體驗(yàn)的優(yōu)化上,在競(jìng)品創(chuàng)作體驗(yàn)千篇一律且都不理想的情況下,初期思考的方案均沒(méi)有達(dá)到簡(jiǎn)單且能直接輸入高質(zhì)量描述詞的理想效果,設(shè)計(jì)思路此時(shí)也達(dá)到了瓶頸。這時(shí)候引入用戶(hù)測(cè)試是一種很好的幫助設(shè)計(jì)師“換腦”的方式,用戶(hù)不會(huì)直接告訴我們理想方案是什么,但是我們可以從用戶(hù)的反饋中抽絲剝繭,轉(zhuǎn)化成理想方案的設(shè)計(jì)點(diǎn)。
 
3.設(shè)計(jì)方案應(yīng)盡量簡(jiǎn)單直觀,避免需要用戶(hù)進(jìn)行過(guò)多的思考和轉(zhuǎn)換
 
通過(guò)我們多次的用戶(hù)測(cè)試發(fā)現(xiàn),除了大家熟知的設(shè)計(jì)方案應(yīng)該盡量簡(jiǎn)單清晰、避免過(guò)多的復(fù)雜步驟和操作以外,還應(yīng)該盡量避免用戶(hù)需要思考轉(zhuǎn)化的步驟:比如給一段純文字示例讓用戶(hù)來(lái)生成圖片,這個(gè)文字與圖片生成的效果是需要用戶(hù)通過(guò)思考并轉(zhuǎn)換的,也許生圖結(jié)果與用戶(hù)預(yù)期天差地別。所以在調(diào)研后我們采取了“圖生圖”的方式,用戶(hù)喜歡哪張圖片,就使用它的描述詞來(lái)生成相似,這樣更加直觀,減少在大腦里轉(zhuǎn)換思考的過(guò)程。
 
以上就是我們的思考全過(guò)程與全部心得,希望對(duì)大家做類(lèi)似AI創(chuàng)新型項(xiàng)目有所幫助。百度AI裝扮項(xiàng)目依然在持續(xù)優(yōu)化與完善,歡迎有興趣、有建議的小伙伴,來(lái)找我們一起溝通交流~
 
 
關(guān)于我們:
MEUX,百度移動(dòng)生態(tài)用戶(hù)體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶(hù)/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡(jiǎn)單極致」為設(shè)計(jì)理念,創(chuàng)造極致用戶(hù)體驗(yàn)的同時(shí)賦能商業(yè),推動(dòng)設(shè)計(jì)行業(yè)的價(jià)值和影響力,讓生活因設(shè)計(jì)而更美好。
 

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

關(guān)鍵詞:UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶(hù)體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTYxMDA5Ng==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

日歷

鏈接

個(gè)人資料

存檔