首頁(yè)

C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型

博博

設(shè)計(jì)輸出質(zhì)量對(duì)于設(shè)計(jì)團(tuán)隊(duì)來(lái)說(shuō)是極為重要的事情,在設(shè)計(jì)過(guò)程中,存在著許多潛在的風(fēng)險(xiǎn),這些風(fēng)險(xiǎn)可能會(huì)導(dǎo)致用戶(hù)直接流失,甚至是品牌形象受損,且對(duì)于C端產(chǎn)品來(lái)說(shuō)更是如此。因此,作為一名用戶(hù)體驗(yàn)設(shè)計(jì)師,降低體驗(yàn)設(shè)計(jì)風(fēng)險(xiǎn)是我們工作中不可或缺的一部分。
當(dāng)然體驗(yàn)問(wèn)題可能來(lái)自技術(shù)、設(shè)計(jì)、運(yùn)營(yíng)等多個(gè)環(huán)節(jié),本文主要從體驗(yàn)設(shè)計(jì)師的視角去思考如何降低體驗(yàn)風(fēng)險(xiǎn)。
 
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
 
一、設(shè)計(jì)團(tuán)隊(duì)如何降低體驗(yàn)風(fēng)險(xiǎn)
1、可以建立一套體驗(yàn)設(shè)計(jì)走查模型,通過(guò)建立走查模型,我們可以對(duì)設(shè)計(jì)過(guò)程進(jìn)行全面檢查,及時(shí)發(fā)現(xiàn)并解決設(shè)計(jì)中的問(wèn)題。
2、建立設(shè)計(jì)內(nèi)審機(jī)制,通過(guò)多名設(shè)計(jì)師和關(guān)鍵項(xiàng)目組角色共同內(nèi)審,減少出錯(cuò)風(fēng)險(xiǎn)。
3、需要將體驗(yàn)問(wèn)題的發(fā)現(xiàn)和解決納入設(shè)計(jì)師工作當(dāng)中,并且有明確的責(zé)任劃分,確保產(chǎn)品遺留問(wèn)題得到有效解決。
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
 
二、建立適合自己的體驗(yàn)走查模型
走查模型的作用是幫助設(shè)計(jì)師產(chǎn)出全面的設(shè)計(jì)方案,盡可能避免有遺漏場(chǎng)景,造成體驗(yàn)事故和不必要的返工。市面上有很多不同的體驗(yàn)走查模型,具體需要根據(jù)自身產(chǎn)品情況確定。
所以好的體驗(yàn)走查模型需要符合3個(gè)要求。
1、實(shí)用性:需要通過(guò)模型將主觀(guān)感受描述成客觀(guān)的場(chǎng)景、標(biāo)準(zhǔn),確保大家理解一致,不要造成使用偏差。
2、符合平臺(tái)自身屬性:結(jié)合自身產(chǎn)品類(lèi)型和過(guò)往最常見(jiàn)的問(wèn)題類(lèi)型,有選擇性的制定,不用追求大而全。
3、能夠真正納入工作當(dāng)中:走查模型建立后,一定要在真實(shí)的項(xiàng)目中發(fā)揮作用,比如作為設(shè)計(jì)內(nèi)審的具體通過(guò)標(biāo)準(zhǔn)之一。
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
那么如何制定出符合平臺(tái)要求的走查模型?其中比較有效的方法是梳理過(guò)往遇到的體驗(yàn)問(wèn)題,并按照?qǐng)鼍皻w類(lèi),梳理出典型的問(wèn)題,并納入到走查模型中。
比如在一些偏活動(dòng)屬性的產(chǎn)品設(shè)計(jì)中,我們發(fā)現(xiàn)設(shè)計(jì)師經(jīng)常遺漏平臺(tái)品牌性的信息,于是我們把品牌識(shí)別性也納入到了走查模型當(dāng)中。
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
 
三、沉淀體驗(yàn)走查模型
體驗(yàn)走查表確定后,可以打印出來(lái)并且以表格的形式進(jìn)行共享。
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
四、如何避免流于形式,讓走查模型真正發(fā)揮作用
一、以走查模型為交付標(biāo)準(zhǔn)。
產(chǎn)品從需求到落地,中間會(huì)經(jīng)歷多個(gè)環(huán)節(jié)和角色,體驗(yàn)走查模型一般在2個(gè)環(huán)節(jié)著重使用。
1、需求梳理階段:幫助設(shè)計(jì)師圍繞具體需求明確設(shè)計(jì)范圍。
2、設(shè)計(jì)交付前:對(duì)照自查表,查漏補(bǔ)缺。
二、作為設(shè)計(jì)內(nèi)審?fù)ㄟ^(guò)標(biāo)準(zhǔn)之一
在設(shè)計(jì)內(nèi)審階段,可以將體驗(yàn)走查模型當(dāng)作通過(guò)的標(biāo)準(zhǔn)之一,走查模型可以和設(shè)計(jì)規(guī)范配合使用,確保在設(shè)計(jì)輸出的時(shí)候是盡可能完整的。
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
 
C端產(chǎn)品體驗(yàn)設(shè)計(jì)走查模型
 
 


作者:微店UED
來(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)電話(huà):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ā)

如何巧妙的呈現(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)潔直觀(guā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)得直觀(guā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)龍年氛圍感
 
 
 
 
 
七、主題皮膚氛圍感拉滿(mǎn)
 
在產(chǎn)品的各區(qū)域都可以進(jìn)行主題氛圍營(yíng)造,形成不一樣的主題皮膚,帶給用戶(hù)節(jié)日的沉浸式體驗(yàn)。
 
嘀嗒出行 App 從不錯(cuò)過(guò)每個(gè)節(jié)日的表達(dá),春節(jié)期間在多個(gè)場(chǎng)景營(yíng)造氛圍感,使得主題皮膚氛圍感拉滿(mǎn)。在背景區(qū)域、各局部視覺(jué)區(qū)域、圖標(biāo)、彈窗、按鈕、配圖等,把春節(jié)氛圍表現(xiàn)得淋漓盡致。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
八、滿(mǎn)屏紅包搶不停
 
對(duì)于春節(jié)而言怎能少得了搶紅包的環(huán)節(jié),將搶紅包的游戲結(jié)合到活動(dòng)中,氛圍感和參與度都非常到位。
 
騰訊視頻 App 就將搶紅包的游戲結(jié)合到活動(dòng)表達(dá)中,滿(mǎn)屏的紅包讓你搶不停,用戶(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)造龍年氛圍感的形式和案例非常多,這里僅選擇了小部分作為欣賞。希望可以?huà)伌u引玉,和大家一起在體驗(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)注明出處。

設(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ù)值,完全能夠滿(mǎn)足絕大多數(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)更加美觀(guān)、易用、統(tǒng)一和有吸引力。也傳達(dá)著整個(gè)UI視覺(jué)風(fēng)格調(diào)性,和系統(tǒng)功能的作用。在圖標(biāo)設(shè)計(jì)上一定要簡(jiǎn)單清晰,定義規(guī)范時(shí)要對(duì)圖標(biāo)的大小、圓角、線(xiàn)條粗細(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á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)電話(huà):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ā)

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

前端達(dá)人

前言

hi 大家好,最近忙里偷閑,對(duì)過(guò)去在團(tuán)隊(duì)中主導(dǎo)的一次產(chǎn)品改版進(jìn)行了深入的梳理?,F(xiàn)在,來(lái)和大家分享這次改版的思路和方法,以及我是如何逐步推動(dòng)整個(gè)過(guò)程的。
在這次改版中,我運(yùn)用了一系列的方法論和思路,以確保我們能夠更好地滿(mǎ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)行訪(fǎng)談或上機(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)公司一線(xiàn)同學(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à)值觀(guān)要做到“試試有回應(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ù)參與,以觀(guān)察他們?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é)如:觀(guān)察員,記錄員等。分別進(jìn)行觀(guā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ù),觀(guān)察員和開(kāi)發(fā)人員在一旁觀(guān)察、記錄和分析用戶(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ù)觀(guān)察和記錄的結(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. 觀(guān)察用戶(hù)的行為:觀(guān)察員應(yīng)仔細(xì)觀(guān)察和分析用戶(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ù)的分析,可以更直觀(guān)的看到企業(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)知和滿(mǎ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ò)觀(guān)察和了解競(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)行訪(fǎng)談:銷(xiāo)售代表是直接與客戶(hù)溝通的人員,他們非常了解客戶(hù)對(duì)產(chǎn)品的需求和反饋,并且在介紹產(chǎn)品時(shí)也會(huì)提及其他競(jìng)品。通過(guò)與銷(xiāo)售代表進(jìn)行訪(fǎng)談,我們可以了解到市場(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ù)訪(fǎng)談B.用戶(hù)旅程圖兩大板塊進(jìn)行深入洞察,識(shí)別出產(chǎn)品存在的體驗(yàn)問(wèn)題,從而針對(duì)性地優(yōu)化產(chǎn)品體驗(yàn)。

 

A. 用戶(hù)訪(fǎng)談:
通過(guò)現(xiàn)場(chǎng)對(duì)用戶(hù)one one形式進(jìn)行訪(fǎng)談,了解用戶(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ù)訪(fǎng)談使用介紹這里就不過(guò)多介紹了,簡(jiǎn)單總結(jié)了一些我在使用過(guò)程中制定的流程和方法。

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

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

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

 

B. 用戶(hù)旅程圖:
通過(guò)用戶(hù)訪(fǎng)談得出來(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ù)訪(fǎng)談得出的數(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ù)訪(fǎng)談、調(diào)查問(wèn)卷、觀(guā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ù)訪(fǎng)談得出的數(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ù)滿(mǎn)意度、解決用戶(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ù)訪(fǎng)談結(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ù)訪(fǎng)談和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)確地滿(mǎ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ù)的滿(mǎn)意度。魅力需求是用戶(hù)沒(méi)有預(yù)料到的需求,可以在產(chǎn)品中適當(dāng)?shù)膶?shí)現(xiàn)這些需求可以增加用戶(hù)的滿(mǎn)意度和口碑。

