建站常識(shí)
為產(chǎn)品結(jié)構(gòu)的設(shè)計(jì),為用戶任務(wù)的設(shè)計(jì)
2010-11-17 08:21:00
我們先來(lái)看兩個(gè)實(shí)際案例:
在QQ中,將聊天記錄中的圖片存為表情的設(shè)計(jì):右鍵圖片,“添加到表情”。
第二個(gè)例子… 不是360的。
在RTX中,將聊天記錄中的圖片存為表情的設(shè)計(jì):先收藏圖片,再在表情面板中點(diǎn)“添加自定義表情”打開表情管理的界面,選中收藏好的圖片添加為自定義表情。
RTX的設(shè)計(jì),保證產(chǎn)品的結(jié)構(gòu)是很清晰的:
1. 表情列表有添、改、刪功能,添加的來(lái)源是本地文件夾。
2. 任何一張圖片都可以另存為本地圖片。
這些功能是很完備的,同時(shí)也保證了將聊天記錄中的一張圖片存為表情的操作是可以實(shí)現(xiàn)的。是可以實(shí)現(xiàn)的,但是卻不那么容易。不容易用—點(diǎn)擊次數(shù)多;不容易記—要添加為表情,需要記住,在圖片的右鍵菜單中選“收藏圖片”。
而QQ的設(shè)計(jì),考慮了產(chǎn)品結(jié)構(gòu)的清晰,上面提到的功能都具備,同時(shí)又兼顧了使用的情景:在聊天記錄中看到一張圖片的時(shí)候,要將這張圖片存為表情。為使用用戶任務(wù)而設(shè)計(jì)是:你要把它添加為表情?我就給你設(shè)計(jì)個(gè)功能,叫做“添加為表情”。
在《設(shè)計(jì)原則VS完成任務(wù)》中也提到過(guò)類似的問(wèn)題:在相冊(cè)列表頁(yè)該不該提供“上傳照片”按鈕。最后的結(jié)論是:要“上傳照片”按鈕,那是用戶要做的一個(gè)事情,要為用戶的任務(wù)服務(wù),而不是以產(chǎn)品的邏輯結(jié)構(gòu)為標(biāo)準(zhǔn)。
這次借用QQ和RTX中“添加為表情”的設(shè)計(jì),是希望能進(jìn)一步得出結(jié)論,在設(shè)計(jì)過(guò)程中,應(yīng)該如何把握“為產(chǎn)品結(jié)構(gòu)的設(shè)計(jì)”和“為用戶任務(wù)的設(shè)計(jì)”。
我們所做的確保產(chǎn)品邏輯結(jié)構(gòu)清晰、準(zhǔn)確的設(shè)計(jì),主要的是為了保證產(chǎn)品的可學(xué)習(xí)性。產(chǎn)品結(jié)構(gòu)清晰、準(zhǔn)確,你第一次見(jiàn)到的時(shí)候可能不會(huì)用,但是容易學(xué)會(huì)。我們經(jīng)常會(huì)說(shuō):“不能這么設(shè)計(jì),這不對(duì)!”這對(duì)與不對(duì)就經(jīng)常是以產(chǎn)品的結(jié)構(gòu)是否清晰、準(zhǔn)確、合邏輯為標(biāo)準(zhǔn)的判斷。
保證產(chǎn)品結(jié)構(gòu)清晰、準(zhǔn)確、合邏輯是需要,是對(duì)的。但還不足夠。因?yàn)楫a(chǎn)品的可用性高不只包含可學(xué)習(xí)性強(qiáng),還有使用效率高。
嚴(yán)格來(lái)說(shuō),可學(xué)習(xí)性實(shí)際上也是提高使用效率的,是間接的。比較容易學(xué),學(xué)的快,這肯定比弄半天也弄不明白效率要高。上面說(shuō)的使用效率是特指那些直接影響使用效率的因素—點(diǎn)擊次數(shù)、是否易得…
在上面的例子中,如果只保證產(chǎn)品結(jié)構(gòu)的清晰、準(zhǔn)確、合邏輯,那就不需要在圖片的右鍵菜單中設(shè)計(jì)“添加為表情”功能。用戶在聊天的時(shí)候,經(jīng)常會(huì)需要把聊天記錄中的一張圖片添加為表情,為了這個(gè)用戶任務(wù)而設(shè)計(jì)了“添加為表情”功能,提高了使用效率。
為用戶任務(wù)而做的設(shè)計(jì),主要的是為了提高產(chǎn)品的使用效率。
上面的兩行加粗文字就概括了“產(chǎn)品結(jié)構(gòu)設(shè)計(jì)”和“為用戶任務(wù)設(shè)計(jì)”各自的特征。
可以用這樣一個(gè)圖示來(lái)表明兩者的關(guān)系:
為保證產(chǎn)品結(jié)構(gòu)清晰、準(zhǔn)確、合邏輯的設(shè)計(jì)確保了所有人在任何情況下最終都能找到自己需要的。為用戶任務(wù)的設(shè)計(jì)是在原有產(chǎn)品結(jié)構(gòu)基礎(chǔ)上設(shè)計(jì)出的一個(gè)個(gè)“行為流”,一個(gè)個(gè)快速通道。
當(dāng)然,用戶任務(wù)不是指所有可能出現(xiàn)的用戶操作,是指那些大多數(shù)用戶,經(jīng)常會(huì)出現(xiàn)的操作。不然,要窮舉所有的使用情景,排列組合所有的可能性,那不知道要畫出快速通道了,自然也就談不上快速了。
保證產(chǎn)品結(jié)構(gòu)清晰、準(zhǔn)確是必要的;為用戶任務(wù)的設(shè)計(jì)是在清晰的產(chǎn)品結(jié)構(gòu)基礎(chǔ)上的補(bǔ)充。如果一個(gè)產(chǎn)品中缺少了一條應(yīng)有的快速通道,那不要命,通過(guò)清晰、準(zhǔn)確、合邏輯的產(chǎn)品結(jié)構(gòu)用戶最終也能找到需要的功能。(但愿他真的愿意多花那些時(shí)間去找。)如果對(duì)產(chǎn)品的結(jié)構(gòu)的表達(dá)出了問(wèn)題,那就要命了,可能會(huì)怎么也找不到了,怎么也弄不明白了,也許是這次通過(guò)快速通道稀里糊涂的完成了操作,下次換了個(gè)情景又糊涂了。
通過(guò)這樣的設(shè)計(jì),最終達(dá)到的效果是:如果一位用戶要做的事情是常見(jiàn)的,那么這個(gè)操作按鈕正好擺在他眼前,因?yàn)闉檫@個(gè)用戶任務(wù)設(shè)計(jì)啦;如果是一個(gè)很少會(huì)出現(xiàn)的操作,那么,沒(méi)有快速通道,要通過(guò)學(xué)習(xí),用戶自己找到。對(duì)“產(chǎn)品結(jié)構(gòu)”和“用戶任務(wù)”這樣的理解與規(guī)劃正是 “突出常用操作,隱藏不常用”設(shè)計(jì)原則的實(shí)現(xiàn)方式。(這句話寫下后,我隱約想起政治課本上的措辭,幼年的不良教育流毒之深,可見(jiàn)一斑。)
分清了兩者的特征,各自的地位如何權(quán)衡,仍舊還留下一些問(wèn)題:
問(wèn)題一.上面提到了,用戶任務(wù)是指那些主要用戶的主要操作,而不是全部。畫太少了不夠用,畫太多了就失去了快速的價(jià)值。那么,畫多少個(gè)快速通道出來(lái)才是合理的?這需要根據(jù)具體的產(chǎn)品人為的把握。
問(wèn)題二.為什么要分為兩個(gè)層次來(lái)設(shè)計(jì)?“為產(chǎn)品結(jié)構(gòu)的設(shè)計(jì)”和“為用戶任務(wù)的設(shè)計(jì)”為什么不能合二為一?這當(dāng)然是更好的,只是我還沒(méi)想到辦法。如果簡(jiǎn)單的說(shuō):“在保證清晰的產(chǎn)品結(jié)構(gòu)基礎(chǔ)上注重用戶實(shí)際的使用情景?!边@似乎是合二為一了,但實(shí)際沒(méi)解決問(wèn)題,變成一句口號(hào)了,不是一個(gè)可操作的方法。在我看來(lái)這正是設(shè)計(jì)的難度所在。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站SEO 青島網(wǎng)站設(shè)計(jì)哪家好 集團(tuán)性網(wǎng)站 良好的導(dǎo)航 青島網(wǎng)站營(yíng)銷 青島高端網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)趨勢(shì) 青島網(wǎng)站建設(shè)公司哪家好 html和css 青島IT資訊 網(wǎng)站規(guī)劃 插畫 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 高端輪胎網(wǎng)站設(shè)計(jì) 集團(tuán)公司網(wǎng)站建設(shè) 企業(yè)網(wǎng)站 青島網(wǎng)站制作 微信小程序 robots 青島海洋投資集團(tuán) 網(wǎng)站制作 青島輪胎網(wǎng)站設(shè)計(jì)公司 手機(jī)網(wǎng)站建設(shè) 微官網(wǎng) 營(yíng)銷型網(wǎng)站 互聯(lián)網(wǎng) 手機(jī)網(wǎng)站 舒適的界面 海信網(wǎng)絡(luò)科技