怎么構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念
發(fā)布時(shí)間:2021-12-18 08:40 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

設(shè)計(jì)團(tuán)隊(duì)的意義是能理解分析最終用戶的需求,通過專業(yè)的設(shè)計(jì)手段、方法去實(shí)現(xiàn)企業(yè)戰(zhàn)略,解決相關(guān)問題。

設(shè)計(jì)理念是設(shè)計(jì)的核心思想與運(yùn)作原則,是為了明確設(shè)計(jì)團(tuán)隊(duì)方向,確保圍繞著核心準(zhǔn)則去運(yùn)作,而出現(xiàn)的指引設(shè)計(jì)師按既定線路前行。即設(shè)計(jì)團(tuán)隊(duì)在企業(yè)中存在的使命、任務(wù)、價(jià)值。

所以在制作web端設(shè)計(jì)規(guī)范系列規(guī)范時(shí),第一部分就是Web端設(shè)計(jì)理念篇。設(shè)計(jì)理念篇本身不分移動(dòng)端或者web端,這是一個(gè)通用的理念準(zhǔn)則。

設(shè)計(jì)團(tuán)隊(duì)的意義是能理解分析最終用戶的需求,通過專業(yè)的設(shè)計(jì)手段、方法去實(shí)現(xiàn)企業(yè)戰(zhàn)略解決相關(guān)問題。

以什么而設(shè)計(jì)?這需要去明確并堅(jiān)守它,我總結(jié)了兩條:

  • 以業(yè)務(wù)需求為基礎(chǔ)的設(shè)計(jì)
  • 以用戶為中心的設(shè)計(jì)


以業(yè)務(wù)需求為基礎(chǔ)的設(shè)計(jì)


1. 設(shè)計(jì)脫離業(yè)務(wù)就失去了設(shè)計(jì)存在的意義,設(shè)計(jì)本身就應(yīng)該將業(yè)務(wù)思維轉(zhuǎn)化為設(shè)計(jì)思維。

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

2. 在做設(shè)計(jì)滿足業(yè)務(wù)的需求基礎(chǔ)上,就要更加主動(dòng)的去思考用戶完成這個(gè)基礎(chǔ)場景后的下一步,再下一步應(yīng)該是什么,思考解決方案的延伸面。

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

3. 設(shè)計(jì)師對(duì)業(yè)務(wù)的理解很重要,但在持續(xù)深入理解業(yè)務(wù)之余,有意識(shí)地去建立獨(dú)立于業(yè)務(wù)的通用跨界思維、框架和方法論,我們不能滿足于逐一解決單一、鼓勵(lì)的業(yè)務(wù)問題。

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

以用戶為中心的設(shè)計(jì)


1. 產(chǎn)品設(shè)計(jì)是從用戶需求和用戶的感受出發(fā),圍繞用戶為中心設(shè)計(jì)產(chǎn)品,而不是讓用戶去適應(yīng)產(chǎn)品。無論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等,都需要考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺感受等方面。

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

2. 當(dāng)我們關(guān)注用戶時(shí),除了關(guān)注用戶要完成的任務(wù),即產(chǎn)品將提供的功能及操作流程,也應(yīng)該充分關(guān)注其完成任務(wù)時(shí)的目標(biāo),即用戶為什么要執(zhí)行這個(gè)行動(dòng)、任務(wù)或操作。


不同端的設(shè)計(jì)理念


不同的使用對(duì)象(B端、C端)設(shè)計(jì)理念也有所區(qū)別。

B端產(chǎn)品一般架構(gòu)復(fù)雜且較定制化,以業(yè)務(wù)為導(dǎo)向?赡苡泻芏喔呒(jí)功能,突出高效易用,導(dǎo)致易學(xué)性打折扣。

C端產(chǎn)品一般考慮絕大部分用戶使用場景和訴求,高級(jí)功能會(huì)相對(duì)少點(diǎn)。突出易學(xué)性。

C端產(chǎn)品需要關(guān)注用戶的使用時(shí)長、是否容易上手并順利使用。產(chǎn)品做得越好,用戶越愿意為它花時(shí)間。但在B端市場,效率才是產(chǎn)品的目標(biāo),因?yàn)锽端產(chǎn)品的價(jià)值恰恰在于在盡量短的時(shí)間內(nèi)抓住用戶痛點(diǎn),如果用戶需要在你產(chǎn)品上花費(fèi)很多時(shí)間,那說明你的產(chǎn)品太難用了。

對(duì)C端服務(wù)用戶來說,易學(xué)/易用>功能齊全

易學(xué)/易用即保持了界面結(jié)構(gòu)簡單、明了、設(shè)計(jì)清晰、易理解,操作簡單,通過界面元素的表意和界面提供的線索就能讓用戶清楚的知道其操作方式。

易學(xué)/易用的產(chǎn)品易于縮小新用戶和專家用戶的差距,減少用戶的認(rèn)知成功,提升用戶體驗(yàn)。

提升易學(xué)易用可以從以下方面來處理:

  • 恰當(dāng)?shù)囊龑?dǎo):通過文字提示或浮層提示來告知用戶,使新用戶對(duì)該產(chǎn)品/新增功能一目了然。
  • 場景指示:在相應(yīng)的場景下給予用戶一定的指示讓用戶更清晰的知道下一步操作方向。

例如下圖的浮層和文字提示:

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

遵循已有用戶習(xí)慣:用戶習(xí)慣是由用戶長期適應(yīng)和積累的習(xí)慣,很難改變。所以盡量遵循現(xiàn)有主流設(shè)計(jì)習(xí)慣可提高產(chǎn)品的易學(xué)/易用性。

對(duì)B端服務(wù)用戶來說,功能齊全/高效>好用

高效是通過設(shè)計(jì)幫助用戶可以精準(zhǔn)、快速的完成目標(biāo)任務(wù)。

在做b端產(chǎn)品時(shí),由于使用的場景相當(dāng)復(fù)雜,同時(shí)選擇性可能很多,如何在復(fù)雜操作里面高效,這對(duì)于設(shè)計(jì)師來說是一個(gè)挑戰(zhàn)。

提升高效可以從以下方面來處理:

  • 功能齊全:通過齊全的功能來保證高效。
  • 減少操作路徑:優(yōu)化用戶操作路徑,盡可能的少步驟的完成用戶要完成的操作路徑。
  • 減少頁面跳轉(zhuǎn):更少的頁面跳轉(zhuǎn)能增加界面的連貫性,減少用戶的操作和記憶負(fù)擔(dān),讓用戶完成任務(wù)更具有連續(xù)性。

例如下圖是b端的賣家界面,搜索功能異常強(qiáng)大,支持各種緯度的篩選。同時(shí)直接展示出來,沒有將高級(jí)搜索隱藏,這樣就避免頁面的跳轉(zhuǎn)同時(shí)增加操作路徑。

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

例如下圖是c端的買家界面,將搜索功能做的比較簡潔(易用),同時(shí)將高級(jí)篩選功能做了隱藏處理。減少用戶的認(rèn)知和操作負(fù)擔(dān),讓用戶專注當(dāng)前購買列表的主操作。

如何構(gòu)建Web端設(shè)計(jì)規(guī)范之設(shè)計(jì)理念篇

Python Web開發(fā)教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長 AIGC