總之,KANO模型是一個(gè)非常好用的工具,不僅可以幫助我們更好地了解用戶(hù)的需求和期望,還可以用于日常工作對(duì)PM提出的需求進(jìn)行甄別,明確屬于哪一類(lèi)需求,從而更好地滿(mǎn)足用戶(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)確地滿(mǎ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)取不同觀(guān)點(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ì)能夠滿(mǎn)足我們的目標(biāo)。我們的目標(biāo)可能包括提高用戶(hù)體驗(yàn)、增加用戶(hù)滿(mǎn)意度、優(yōu)化操作流程等。通過(guò)對(duì)比競(jìng)品和分析優(yōu)缺點(diǎn),我們可以初步確定新的框架設(shè)計(jì)是否符合這些目標(biāo)。
  2. 其次,我們需要度量新框架可以解決多少個(gè)可用性測(cè)試出來(lái)的體驗(yàn)問(wèn)題??捎眯詼y(cè)試可以幫助我們發(fā)現(xiàn)用戶(hù)在使用產(chǎn)品過(guò)程中遇到的問(wèn)題和困難,而這些問(wèn)題和困難往往直接影響到用戶(hù)體驗(yàn)和產(chǎn)品滿(mǎn)意度。如果新的框架設(shè)計(jì)可以解決這些問(wèn)題,那么它可能會(huì)帶來(lái)更好的用戶(hù)體驗(yàn)和產(chǎn)品滿(mǎn)意度。
  3. 最后,我們還需要衡量新框架與目標(biāo)的匹配度。即使新的框架設(shè)計(jì)符合目標(biāo),并且可以解決一些可用性測(cè)試出來(lái)的體驗(yàn)問(wèn)題,但我們還需要確保它與目標(biāo)完全匹配。換句話(huà)說(shuō),我們需要確保新的框架設(shè)計(jì)可以最大程度地滿(mǎn)足我們的目標(biāo),并且能夠帶來(lái)更好的用戶(hù)體驗(yàn)和產(chǎn)品滿(mǎ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í)際操作中可行和方案落地有效支撐,并能夠滿(mǎn)足用戶(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)備、訪(fǎng)談問(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)訪(fǎng)談中觀(guān)察用戶(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)訪(fǎng)談,觀(guān)察他們?cè)趯?shí)際操作中的表現(xiàn)和反饋。通過(guò)觀(guān)察用戶(hù)的操作過(guò)程和反饋,我們可以驗(yàn)證方案的可行性和可落地性,并明確產(chǎn)品改進(jìn)的方向。
  6. 在訪(fǎng)談結(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)品的使用感受、操作流程是否順暢、功能是否滿(mǎ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)證,確保其滿(mǎ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)和建議可以幫助我們更好地滿(mǎ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)品上線(xià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)品的成功上線(xià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í)際操作中可行并能夠滿(mǎn)足用戶(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)化,確保其能夠更好地滿(mǎn)足用戶(hù)需求和提高產(chǎn)品性能。

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

  1. 功能性:評(píng)估設(shè)計(jì)方案是否滿(mǎn)足用戶(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)品上線(xiàn)打分標(biāo)準(zhǔn):

產(chǎn)品上線(xiàn)打分標(biāo)準(zhǔn)是一個(gè)用于評(píng)估產(chǎn)品上線(xiàn)效果和質(zhì)量的量化指標(biāo)體系。根據(jù)打分結(jié)果評(píng)估產(chǎn)品的上線(xiàn)效果和質(zhì)量。需要注意的是,具體的打分標(biāo)準(zhǔn)和權(quán)重可以根據(jù)實(shí)際情況進(jìn)行調(diào)整和優(yōu)化。同時(shí),在產(chǎn)品上線(xià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)鍵功能和界面,是否滿(mǎ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)品在上線(xià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)和滿(mǎn)意度,了解產(chǎn)品的優(yōu)點(diǎn)和不足之處。
  7. 數(shù)據(jù)表現(xiàn):評(píng)估產(chǎn)品上線(xià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)電話(huà):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)注明出處。

頁(yè)面分割設(shè)計(jì)指南

博博

當(dāng)你打開(kāi)一個(gè)頁(yè)面,首先映入眼簾的是豐富多樣的內(nèi)容和信息。如何在有限的空間內(nèi),既保證內(nèi)容的完整性,又讓用戶(hù)能夠輕松理解和瀏覽,這背后的奧秘就在于頁(yè)面分割。今天,我們就來(lái)一起探討頁(yè)面分割的藝術(shù)與技巧,看看它是如何為你的設(shè)計(jì)增添魅力,提升用戶(hù)體驗(yàn)的。
 
在設(shè)計(jì)中,頁(yè)面分割不僅僅是一種技術(shù)手段,更是一種藝術(shù)表現(xiàn)。它如同一位細(xì)心的畫(huà)師,巧妙地運(yùn)用線(xiàn)條、色彩、空白等元素,
將頁(yè)面內(nèi)容劃分為一個(gè)個(gè)清晰、有序的區(qū)域。
通過(guò)這些分割,用戶(hù)能夠更快速地找到所需信息,更輕松地理解頁(yè)面內(nèi)容,從而享受到更加愉悅的閱讀體驗(yàn)。
 
頁(yè)面分割的魅力在于其多樣性和靈活性。不同的頁(yè)面可以采用不同的分割方式,如線(xiàn)條分割、卡片分割、留白分割等,以滿(mǎn)足不同的設(shè)計(jì)需求和用戶(hù)習(xí)慣。同時(shí),頁(yè)面分割也需要根據(jù)內(nèi)容的實(shí)際情況進(jìn)行合理調(diào)整,既要保證信息的完整性,又要避免過(guò)度分割帶來(lái)的混亂感。
 
在本文中,我們將一起探討頁(yè)面分割的原則、技巧和應(yīng)用實(shí)例。我們將學(xué)習(xí)如何運(yùn)用不同的分割方式來(lái)優(yōu)化頁(yè)面布局,提升用戶(hù)體驗(yàn)。同時(shí),我們還將分享一些成功的頁(yè)面分割案例,以激發(fā)你的設(shè)計(jì)靈感,為你的界面設(shè)計(jì)注入新的活力。
 
分享目錄:
一、分割的常見(jiàn)樣式
二、線(xiàn)性分割
三、卡片分割
四、留白分割
五、總結(jié)
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
線(xiàn)性分割:
通過(guò)使用線(xiàn)條來(lái)劃分頁(yè)面的不同區(qū)域,以達(dá)到組織內(nèi)容、引導(dǎo)用戶(hù)視線(xiàn)和提升整體美觀(guān)度的目的。這種分割方式簡(jiǎn)單明了,能夠清晰地展現(xiàn)出頁(yè)面內(nèi)容的層次和結(jié)構(gòu)。
 
卡片分割:
卡片式設(shè)計(jì)是一種流行的界面分割方法,通過(guò)將內(nèi)容劃分為獨(dú)立的卡片或區(qū)塊,使用戶(hù)能夠更清晰地理解信息。每個(gè)卡片通常包含相關(guān)的內(nèi)容,如文本、圖片或按鈕,以便用戶(hù)快速瀏覽和交互。
 
留白分割:
主要通過(guò)增加間距的方式,利用人的視知覺(jué)原理(接近法則:人的大腦會(huì)傾向于把彼此靠近的元素視為一組),自然地將信息進(jìn)行分組。這種留白的方式能夠?yàn)轫?yè)面增加呼吸感,降低視覺(jué)噪音,使設(shè)計(jì)看起來(lái)更簡(jiǎn)潔。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
近年來(lái),設(shè)計(jì)趨勢(shì)從“卡片式設(shè)計(jì)”轉(zhuǎn)向了“去線(xiàn)化設(shè)計(jì)”,
即傾向于使用留白分割而非過(guò)多的線(xiàn)條分割,以實(shí)現(xiàn)更為簡(jiǎn)潔清晰的界面效果。設(shè)計(jì)師在選擇分割方式時(shí),應(yīng)優(yōu)先考慮留白分割,其次是線(xiàn)性分割,最后是卡片分割。這個(gè)選擇順序反映了設(shè)計(jì)界的一般原則,即在不影響信息傳達(dá)的前提下,盡可能保持設(shè)計(jì)的簡(jiǎn)潔性。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
線(xiàn)性分割的定義:
線(xiàn)性分割設(shè)計(jì)是一種在視覺(jué)設(shè)計(jì)中使用的技巧,它使用線(xiàn)條、邊框或細(xì)線(xiàn)等元素來(lái)劃分、區(qū)分或連接頁(yè)面上的不同內(nèi)容區(qū)域。這種設(shè)計(jì)手法主要用于
提高頁(yè)面內(nèi)容的可讀性和組織性,幫助用戶(hù)更好地理解和瀏覽頁(yè)面信息。
 
線(xiàn)性分割設(shè)計(jì)具有以下優(yōu)勢(shì):
 
1.劃分區(qū)域:
線(xiàn)性分割可以將頁(yè)面劃分為不同的區(qū)域或模塊,使得每個(gè)區(qū)域的內(nèi)容更加清晰、有序。這有助于用戶(hù)快速定位和瀏覽所需的信息,提高閱讀效率。
 
2.區(qū)分內(nèi)容:
線(xiàn)性分割可以用來(lái)區(qū)分不同類(lèi)型的內(nèi)容,如文本、圖片、圖表等。通過(guò)線(xiàn)性分割,可以將這些內(nèi)容進(jìn)行分組或歸類(lèi),使得頁(yè)面更加整潔、有序。
 
3.引導(dǎo)視線(xiàn):
線(xiàn)性分割可以引導(dǎo)用戶(hù)的視線(xiàn),幫助他們更好地理解頁(yè)面內(nèi)容。通過(guò)合理的線(xiàn)性分割設(shè)計(jì),可以突出顯示重要的信息或元素,引導(dǎo)用戶(hù)關(guān)注到關(guān)鍵內(nèi)容。
 
4.增強(qiáng)層次感:
線(xiàn)性分割可以增強(qiáng)頁(yè)面的層次感,使得頁(yè)面內(nèi)容更加豐富、有深度。通過(guò)不同樣式的線(xiàn)性分割,可以區(qū)分不同的信息層級(jí),幫助用戶(hù)更好地理解頁(yè)面結(jié)構(gòu)和內(nèi)容關(guān)系。
 
使用原則:
在使用分割線(xiàn)時(shí),我們應(yīng)遵循一些原則,以確保其有效地幫助用戶(hù)理解頁(yè)面的組成,同時(shí)避免過(guò)度使用帶來(lái)的視覺(jué)干擾。
 
1.分割線(xiàn)應(yīng)當(dāng)微妙而不過(guò)于顯眼。
它們?cè)诓季种袘?yīng)該容易被用戶(hù)注意到,但又不應(yīng)成為焦點(diǎn),以免分散用戶(hù)的注意力。
 
2.分割線(xiàn)應(yīng)被視為次要的元素。
只有在留白等其他設(shè)計(jì)手法無(wú)法有效起到分割作用時(shí),才考慮使用分割線(xiàn)。它們應(yīng)當(dāng)是布局中的輔助工具,而不是主導(dǎo)元素。
 
3.謹(jǐn)慎使用分割線(xiàn)。
過(guò)度使用分割線(xiàn)可能會(huì)導(dǎo)致頁(yè)面顯得混亂和復(fù)雜。相反,我們應(yīng)該用分割線(xiàn)來(lái)創(chuàng)建信息分組,而不是簡(jiǎn)單地分割每一個(gè)條目。通過(guò)審慎而恰當(dāng)?shù)厥褂梅指罹€(xiàn),我們可以有效地提升頁(yè)面的可讀性和用戶(hù)體驗(yàn)。
圖片來(lái)源于參考文章
圖片來(lái)源于參考文章
 
線(xiàn)性分割三種類(lèi)型:
通欄分割線(xiàn)、內(nèi)嵌分割線(xiàn)和中間分割線(xiàn)。
 
1.通欄分割線(xiàn)(Full-bleed Dividers):
通欄分割線(xiàn)通常橫跨整個(gè)頁(yè)面寬度,用于分隔彼此完全獨(dú)立的內(nèi)容區(qū)域。這種分割線(xiàn)在視覺(jué)上非常顯著,能夠清晰地劃分出不同的內(nèi)容區(qū)塊,使用戶(hù)能夠迅速區(qū)分不同部分的信息。通欄分割線(xiàn)通常用于區(qū)分文章、產(chǎn)品列表、服務(wù)介紹等獨(dú)立的內(nèi)容區(qū)域。
 
2.內(nèi)嵌分割線(xiàn)(Inset Dividers):
內(nèi)嵌分割線(xiàn)通常位于內(nèi)容區(qū)域內(nèi)部,用于分隔有錨點(diǎn)(如頭像、圖標(biāo)等)的相關(guān)內(nèi)容。這些錨點(diǎn)可以是圖片、符號(hào)或小的圖形元素,它們與分割線(xiàn)一起,幫助用戶(hù)更好地理解和區(qū)分內(nèi)容。內(nèi)嵌分割線(xiàn)常用于列表、卡片式布局、時(shí)間線(xiàn)等場(chǎng)景中,用于展示有關(guān)聯(lián)但不同類(lèi)別的信息。
 
3.中間分割線(xiàn)(Middle Dividers):
中間分割線(xiàn)位于兩個(gè)內(nèi)容區(qū)域之間,用于分隔無(wú)錨點(diǎn)的相關(guān)內(nèi)容。這種分割線(xiàn)通常比通欄分割線(xiàn)更細(xì),更注重于在視覺(jué)上劃分空間,而不是強(qiáng)調(diào)內(nèi)容的獨(dú)立性。中間分割線(xiàn)常用于文本段落之間、列表項(xiàng)之間或不同功能區(qū)域之間,以提供清晰的結(jié)構(gòu)和層次。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
在大多數(shù)情況下,當(dāng)信息層級(jí)較為簡(jiǎn)單(即信息層級(jí)≤2)時(shí),使用分割線(xiàn)進(jìn)行信息分割是一種有效的方法。然而,實(shí)際上,如果留白間距足夠大,我們也可以使用留白來(lái)達(dá)到類(lèi)似的效果。通過(guò)增大留白間距,我們可以創(chuàng)造出清晰的視覺(jué)區(qū)域劃分,使得信息之間的界限更加明確。
 
與分割線(xiàn)相比,足夠大的留白間距可以避免多余的線(xiàn)性元素干擾,讓整體視覺(jué)效果更加清爽。這樣的設(shè)計(jì)選擇有助于提升用戶(hù)的閱讀體驗(yàn),使用戶(hù)更加輕松地理解和消化信息。
 
因此,在信息層級(jí)較簡(jiǎn)單的情況下,我們可以靈活地選擇使用分割線(xiàn)或留白來(lái)進(jìn)行信息分割。通過(guò)調(diào)整留白間距,我們可以達(dá)到與分割線(xiàn)相似的效果,同時(shí)保持整體設(shè)計(jì)的簡(jiǎn)潔和清晰。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
為了提升屏效,我們希望在一屏內(nèi)展示盡可能多的信息。在這種情況下,分割線(xiàn)的設(shè)計(jì)顯得尤為重要,因?yàn)樗鼈兡軌蛴行У貏澐中畔^(qū)域,使內(nèi)容更加清晰、易于理解。
 
通過(guò)使用分割線(xiàn),我們可以將較多的信息條理化,使得用戶(hù)能夠更快速地找到所需的內(nèi)容。與沒(méi)有分割線(xiàn)的布局相比,使用分割線(xiàn)能夠顯著提高信息的可讀性和可理解性。
 
在相同的信息布局下,分割線(xiàn)能夠?qū)⑿畔^(qū)域明確地劃分開(kāi)來(lái),防止信息之間產(chǎn)生混淆或交叉。這種劃分不僅使得每個(gè)信息塊更加獨(dú)立,而且提高了信息之間的對(duì)比度,使用戶(hù)能夠更輕松地識(shí)別和區(qū)分不同的信息。
 
因此,當(dāng)我們的目標(biāo)是提高屏效并展示大量信息時(shí),分割線(xiàn)的設(shè)計(jì)是一個(gè)關(guān)鍵要素。通過(guò)合理地使用分割線(xiàn),我們可以確保信息布局更加清晰、有序,從而提高用戶(hù)的閱讀效率和滿(mǎn)意度。(如下圖)
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
線(xiàn)性分割在移動(dòng)端頁(yè)面設(shè)計(jì)中的應(yīng)用場(chǎng)景廣泛,尤其是在需要清晰劃分信息模塊時(shí)。如微信的聊天列表中,線(xiàn)性分割被用來(lái)區(qū)分不同的消息條目。每條消息之間通過(guò)一條細(xì)線(xiàn)進(jìn)行分隔,使得每條消息清晰可辨,方便用戶(hù)快速瀏覽和定位到特定的消息。
 
線(xiàn)性分割還常用在各類(lèi)App的信息提示中,如果有多條消息需要展示,線(xiàn)性分割可以用來(lái)區(qū)分不同的消息組。例如招商銀行APP中,當(dāng)用戶(hù)收到多條未讀消息時(shí),每條消息之間可以通過(guò)線(xiàn)性分割進(jìn)行區(qū)分,使得每條消息清晰可辨,方便用戶(hù)逐一查看和處理。
 
在APP需要用戶(hù)填寫(xiě)信息和設(shè)置的表單頁(yè)面中,線(xiàn)性分割可以用來(lái)區(qū)分不同的輸入字段或信息區(qū)域。這有助于用戶(hù)更清晰地了解需要填寫(xiě)的信息,提高表單的填寫(xiě)效率和準(zhǔn)確性,比如站酷的設(shè)置頁(yè)面(如下圖)
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
卡片分割的定義:
卡片分割設(shè)計(jì)主要通過(guò)將內(nèi)容或功能區(qū)域劃分成獨(dú)立的“卡片”來(lái)進(jìn)行信息展示和組織。每個(gè)卡片通常包含相關(guān)的內(nèi)容或功能,并且與其他卡片通過(guò)一定的間距或線(xiàn)性分隔進(jìn)行區(qū)分。
 
卡片分割設(shè)計(jì)具有以下優(yōu)勢(shì):
 
1.內(nèi)容封裝:卡片分割設(shè)計(jì)將相關(guān)內(nèi)容或功能封裝在一個(gè)獨(dú)立的卡片內(nèi),使得每個(gè)卡片成為一個(gè)獨(dú)立的信息單元。這有助于保持頁(yè)面內(nèi)容的清晰和整潔,方便用戶(hù)瀏覽和理解。
 
2.明確邊界:每個(gè)卡片通常具有明確的邊界,通過(guò)邊框、陰影或間距等元素來(lái)區(qū)分不同的卡片。這種邊界的存在使得每個(gè)卡片在視覺(jué)上相對(duì)獨(dú)立,方便用戶(hù)進(jìn)行區(qū)分和識(shí)別。
 
3.靈活布局:卡片分割設(shè)計(jì)具有很高的靈活性,可以根據(jù)需要自由調(diào)整卡片的大小、位置和排列方式。這使得設(shè)計(jì)師可以根據(jù)不同的設(shè)計(jì)需求和用戶(hù)習(xí)慣來(lái)靈活調(diào)整卡片的布局,以達(dá)到最佳的視覺(jué)效果。
 
4.強(qiáng)調(diào)重點(diǎn):通過(guò)不同的視覺(jué)處理手法,如改變卡片的顏色、大小或樣式等,可以突出顯示重要的卡片或內(nèi)容。這有助于吸引用戶(hù)的注意力,引導(dǎo)他們關(guān)注到關(guān)鍵信息。
 
卡片的基本構(gòu)成:
卡片是一個(gè)獨(dú)立的主題性容器,旨在將內(nèi)容和操作組合在一起。它可以包含多種元素,如容器、縮略圖、標(biāo)題、副標(biāo)題、富媒體、輔助文字、按鈕和圖標(biāo)按鈕等。這些元素并非必須全部存在,而是根據(jù)具體需求進(jìn)行選擇和配置。無(wú)論選擇哪些元素,它們都會(huì)以易于掃描和操作的形式整齊地放置在卡片上。這種設(shè)計(jì)使得卡片成為一個(gè)靈活且高效的信息展示工具,適用于各種場(chǎng)景和應(yīng)用。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
卡片分割常見(jiàn)的類(lèi)型:
卡片分割可分為通欄卡片和非通欄卡片
 
1、通欄卡片:
其特點(diǎn)是卡片占據(jù)整個(gè)頁(yè)面寬度,沒(méi)有左右邊距。通欄卡片的設(shè)計(jì)可以提高布局的靈活性,使得頁(yè)面內(nèi)容更加寬敞和大氣。同時(shí),通欄卡片也可以更好地突出展示單條內(nèi)容,引導(dǎo)用戶(hù)的視線(xiàn),提高閱讀效率。
 
2.非通欄卡片:
與通欄卡片相比,它會(huì)在卡片的左右兩側(cè)留有邊距,不完全占據(jù)整個(gè)頁(yè)面寬度。這種設(shè)計(jì)方式可以使得頁(yè)面內(nèi)容更加有層次感和組織性,同時(shí)也有利于突出顯示某些關(guān)鍵信息。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
通欄卡片
通欄卡片相較于非通欄卡片,其設(shè)計(jì)特點(diǎn)在于去除了左右兩端的留白,僅保留上下邊距,從而提供了更大的展示空間。這種設(shè)計(jì)使得卡片內(nèi)的內(nèi)容能夠占據(jù)整個(gè)頁(yè)面寬度,進(jìn)一步增強(qiáng)了內(nèi)容的視覺(jué)沖擊力。在通欄卡片中,卡片與背景的關(guān)系通常通過(guò)一條背景色塊來(lái)抽象表現(xiàn),這種簡(jiǎn)潔的處理方式避免了過(guò)多的視覺(jué)元素干擾,使得頁(yè)面整體看起來(lái)更加整潔和統(tǒng)一。
 
通欄卡片可以被視為在極簡(jiǎn)列表式和傳統(tǒng)卡片式設(shè)計(jì)之間的一種折中選擇。它繼承了卡片式的分層方式和強(qiáng)交互性,使得用戶(hù)能夠輕松地瀏覽和交互頁(yè)面內(nèi)容。如下圖微博“關(guān)注”、微信“發(fā)現(xiàn)”頁(yè)面。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
非通欄卡片
通常采用帶圓角的設(shè)計(jì)形式,這種設(shè)計(jì)不僅賦予卡片一種柔和、圓潤(rùn)的視覺(jué)效果,還增強(qiáng)了用戶(hù)的視覺(jué)舒適度。結(jié)合陰影效果以及四周的邊距,非通欄卡片巧妙地形成頁(yè)面留白,使得整體設(shè)計(jì)層次感更加豐富。
 
通過(guò)巧妙的投影設(shè)計(jì)以及前后顏色的精準(zhǔn)設(shè)定,非通欄卡片成功地讓內(nèi)容與背景之間產(chǎn)生視覺(jué)空間感,進(jìn)一步強(qiáng)化了內(nèi)容的立體感和層次感。這種設(shè)計(jì)技巧不僅提升了卡片的視覺(jué)吸引力,還使得用戶(hù)在瀏覽頁(yè)面時(shí)能夠更加輕松地區(qū)分和聚焦關(guān)鍵信息。
 
在頁(yè)面設(shè)計(jì)中,非通欄卡片的應(yīng)用范圍十分廣泛。無(wú)論是用于展示文章、產(chǎn)品、圖片還是其他類(lèi)型的內(nèi)容,非通欄卡片都能夠通過(guò)其獨(dú)特的視覺(jué)效果和設(shè)計(jì)元素,為用戶(hù)帶來(lái)更加舒適、美觀(guān)的視覺(jué)體驗(yàn)。同時(shí),非通欄卡片還具有良好的適應(yīng)性和靈活性,可以根據(jù)不同的設(shè)計(jì)需求和用戶(hù)習(xí)慣進(jìn)行定制和調(diào)整,滿(mǎn)足不同場(chǎng)景下的應(yīng)用需求。如下圖夸克“夸克日?qǐng)?bào)”、APP Store“首頁(yè)”
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
選擇使用通欄分割線(xiàn)還是卡片分割,主要取決于你的設(shè)計(jì)目標(biāo)和內(nèi)容需求。以下是三個(gè)參考建議,幫助你做出更好的選擇:
 
1.當(dāng)內(nèi)容已有自然分割線(xiàn)時(shí):
如果你的主題內(nèi)容本身就已經(jīng)有明確的分割線(xiàn),比如列表項(xiàng)、段落分隔等,那么采用非通欄分割會(huì)是一個(gè)好選擇。卡片可以清晰地界定每個(gè)內(nèi)容塊,使主題信息層次更加分明,提高用戶(hù)的閱讀效率。
 
2.當(dāng)內(nèi)容類(lèi)型多樣且占據(jù)較大空間時(shí):
如果單個(gè)主題內(nèi)部包含了多種類(lèi)型的內(nèi)容,如文字、圖片、視頻等,且這些內(nèi)容在垂直方向上占據(jù)了較大的空間(例如,內(nèi)容長(zhǎng)度超過(guò)屏幕高度的一半),使用非通欄分割會(huì)更加合適??ㄆ軌蛴行У厝Χ▋?nèi)容范圍,為用戶(hù)提供一個(gè)明確的視覺(jué)邊界,幫助他們更好地理解和消化信息。
 
3.當(dāng)需要增強(qiáng)橫向空間感時(shí):
如果你希望擴(kuò)展頁(yè)面的橫向空間,或者暗示用戶(hù)可以橫向滑動(dòng)頁(yè)面查看更多內(nèi)容,那么非通欄卡片會(huì)是更好的選擇。非通欄卡片的設(shè)計(jì)能夠利用橫向內(nèi)容連續(xù)性原則,幫助用戶(hù)建立頁(yè)面可以橫向滑動(dòng)的意識(shí),從而提升頁(yè)面的互動(dòng)性和用戶(hù)體驗(yàn)。如下圖知乎“發(fā)現(xiàn)”、站酷“推薦”。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
卡片分割更適合圖文混排
卡片分割設(shè)計(jì)以其獨(dú)特的布局方式,成為圖文混排中的理想選擇。它能夠巧妙地將不同大小、媒介的內(nèi)容統(tǒng)一呈現(xiàn)在一個(gè)界面中,實(shí)現(xiàn)了內(nèi)容的多樣性與統(tǒng)一性的結(jié)合。這種設(shè)計(jì)不僅讓單屏區(qū)域能夠顯示更多內(nèi)容,還通過(guò)合理的空間劃分,確保了文字和圖片之間的和諧共存,既維持了視覺(jué)的一致性,又巧妙地平衡了文字和圖片的視覺(jué)強(qiáng)度。因此,在需要同時(shí)呈現(xiàn)多種內(nèi)容和媒介的場(chǎng)景中,卡片分割無(wú)疑是一種高效且美觀(guān)的解決方案。如下圖知乎“想法”、站酷“首頁(yè)”
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
留白分割的定義:
留白分割是目前設(shè)計(jì)的主流趨勢(shì),越來(lái)越多的產(chǎn)品在使用留白分割設(shè)計(jì)。留白分割主要通過(guò)增加間距的方式,利用人的視知覺(jué)原理(接近法則:人的大腦會(huì)傾向于把彼此靠近的元素視為一組),將信息進(jìn)行自然的視覺(jué)分組。
 
留白分割具有以下優(yōu)勢(shì):
 
1.突出重點(diǎn)信息:
通過(guò)增加間距,可以將關(guān)鍵信息與其他內(nèi)容區(qū)分開(kāi)來(lái),使用戶(hù)更容易注意到。
 
2.提高可讀性:
適當(dāng)?shù)牧舭卓梢允刮淖只驁D形元素之間的界限更清晰,減少視覺(jué)干擾,從而提高用戶(hù)的閱讀效率。
 
3.增強(qiáng)設(shè)計(jì)感:
留白可以為設(shè)計(jì)增加呼吸感,避免元素過(guò)于擁擠,使整體布局更加和諧、美觀(guān)。
 
當(dāng)元素之間的間距保持均勻時(shí),整個(gè)視覺(jué)呈現(xiàn)會(huì)顯得平衡且協(xié)調(diào),大腦默認(rèn)為一個(gè)整體。然而,一旦元素的橫向和縱向間距發(fā)生變化,我們的大腦會(huì)
基于接近性法則,本能地將距離較近的元素視為一個(gè)整體或群組,這就是留白分割。(如下圖)
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
留白分割在有規(guī)律且卡片樣式較多
的頁(yè)面中表現(xiàn)尤為突出,在有大量卡片樣式的頁(yè)面中,每個(gè)卡片通常都包含一定的信息。通過(guò)留白分割,可以清晰地劃分每個(gè)卡片的信息區(qū)域,使用戶(hù)更容易區(qū)分和閱讀每個(gè)卡片的內(nèi)容,增加呼吸感,避免元素過(guò)于擁擠,從而提高整體的可讀性。例如下圖中主流的音樂(lè)類(lèi)App
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
相反,如果在沒(méi)有規(guī)律且頁(yè)面內(nèi)容較多的情況使用留白分割,則會(huì)使頁(yè)面雜亂無(wú)章。比如下圖咸魚(yú)的“廣場(chǎng)”界面feed流中,圖片從1~9張都有的情況下,使用留白分割,頁(yè)面就會(huì)變得雜亂,影響視覺(jué)效果。而脈脈則采用了卡片式分割樣式,頁(yè)面模塊則相對(duì)清晰很多。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 
寫(xiě)在最后:
在我們界面設(shè)計(jì)中,我們應(yīng)充分考慮信息條目的復(fù)雜度。當(dāng)信息較為簡(jiǎn)單時(shí),利用留白分割,能夠創(chuàng)造出清爽且不受干擾的視覺(jué)體驗(yàn)。但隨著信息復(fù)雜度的增加,留白分割可能不足以清晰地展現(xiàn)信息層次,此時(shí),引入線(xiàn)性分割是一個(gè)有效策略,它能提升屏幕的利用效率,使信息條理更加清晰。
 
當(dāng)信息復(fù)雜度進(jìn)一步升級(jí),例如已經(jīng)運(yùn)用了線(xiàn)性分割或涉及更多操作時(shí),我們需要進(jìn)一步強(qiáng)化信息條目之間的邊界感。這時(shí),卡片分割是一個(gè)理想的選擇,它不僅能增強(qiáng)信息的視覺(jué)層次,還能提升條目的可操作性。
 
重要的是,選擇信息分割方式時(shí),我們要明確:分割本身不是目的,而是為了構(gòu)建清晰的版面邏輯
,通過(guò)悅目的信息秩序來(lái)更好地突出內(nèi)容,實(shí)現(xiàn)最佳的信息傳達(dá)效果。因此,在決策時(shí),除了考慮上述細(xì)節(jié)因素,還需全面評(píng)估整體版面效果和信息傳達(dá)效率。感謝閱讀,希望對(duì)您有用。
設(shè)計(jì)方法論 I 超全面的頁(yè)面分割設(shè)計(jì)指南
 

作者:King_LBJ
來(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)電話(huà):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ā)

談?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è)觀(guān)點(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ì)
首先,最直觀(guān)的就是設(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é)更有滿(mǎn)足感,他們的參與熱情就會(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)電話(huà):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)注明出處。

B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng)

博博

 
 
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?
B端設(shè)計(jì)語(yǔ)言-形色字構(gòu)質(zhì)動(dòng),到底是個(gè)啥?

作者:啾啾復(fù)啾啾zz
來(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)電話(huà):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ā)

作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?

博博

許多設(shè)計(jì)師可能未曾接觸過(guò)所謂的“交互設(shè)計(jì)文檔”。在實(shí)際工作中,這份文檔是由交互設(shè)計(jì)師負(fù)責(zé)輸出的,但令人驚訝的是,大多數(shù)互聯(lián)網(wǎng)公司并未設(shè)立專(zhuān)門(mén)的交互設(shè)計(jì)師崗位。相反,交互設(shè)計(jì)師的職責(zé)通常由UI設(shè)計(jì)師與產(chǎn)品經(jīng)理共同分擔(dān)。為什么這些公司不選擇招聘專(zhuān)門(mén)的交互設(shè)計(jì)師呢?
本篇文章旨在幫助設(shè)計(jì)師們?nèi)胬斫饨换ピO(shè)計(jì)文檔。我們將
深入探討其定義、作用、價(jià)值、制作方法以及核心內(nèi)容
等。當(dāng)然,如果文中存在任何不準(zhǔn)確或遺漏之處,我也非常期待各位專(zhuān)家的指正和建議,讓我們共同進(jìn)步。
 
一、基本概念解析
交互設(shè)計(jì)文檔是交互設(shè)計(jì)師的核心工作成果。
交互文檔,即交互設(shè)計(jì)說(shuō)明文檔(英文名“Design Requirement Document”)。又稱(chēng)“DRD文檔”。用來(lái)承載交互說(shuō)明、交互原型、項(xiàng)目背景等內(nèi)容,存檔并交互項(xiàng)目相關(guān)伙伴的團(tuán)隊(duì)協(xié)作文檔。
它在將用戶(hù)需求轉(zhuǎn)化為高可用性產(chǎn)品的過(guò)程中起著至關(guān)重要的作用。這不僅僅局限于繪制線(xiàn)框圖,而是要求設(shè)計(jì)師具備明確的產(chǎn)品化思維,精通需求分析,構(gòu)建信息架構(gòu),掌握業(yè)務(wù)流程與任務(wù)流程,同時(shí)還要有嚴(yán)謹(jǐn)規(guī)范、結(jié)構(gòu)清晰的設(shè)計(jì)說(shuō)明。
一份出色的交互設(shè)計(jì)文檔不僅能夠展現(xiàn)設(shè)計(jì)師的專(zhuān)業(yè)素養(yǎng),贏得同事的認(rèn)可與尊重,更可以顯著減少產(chǎn)品設(shè)計(jì)過(guò)程中的溝通成本,提高工作效率,從而確保產(chǎn)品研發(fā)的順利進(jìn)行。
 
二、為什么需要交互設(shè)計(jì)文檔
交互設(shè)計(jì)文檔在產(chǎn)品設(shè)計(jì)過(guò)程中的重要性不容忽視。
  • 交互設(shè)計(jì)文檔是設(shè)計(jì)師與團(tuán)隊(duì)成員之間溝通的橋梁。
    在項(xiàng)目中,設(shè)計(jì)師通常需要與產(chǎn)品經(jīng)理、開(kāi)發(fā)人員、測(cè)試人員等不同角色的成員緊密合作。而交互設(shè)計(jì)文檔則能夠確保所有相關(guān)方對(duì)產(chǎn)品的設(shè)計(jì)目標(biāo)、功能邏輯、用戶(hù)體驗(yàn)等方面有統(tǒng)一的認(rèn)識(shí)和理解。這有助于減少溝通成本,避免因?yàn)槔斫馄疃鴮?dǎo)致的項(xiàng)目延期或功能失誤。
  • 交互設(shè)計(jì)文檔有助于提升產(chǎn)品研發(fā)的效率。
    通過(guò)文檔,設(shè)計(jì)師可以將復(fù)雜的設(shè)計(jì)思路轉(zhuǎn)化為清晰、具體的可執(zhí)行方案。這不僅有助于開(kāi)發(fā)人員準(zhǔn)確理解并實(shí)現(xiàn)設(shè)計(jì)師的意圖,還能夠減少因?yàn)樾枨蟛幻鞔_或設(shè)計(jì)改動(dòng)而導(dǎo)致的返工和延誤。同時(shí),文檔中的信息架構(gòu)、導(dǎo)航設(shè)計(jì)、任務(wù)流程等內(nèi)容也能夠幫助團(tuán)隊(duì)成員更好地規(guī)劃和分工,確保項(xiàng)目的順利進(jìn)行。
  • 交互設(shè)計(jì)文檔還是設(shè)計(jì)師個(gè)人專(zhuān)業(yè)素養(yǎng)的體現(xiàn)。
    一份詳盡、規(guī)范的文檔不僅能夠展示設(shè)計(jì)師對(duì)產(chǎn)品的深入思考和分析,還能夠體現(xiàn)其嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度和對(duì)細(xì)節(jié)的關(guān)注。這有助于贏得上下游同事的尊重和認(rèn)可,提升設(shè)計(jì)師在團(tuán)隊(duì)中的影響力和話(huà)語(yǔ)權(quán)。
  • 通過(guò)不斷地積累和完善交互設(shè)計(jì)文檔,設(shè)計(jì)師可以逐漸構(gòu)建起一套規(guī)范化的設(shè)計(jì)體系
    。這不僅有助于提升個(gè)人和團(tuán)隊(duì)的專(zhuān)業(yè)素養(yǎng)和知識(shí)水平,還能夠?yàn)楣镜漠a(chǎn)品設(shè)計(jì)提供有力的支持和保障。在未來(lái)的項(xiàng)目中,這些歷史文檔還可以作為參考和借鑒的依據(jù),幫助團(tuán)隊(duì)更快、更好地完成設(shè)計(jì)任務(wù)。
 
三、交互設(shè)計(jì)文檔給誰(shuí)看?
交互設(shè)計(jì)文檔需要確保文檔的有效性和實(shí)用性,它必須具備良好的可讀性、唯一性和時(shí)效性。
  • 產(chǎn)品經(jīng)理
    ——不同公司和團(tuán)隊(duì)中,產(chǎn)品經(jīng)理與UI/UX設(shè)計(jì)師之間的合作方式和輸出物各不相同。有些公司中,產(chǎn)品經(jīng)理會(huì)負(fù)責(zé)撰寫(xiě)包括交互說(shuō)明和原型在內(nèi)的PRD文檔,但這種情況下往往容易出現(xiàn)體驗(yàn)層面的疏漏。當(dāng)公司有交互設(shè)計(jì)師時(shí),交互設(shè)計(jì)師需要從功能規(guī)劃、信息架構(gòu)到原型說(shuō)明等方面全面介入,確保產(chǎn)品的完整性和用戶(hù)體驗(yàn)的流暢性。此外,在某些流程中,產(chǎn)品經(jīng)理和交互設(shè)計(jì)師可能會(huì)分別負(fù)責(zé)PRD文檔和交互文檔的編寫(xiě),兩者之間的邏輯需要相互印證,以確保產(chǎn)品的邏輯和體驗(yàn)都達(dá)到最佳狀態(tài)。
  • UI設(shè)計(jì)師
    ——作為交互設(shè)計(jì)師的下游,UI設(shè)計(jì)師在項(xiàng)目中也扮演著至關(guān)重要的角色。為了確保項(xiàng)目的順利進(jìn)行和避免后期可能出現(xiàn)的問(wèn)題,交互設(shè)計(jì)師需要盡早介入需求溝通,與UI設(shè)計(jì)師緊密合作。通過(guò)交互設(shè)計(jì)文檔,UI設(shè)計(jì)師可以更加清晰地了解產(chǎn)品的設(shè)計(jì)思路、信息架構(gòu)和交互方式,從而設(shè)計(jì)出更符合用戶(hù)期望和體驗(yàn)的界面。
  • 開(kāi)發(fā)(前端)
    ——開(kāi)發(fā)團(tuán)隊(duì)是交互設(shè)計(jì)文檔的重要受眾之一。他們需要根據(jù)文檔中的信息來(lái)實(shí)現(xiàn)產(chǎn)品的邏輯、頁(yè)面跳轉(zhuǎn)流程、交互方式和動(dòng)效等。一份詳細(xì)、準(zhǔn)確的交互設(shè)計(jì)文檔可以幫助開(kāi)發(fā)團(tuán)隊(duì)更好地理解設(shè)計(jì)師的意圖,減少開(kāi)發(fā)過(guò)程中的誤解和返工。然而,在實(shí)際操作中,很多公司可能只有簡(jiǎn)單的PRD文檔,開(kāi)發(fā)團(tuán)隊(duì)可能只是簡(jiǎn)單地瀏覽一下,這可能會(huì)導(dǎo)致開(kāi)發(fā)結(jié)果與設(shè)計(jì)師的初衷產(chǎn)生偏差。因此,交互設(shè)計(jì)師需要與開(kāi)發(fā)團(tuán)隊(duì)保持密切溝通,確保他們充分理解和遵循交互設(shè)計(jì)文檔中的要求。
交互設(shè)計(jì)文檔在產(chǎn)品開(kāi)發(fā)過(guò)程中不僅能夠幫助團(tuán)隊(duì)成員更好地理解和實(shí)現(xiàn)設(shè)計(jì)師的意圖,還能夠促進(jìn)團(tuán)隊(duì)成員之間的溝通和協(xié)作,確保項(xiàng)目的順利進(jìn)行。因此,我們應(yīng)該高度重視交互設(shè)計(jì)文檔的編寫(xiě)和管理工作,確保其在項(xiàng)目中的有效應(yīng)用。
 
四、交互設(shè)計(jì)文檔應(yīng)包含哪些內(nèi)容?
一份最基本的交互設(shè)計(jì)文檔需要包含:
封面、更新日志、需求分析、產(chǎn)品架構(gòu)、任務(wù)流程圖、頁(yè)面流程圖、交互規(guī)范說(shuō)明、交互原型、廢紙簍
等模塊。
  • 封面
    ——包括產(chǎn)品/項(xiàng)目名稱(chēng)、版本編號(hào)、撰寫(xiě)時(shí)間、撰寫(xiě)人、參與該項(xiàng)目的各方負(fù)責(zé)人,便于后續(xù)查閱及版本管理。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
  • 更新日志——包含具體新增或修改的內(nèi)容,修改人,修改日期等信息。
    在實(shí)際工作中,方案的修改和優(yōu)化是不可避免的。更新日志方便項(xiàng)目成員一目了然關(guān)注到重點(diǎn)更新的內(nèi)容,也方便開(kāi)發(fā)找到對(duì)應(yīng)的負(fù)責(zé)人進(jìn)行溝通,提升工作效率。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
 
 
  • 需求分析——包括產(chǎn)品名稱(chēng)、項(xiàng)目背景、目標(biāo)用戶(hù)、用戶(hù)目標(biāo)、產(chǎn)品目標(biāo)、產(chǎn)品目標(biāo)、使用場(chǎng)景、設(shè)計(jì)目標(biāo)與設(shè)計(jì)思路,方便項(xiàng)目相關(guān)人員快速理解項(xiàng)目背景,總結(jié)回溯項(xiàng)目設(shè)計(jì)。
    需求分析是產(chǎn)品設(shè)計(jì)過(guò)程中至關(guān)重要的一步。它涉及到深入理解用戶(hù)需求、業(yè)務(wù)目標(biāo)和產(chǎn)品目標(biāo),以及將這些需求轉(zhuǎn)化為具體、可執(zhí)行的設(shè)計(jì)方案。在進(jìn)行需求分析時(shí),設(shè)計(jì)師需要與用戶(hù)、產(chǎn)品經(jīng)理和其他利益相關(guān)者進(jìn)行深入的溝通與合作,確保對(duì)需求的全面把握。通過(guò)收集和分析用戶(hù)反饋、市場(chǎng)數(shù)據(jù)、業(yè)務(wù)策略等信息,設(shè)計(jì)師能夠挖掘出用戶(hù)最真實(shí)、最根本的需求,為產(chǎn)品設(shè)計(jì)提供有力的指導(dǎo)。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
  • 產(chǎn)品信息架構(gòu)——包括復(fù)雜內(nèi)容的信息組成,展示完整的項(xiàng)目?jī)?nèi)容整體信息架構(gòu)圖。
    產(chǎn)品信息架構(gòu)是設(shè)計(jì)過(guò)程中的關(guān)鍵環(huán)節(jié),它負(fù)責(zé)將產(chǎn)品的功能、內(nèi)容和用戶(hù)體驗(yàn)進(jìn)行有序、清晰的組織與呈現(xiàn)。一個(gè)好的信息架構(gòu)不僅能幫助用戶(hù)快速找到所需信息,還能提升產(chǎn)品的整體可用性和用戶(hù)體驗(yàn)。 在構(gòu)建信息架構(gòu)時(shí),設(shè)計(jì)師需深入考慮用戶(hù)的信息查找習(xí)慣、瀏覽路徑以及產(chǎn)品的核心功能。通過(guò)合理的信息分類(lèi)、層次劃分和導(dǎo)航設(shè)計(jì),信息架構(gòu)能夠?qū)?fù)雜的產(chǎn)品內(nèi)容變得易于理解和操作。
圖源:龍爪槐守望者
圖源:龍爪槐守望者
 
  • 業(yè)務(wù)流程圖——產(chǎn)品主要業(yè)務(wù)流程圖概述,用于描述主要功能業(yè)務(wù)流程(泳道圖/單向流程圖)。
    業(yè)務(wù)流程圖是一種視覺(jué)工具,用于清晰展現(xiàn)業(yè)務(wù)運(yùn)作的邏輯和步驟。通過(guò)業(yè)務(wù)流程圖,團(tuán)隊(duì)成員可以直觀(guān)地了解業(yè)務(wù)的全過(guò)程,從而更好地協(xié)作和執(zhí)行。繪制業(yè)務(wù)流程圖時(shí),設(shè)計(jì)師需要深入了解業(yè)務(wù)需求和流程細(xì)節(jié),將每個(gè)步驟、環(huán)節(jié)和決策點(diǎn)都清晰呈現(xiàn)。這樣的圖表不僅有助于設(shè)計(jì)師梳理和優(yōu)化業(yè)務(wù)流程,還能幫助開(kāi)發(fā)團(tuán)隊(duì)準(zhǔn)確實(shí)現(xiàn)業(yè)務(wù)邏輯。
圖源:滴滴出行業(yè)務(wù)
圖源:滴滴出行業(yè)務(wù)
 
  • 任務(wù)流程圖——產(chǎn)品任務(wù)的流程化表現(xiàn),一個(gè)主流程,多個(gè)次要流程。每個(gè)任務(wù)用一組流程圖表示。
    設(shè)計(jì)師在繪制任務(wù)流程圖時(shí),需要細(xì)致分析每個(gè)任務(wù)步驟,確保流程圖的準(zhǔn)確性和完整性。流程圖中的箭頭、符號(hào)和文字說(shuō)明等元素,能夠清晰呈現(xiàn)任務(wù)執(zhí)行的順序、條件分支和循環(huán)等邏輯關(guān)系。通過(guò)任務(wù)流程圖,用戶(hù)可以更加清晰地了解任務(wù)的執(zhí)行過(guò)程,減少操作失誤和不必要的困擾。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
  • 頁(yè)面流程圖——帶有頁(yè)面形態(tài)的任務(wù)流程圖。
    頁(yè)面流程圖是設(shè)計(jì)過(guò)程中不可或缺的一環(huán),它細(xì)致描繪了用戶(hù)在產(chǎn)品使用過(guò)程中,不同頁(yè)面之間的跳轉(zhuǎn)、交互和邏輯關(guān)系。在繪制頁(yè)面流程圖時(shí),設(shè)計(jì)師需要關(guān)注用戶(hù)的行為路徑、頁(yè)面間的轉(zhuǎn)換條件和可能的交互動(dòng)作。通過(guò)流程圖,設(shè)計(jì)師可以清晰地展現(xiàn)出用戶(hù)從進(jìn)入產(chǎn)品到完成目標(biāo)的整個(gè)過(guò)程,以及期間可能遇到的分支和循環(huán)。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
  • 交互規(guī)范說(shuō)明——原型設(shè)計(jì)中出現(xiàn)的公用組件,通用樣式集合。
    交互規(guī)范能保障產(chǎn)品內(nèi)不同模塊的設(shè)計(jì)一致性,同時(shí)提高不同設(shè)計(jì)師間的設(shè)計(jì)、協(xié)作效率;通過(guò)定義標(biāo)準(zhǔn)規(guī)范,提高流程、組件復(fù)用率,提高整體開(kāi)發(fā)效率;讓用戶(hù)能夠在產(chǎn)品全局感受到統(tǒng)一且完整的體驗(yàn),降低使用成本和學(xué)習(xí)難度。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
  • 交互原型
    ——帶有交互效果的頁(yè)面結(jié)構(gòu)設(shè)計(jì),包括原型界面、設(shè)計(jì)說(shuō)明等。
作為設(shè)計(jì)師,你了解交互設(shè)計(jì)文檔嗎?
  • 廢紙簍
    ——放置多版本稿件。
 
五、總結(jié)
深入探索交互設(shè)計(jì)文檔與用戶(hù)體驗(yàn)的核心關(guān)系
。在產(chǎn)品設(shè)計(jì)的過(guò)程中,交互設(shè)計(jì)文檔不僅是形式上的必要文件,更是設(shè)計(jì)師與用戶(hù)、業(yè)務(wù)團(tuán)隊(duì)之間溝通的橋梁。它的核心目的在于確保設(shè)計(jì)的方向符合產(chǎn)品的整體戰(zhàn)略和用戶(hù)的真實(shí)需求。
用戶(hù)體驗(yàn)是產(chǎn)品設(shè)計(jì)的靈魂。
設(shè)計(jì)師需要深入了解用戶(hù),挖掘他們最根本、最真實(shí)的需求。這不僅僅是通過(guò)問(wèn)卷調(diào)查或用戶(hù)訪(fǎng)談,更是要站在用戶(hù)的角度,思考他們?cè)谑褂卯a(chǎn)品時(shí)的每一個(gè)動(dòng)作、每一個(gè)決策背后的原因。只有這樣,設(shè)計(jì)師才能為用戶(hù)帶來(lái)真正有價(jià)值的產(chǎn)品體驗(yàn)。只有這樣,才能確保設(shè)計(jì)出的產(chǎn)品既符合業(yè)務(wù)目標(biāo),又能為用戶(hù)帶來(lái)卓越的體驗(yàn)。希望每一位設(shè)計(jì)師都能在職業(yè)生涯中不斷進(jìn)步,為用戶(hù)和業(yè)務(wù)創(chuàng)造更多的價(jià)值。


作者:Oceans1de
來(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)電話(huà):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ā)

B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式

ui設(shè)計(jì)分享達(dá)人

B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
 
一、UI設(shè)計(jì)師在B端產(chǎn)品界面設(shè)計(jì)時(shí),可能會(huì)遇到的問(wèn)題。
1.1復(fù)雜的數(shù)據(jù)可視化需求
B端應(yīng)用往往涉及復(fù)雜數(shù)據(jù),設(shè)計(jì)師需要?jiǎng)?chuàng)造清晰且有效的方式來(lái)顯示這些信息。
對(duì)于B端產(chǎn)品設(shè)計(jì)中復(fù)雜的數(shù)據(jù)可視化需求,一個(gè)詳細(xì)的解決方案需要從不同層面進(jìn)行考慮和實(shí)施:
理解用戶(hù)需求:
首先,進(jìn)行深入的用戶(hù)研究以理解不同用戶(hù)的數(shù)據(jù)需求。這可能包括用戶(hù)訪(fǎng)談、觀(guān)察和問(wèn)卷調(diào)查,以收集關(guān)于他們?nèi)绾卫斫夂褪褂脭?shù)據(jù)的信息。
選擇合適的圖表類(lèi)型:
根據(jù)數(shù)據(jù)類(lèi)型和用戶(hù)需求選擇最合適的圖表類(lèi)型。例如,時(shí)間序列數(shù)據(jù)適合折線(xiàn)圖,而比較數(shù)據(jù)則可能更適合條形圖或餅圖。同時(shí),對(duì)于更復(fù)雜的數(shù)據(jù)關(guān)系,可能需要使用散點(diǎn)圖、熱圖或樹(shù)狀圖。
簡(jiǎn)化設(shè)計(jì):
避免過(guò)度裝飾的圖表。使用清晰的軸標(biāo)簽、標(biāo)題和圖例,確保用戶(hù)能夠輕松讀懂圖表。選擇合適的顏色方案來(lái)增強(qiáng)可讀性,同時(shí)避免使用令人分心或誤解的顏色組合。
增加交互性:
交互式元素可以大大增強(qiáng)數(shù)據(jù)可視化的效果。例如,當(dāng)用戶(hù)將鼠標(biāo)懸停在圖表的某個(gè)部分時(shí),可以顯示詳細(xì)的數(shù)據(jù)點(diǎn)信息。此外,可以允許用戶(hù)通過(guò)篩選、排序或拖動(dòng)來(lái)自定義視圖。
提供上下文和引導(dǎo):
確保每個(gè)圖表都有足夠的上下文信息,比如引導(dǎo)性文本或簡(jiǎn)短的分析,幫助用戶(hù)理解數(shù)據(jù)背后的故事。這不僅包括圖表本身的解釋?zhuān)€包括如何使用圖表進(jìn)行有效決策的指導(dǎo)。
優(yōu)化性能:
對(duì)于處理大量數(shù)據(jù)的可視化,確保性能優(yōu)化是至關(guān)重要的。這可能涉及后端數(shù)據(jù)處理優(yōu)化、前端渲染優(yōu)化以及合理的數(shù)據(jù)加載策略。
用戶(hù)測(cè)試和反饋:
設(shè)計(jì)完成后,進(jìn)行用戶(hù)測(cè)試以收集反饋。觀(guān)察用戶(hù)如何與數(shù)據(jù)可視化交互,并根據(jù)他們的反饋進(jìn)行調(diào)整。這是一個(gè)持續(xù)的過(guò)程,旨在不斷提高可視化工具的有效性和用戶(hù)滿(mǎn)意度。
B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
 
可以找到大量的參考選擇適用自己產(chǎn)品風(fēng)格的可視化,之后進(jìn)行修改。
1.2深層級(jí)的功能集成
與C端產(chǎn)品相比,B端產(chǎn)品可能有更深層次和復(fù)雜的功能,難以設(shè)計(jì)簡(jiǎn)潔直觀(guān)的用戶(hù)界面。
對(duì)于UI設(shè)計(jì)師在進(jìn)行B端產(chǎn)品界面設(shè)計(jì)時(shí)遇到的“深層級(jí)的功能集成”問(wèn)題,一個(gè)詳細(xì)的解決方案需要包括以下幾個(gè)關(guān)鍵策略:
模塊化設(shè)計(jì):
通過(guò)將復(fù)雜功能分解為獨(dú)立、可重用的模塊,可以簡(jiǎn)化界面并提高可維護(hù)性。每個(gè)模塊應(yīng)專(zhuān)注于單一功能或任務(wù),從而使整體系統(tǒng)更加清晰易懂。
清晰的信息架構(gòu):
建立一個(gè)邏輯清晰的信息架構(gòu)是至關(guān)重要的。這包括創(chuàng)建一個(gè)分層的菜單結(jié)構(gòu),將相關(guān)功能組織在一起,并通過(guò)適當(dāng)?shù)拿麃?lái)指導(dǎo)用戶(hù)。
分層的導(dǎo)航系統(tǒng):
為不同層級(jí)的功能提供清晰的導(dǎo)航路徑。這可能包括主導(dǎo)航菜單、次級(jí)導(dǎo)航以及面包屑導(dǎo)航等,幫助用戶(hù)理解他們?cè)趹?yīng)用中的位置以及如何訪(fǎng)問(wèn)特定的功能。
搜索功能:
隨著功能數(shù)量的增加,提供一個(gè)強(qiáng)大的搜索工具變得尤為重要。這可以幫助用戶(hù)快速找到他們需要的特定功能或信息。
自定義和個(gè)性化設(shè)置:
允許用戶(hù)根據(jù)自己的工作流程和偏好來(lái)自定義界面。這包括選擇要顯示的模塊、調(diào)整布局以及設(shè)置快捷方式等。
交互式教程和幫助文檔:
為新用戶(hù)提供交互式教程,幫助他們快速了解如何使用應(yīng)用。同時(shí),提供詳細(xì)的幫助文檔和FAQ,以便用戶(hù)可以自助解決問(wèn)題。
用戶(hù)測(cè)試和反饋:
持續(xù)進(jìn)行用戶(hù)測(cè)試和收集反饋,了解哪些功能集成方式有效,哪些需要改進(jìn)。根據(jù)用戶(hù)的反饋不斷調(diào)整和優(yōu)化界面設(shè)計(jì)。 通過(guò)實(shí)施這些策略,UI設(shè)計(jì)師可以有效解決深層級(jí)功能集成的問(wèn)題,創(chuàng)造出既強(qiáng)大又易于使用的B端產(chǎn)品界面。
B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
 
1.3用戶(hù)習(xí)慣差異
B端用戶(hù)可能來(lái)自不同行業(yè),具有不同的操作習(xí)慣和偏好,滿(mǎn)足所有用戶(hù)的需求挑戰(zhàn)較大。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“用戶(hù)習(xí)慣差異”問(wèn)題,一個(gè)詳細(xì)的解決方案應(yīng)包括以下幾個(gè)步驟:
深入用戶(hù)研究:
通過(guò)訪(fǎng)談、問(wèn)卷調(diào)查、用戶(hù)觀(guān)察和分析用戶(hù)數(shù)據(jù)來(lái)理解不同用戶(hù)群體的習(xí)慣和需求。這些研究幫助揭示不同行業(yè)、角色和經(jīng)驗(yàn)水平的用戶(hù)如何與產(chǎn)品互動(dòng)。
多樣化的設(shè)計(jì)解決方案:
根據(jù)研究結(jié)果,設(shè)計(jì)可以適應(yīng)不同用戶(hù)需求的界面。這可能涉及提供多種布局、導(dǎo)航樣式和交互方式供用戶(hù)選擇。
個(gè)性化和定制功能:
允許用戶(hù)根據(jù)個(gè)人偏好調(diào)整界面,包括主題、布局、快捷方式和默認(rèn)設(shè)置等。
清晰的指導(dǎo)和幫助:
為了幫助用戶(hù)理解如何使用產(chǎn)品,提供詳細(xì)的幫助文檔、FAQ和交互式教程。
持續(xù)的反饋循環(huán):
設(shè)立機(jī)制收集用戶(hù)反饋,定期進(jìn)行用戶(hù)測(cè)試,并根據(jù)反饋迭代優(yōu)化產(chǎn)品。
通過(guò)這些策略,UI設(shè)計(jì)師可以更好地應(yīng)對(duì)用戶(hù)習(xí)慣的差異,創(chuàng)造出既滿(mǎn)足用戶(hù)需求又易于使用的B端產(chǎn)品界面。
1.4訪(fǎng)問(wèn)權(quán)限管理
需要設(shè)計(jì)復(fù)雜的權(quán)限設(shè)置界面,確保不同級(jí)別的用戶(hù)只能訪(fǎng)問(wèn)特定信息。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“訪(fǎng)問(wèn)權(quán)限管理”問(wèn)題,一個(gè)詳細(xì)的解決方案應(yīng)該包括以下幾個(gè)關(guān)鍵策略:
深入理解不同角色的需求:
與產(chǎn)品的各種用戶(hù)群體(如管理者、普通用戶(hù)、審計(jì)員等)進(jìn)行交流,了解他們對(duì)權(quán)限管理的需求和期望。
設(shè)計(jì)靈活的權(quán)限框架:
創(chuàng)建一個(gè)可以靈活適應(yīng)不同用戶(hù)和角色需求的權(quán)限系統(tǒng)。這包括定義不同級(jí)別的權(quán)限,如查看、編輯、管理等,并允許細(xì)粒度的控制。
直觀(guān)的權(quán)限配置界面:
為管理員設(shè)計(jì)一個(gè)清晰、直觀(guān)的界面,讓他們可以輕松分配和調(diào)整權(quán)限。提供明確的指示和反饋,確保管理員理解每種權(quán)限的含義。
透明的用戶(hù)權(quán)限指引:
向用戶(hù)清晰顯示他們的權(quán)限等級(jí)和可以訪(fǎng)問(wèn)的內(nèi)容。當(dāng)用戶(hù)嘗試進(jìn)行超出權(quán)限的操作時(shí),提供友好的錯(cuò)誤消息和指引。
權(quán)限變更的審計(jì)和記錄:
記錄所有權(quán)限的更改歷史,以便于追蹤和審計(jì)。這對(duì)于保障系統(tǒng)安全和滿(mǎn)足合規(guī)要求非常關(guān)鍵。
持續(xù)的測(cè)試和反饋:
定期進(jìn)行權(quán)限系統(tǒng)的用戶(hù)測(cè)試,收集反饋并根據(jù)反饋調(diào)整和優(yōu)化設(shè)計(jì)。
通過(guò)實(shí)施這些策略,可以構(gòu)建一個(gè)既強(qiáng)大又易于管理的訪(fǎng)問(wèn)權(quán)限系統(tǒng),從而提升B端產(chǎn)品的安全性、靈活性和用戶(hù)滿(mǎn)意度。
1.5多設(shè)備兼容
必須確保界面在各種設(shè)備和屏幕尺寸上均表現(xiàn)良好,
尤其是需要在寬為1440px和1920px下有效運(yùn)行。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“多設(shè)備兼容性”問(wèn)題,一個(gè)詳細(xì)的解決方案涉及多個(gè)層面。
首先,采用響應(yīng)式設(shè)計(jì)原則
,確保界面元素和布局能夠根據(jù)不同的屏幕尺寸和分辨率自動(dòng)調(diào)整。
其次,對(duì)于關(guān)鍵功能,進(jìn)行徹底的跨平臺(tái)測(cè)試,包括不同操作系統(tǒng)、瀏覽器和設(shè)備類(lèi)型,確保功能的一致性和穩(wěn)定性。
另外,考慮到觸控和非觸控設(shè)備的交互差異
,設(shè)計(jì)時(shí)應(yīng)確保按鈕和其他控件大小適中,易于操作。
通過(guò)這些綜合策略,可以有效解決多設(shè)備兼容性問(wèn)題,提升用戶(hù)的整體體驗(yàn)。
1.6專(zhuān)業(yè)術(shù)語(yǔ)和內(nèi)容
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“專(zhuān)業(yè)術(shù)語(yǔ)和內(nèi)容”問(wèn)題,一個(gè)詳細(xì)的解決方案包括深入行業(yè)研究,確保使用對(duì)目標(biāo)用戶(hù)群來(lái)說(shuō)準(zhǔn)確、相關(guān)的術(shù)語(yǔ)。
與此同時(shí),與行業(yè)專(zhuān)家合作,以驗(yàn)證內(nèi)容的準(zhǔn)確性和適用性,確保信息傳達(dá)清晰無(wú)誤。
設(shè)計(jì)時(shí),考慮到不同用戶(hù)的知識(shí)背景,提供容易理解的解釋或工具提示,對(duì)復(fù)雜術(shù)語(yǔ)進(jìn)行簡(jiǎn)化。此外,創(chuàng)建全面的幫助文檔和在線(xiàn)教育資源,幫助用戶(hù)深入理解專(zhuān)業(yè)內(nèi)容。
定期更新內(nèi)容,確保與行業(yè)發(fā)展保持同步,同時(shí)收集用戶(hù)反饋,不斷優(yōu)化和調(diào)整術(shù)語(yǔ)和內(nèi)容的使用。通過(guò)這些方法,UI設(shè)計(jì)師可以在確保專(zhuān)業(yè)準(zhǔn)確性的同時(shí),提升用戶(hù)的理解和操作效率
1.7交互復(fù)雜性
了解用戶(hù):
深入理解B端用戶(hù)的工作流程和任務(wù)需求。B端用戶(hù)往往更關(guān)注效率和功能,因此設(shè)計(jì)師需要明確用戶(hù)的專(zhuān)業(yè)性和任務(wù)目標(biāo)。
簡(jiǎn)化流程:
盡管B端應(yīng)用可能功能復(fù)雜,但設(shè)計(jì)師應(yīng)努力簡(jiǎn)化用戶(hù)流程。這包括創(chuàng)建直觀(guān)的導(dǎo)航系統(tǒng),減少不必要的步驟,以及提供清晰的指引。
模塊化設(shè)計(jì):
將復(fù)雜功能拆分成獨(dú)立的模塊或組件。每個(gè)模塊專(zhuān)注于一個(gè)具體任務(wù)或功能,用戶(hù)可以根據(jù)需要組合使用它們。
定制化和個(gè)性化:
允許用戶(hù)根據(jù)自己的需求和偏好定制界面和功能。例如,提供可定制的儀表板,讓用戶(hù)可以選擇對(duì)他們最重要的信息和工具。
清晰的視覺(jué)層級(jí):
通過(guò)顏色、大小和布局等視覺(jué)元素創(chuàng)建清晰的層級(jí),幫助用戶(hù)理解信息的重要性和操作的先后順序。
 
二、不同的B端產(chǎn)品所面對(duì)的問(wèn)題也不一樣
不同B端產(chǎn)品可能面臨的問(wèn)題包括用戶(hù)角色多樣化、數(shù)據(jù)密集、嚴(yán)格的安全要求、高度定制的工作流程和快速變化的行業(yè)規(guī)范。在B端產(chǎn)品設(shè)計(jì)中,UI設(shè)計(jì)師可能面臨的問(wèn)題和注意事項(xiàng)舉例:
ERP系統(tǒng):
可能出現(xiàn)的問(wèn)題包括復(fù)雜的數(shù)據(jù)集成和大量的用戶(hù)角色。設(shè)計(jì)時(shí)應(yīng)注重清晰的數(shù)據(jù)可視化和靈活的權(quán)限設(shè)置。
醫(yī)療保健平臺(tái):
面臨嚴(yán)格的合規(guī)和隱私要求。設(shè)計(jì)應(yīng)確保數(shù)據(jù)安全性,同時(shí)提供易于理解的導(dǎo)航和專(zhuān)業(yè)術(shù)語(yǔ)解釋。
金融管理軟件:
需要處理復(fù)雜的交易和報(bào)告。應(yīng)關(guān)注于精確的數(shù)據(jù)展示和高效的任務(wù)流程設(shè)計(jì)。
CRM系統(tǒng):
需管理大量客戶(hù)數(shù)據(jù)和銷(xiāo)售流程,可能面臨數(shù)據(jù)整合和用戶(hù)個(gè)性化需求的問(wèn)題。設(shè)計(jì)時(shí)應(yīng)側(cè)重于清晰的數(shù)據(jù)組織和自定義視圖。
供應(yīng)鏈管理軟件:
可能面臨復(fù)雜的物流數(shù)據(jù)和多級(jí)用戶(hù)訪(fǎng)問(wèn)問(wèn)題。解決方案包括強(qiáng)大的數(shù)據(jù)過(guò)濾功能和靈活的權(quán)限設(shè)置。
項(xiàng)目管理工具:
需處理不同項(xiàng)目和任務(wù)的組織,可能面臨用戶(hù)協(xié)作和進(jìn)度追蹤的挑戰(zhàn)。設(shè)計(jì)應(yīng)側(cè)重于簡(jiǎn)化的任務(wù)管理界面和實(shí)時(shí)更新功能。
財(cái)務(wù)報(bào)告系統(tǒng):
可能遇到的問(wèn)題包括復(fù)雜的財(cái)務(wù)數(shù)據(jù)展示和各種報(bào)告格式的需求。設(shè)計(jì)時(shí)應(yīng)注重靈活的報(bào)告工具和定制的數(shù)據(jù)儀表板。
教育管理平臺(tái):
面臨多樣化的用戶(hù)群體和教育內(nèi)容的問(wèn)題。設(shè)計(jì)應(yīng)提供清晰的課程導(dǎo)航和易于訪(fǎng)問(wèn)的教學(xué)資源。
工業(yè)監(jiān)控系統(tǒng):
可能面臨實(shí)時(shí)數(shù)據(jù)流和高級(jí)監(jiān)控功能的需求。設(shè)計(jì)時(shí)應(yīng)重視數(shù)據(jù)實(shí)時(shí)更新和高效的警報(bào)系統(tǒng)。


作者:張陽(yáng)光Designer
來(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)電話(huà):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ā)

交互設(shè)計(jì)基礎(chǔ)定律-泰斯勒定律

博博

“每一個(gè)產(chǎn)品有著不可降低的復(fù)雜性,這個(gè)復(fù)雜性有一個(gè)臨界點(diǎn),臨界點(diǎn)的位置決定了誰(shuí)將處理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被稱(chēng)作「復(fù)雜度守恒定律」,由拉里·泰斯勒于1984年提出。定律認(rèn)為:一個(gè)系統(tǒng)中有一定程度的復(fù)雜性是無(wú)法被降低的,內(nèi)在的復(fù)雜度只能通過(guò)產(chǎn)品設(shè)計(jì)去設(shè)法平衡和轉(zhuǎn)移。

二、泰斯勒定律在設(shè)計(jì)中的運(yùn)用

每一個(gè)產(chǎn)品都必然會(huì)有其系統(tǒng)和用戶(hù)兩端無(wú)法簡(jiǎn)化的復(fù)雜度,不論是在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)還是產(chǎn)品交互環(huán)節(jié)都無(wú)法按照人們的意愿做刪除,只能設(shè)法去調(diào)整、平衡。通過(guò)轉(zhuǎn)移兩者直接的臨界點(diǎn),來(lái)提高產(chǎn)品的體驗(yàn)度。

1、讓用戶(hù)識(shí)別而不是記憶

在操作中最大限度的減少用戶(hù)的記憶負(fù)荷,通過(guò)減少獲取信息的復(fù)雜性,讓用戶(hù)在操作中去識(shí)別信息而不是去記憶,界面的交互動(dòng)作和選項(xiàng)都應(yīng)該是可見(jiàn)的。

2、算法程序、推薦正確內(nèi)容

用戶(hù)在使用產(chǎn)品的過(guò)程中是一個(gè)逐漸適應(yīng)成長(zhǎng)的過(guò)程,他們會(huì)從無(wú)經(jīng)驗(yàn)變得有經(jīng)驗(yàn),因此設(shè)計(jì)系統(tǒng)需要針對(duì)不同的人群提供差異化的操作,讓系統(tǒng)操作難度與用戶(hù)實(shí)際的經(jīng)驗(yàn)水平相匹配,滿(mǎn)足他們對(duì)產(chǎn)品靈活易用的控制欲,實(shí)現(xiàn)其目標(biāo)感以及成就感。

3、整合功能、簡(jiǎn)化用戶(hù)界面

隨著用戶(hù)需求的不斷增加,產(chǎn)品也將會(huì)不斷迭代,越到后面功能也可能會(huì)越來(lái)也多而且復(fù)雜。在不影響用戶(hù)需求和體驗(yàn)的前提下,盡可能的整合同類(lèi)的功能,簡(jiǎn)化用戶(hù)界面的復(fù)雜度。

三、總結(jié)

在產(chǎn)品設(shè)計(jì)中,泰斯勒定律主要是為了權(quán)衡用戶(hù)復(fù)雜度和系統(tǒng)復(fù)雜度之間的一個(gè)平衡。在應(yīng)用「泰斯勒定律」平衡交互設(shè)計(jì)中的復(fù)雜度這時(shí)需要注意以下幾個(gè)要點(diǎn):

1、系統(tǒng)的總復(fù)雜度是一個(gè)常數(shù),為用戶(hù)提供更簡(jiǎn)單的功能會(huì)增加其他方面的復(fù)雜性;

2、找到復(fù)雜度轉(zhuǎn)移的「最低成本的方式」;

3、界面不能太過(guò)簡(jiǎn)單,適當(dāng)?shù)膹?fù)雜度也會(huì)吸引用戶(hù);

而設(shè)計(jì)本身其實(shí)是一個(gè)平衡過(guò)程,需要我們與業(yè)務(wù)方反復(fù)的溝通,考慮綜合成本,確保以項(xiàng)目最低成本方式實(shí)現(xiàn)業(yè)務(wù)目標(biāo)與體驗(yàn)?zāi)繕?biāo)之間的平衡。

 

作者:哆啦的設(shè)計(jì)筆記
來(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)電話(huà):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ā)

日歷

鏈接

個(gè)人資料

存檔