干貨推薦|Web、PC客戶(hù)端和移動(dòng)端APP設(shè)計(jì)自檢表(附思維導(dǎo)圖源文件下載)
在進(jìn)行功能設(shè)計(jì)的時(shí)候,有一個(gè)List的清單可以幫助我們更好更完整地設(shè)計(jì)產(chǎn)品功能。今天作者@不知 辛苦數(shù)天整理了一份產(chǎn)品設(shè)計(jì)用的設(shè)計(jì)自檢表。推薦各位收藏。
最近整理了一份設(shè)計(jì)自檢表,適用于Web、PC客戶(hù)端和移動(dòng)終端APP設(shè)計(jì),主要用來(lái)在做產(chǎn)品設(shè)計(jì)的時(shí)候檢查設(shè)計(jì)內(nèi)容的完整性,盡量考慮不同環(huán)境下產(chǎn)品的交互,同時(shí)補(bǔ)充一些做產(chǎn)品設(shè)計(jì)時(shí)容易忽視的細(xì)節(jié)。
思考的過(guò)程比較發(fā)散,可能還是會(huì)有一些遺漏的細(xì)節(jié),會(huì)在后續(xù)不斷完善,也歡迎大家借鑒和吐槽。
一、顯示
1. 屏幕
說(shuō)明:
在PC端的Web或PC客戶(hù)端設(shè)計(jì),需要考慮屏幕的分辨率不同而呈現(xiàn)不同的設(shè)計(jì)效果,對(duì)于一些Web的實(shí)現(xiàn)方式不同,還需要考慮不同屏幕尺寸下的顯示效果。PC端還存在調(diào)整窗口大小等操作,這種情況下是否需要對(duì)頁(yè)面布局進(jìn)行調(diào)整?如何調(diào)整?都是需要根據(jù)產(chǎn)品的實(shí)際情況綜合考慮的問(wèn)題。
而移動(dòng)終端也同樣需要考慮分辨率的問(wèn)題,除此以外就是支持橫屏還是豎屏?是否支持兩種屏幕方向的切換?若支持切換,布局如何調(diào)整?
2. 內(nèi)容加載
在做Demo的時(shí)候,往往會(huì)按照常規(guī)的內(nèi)容加載量在做,但是不要忘記初始和無(wú)限大這兩種極限的情況哦!
二、網(wǎng)絡(luò)
說(shuō)明:
網(wǎng)絡(luò)這塊考慮的四個(gè)方向之間其實(shí)存在著一定的關(guān)聯(lián)性,大家在不同的網(wǎng)速、網(wǎng)絡(luò)環(huán)境下可能會(huì)選擇不同的加載方式和數(shù)據(jù)傳輸方式。目前來(lái)說(shuō),這里提到的藍(lán)牙已經(jīng)幾乎不再用于在文件等內(nèi)容的傳輸了,而更多是用在做一些智能硬件的適配上。而VPN在To C的設(shè)計(jì)場(chǎng)景中幾乎不會(huì)出現(xiàn),在To B的設(shè)計(jì)中才有可能偶爾需要考慮一下。
三、操作
說(shuō)明:
幾種設(shè)計(jì)平臺(tái)的設(shè)計(jì)模式各有不同,比較容易忽視的主要是一些狀態(tài)保持、快捷鍵操作。
四、輸入
說(shuō)明:
輸入需要從輸入的格式、方式、校驗(yàn)幾個(gè)角度考慮,不僅包含手動(dòng)輸入,還有文件上傳等,在移動(dòng)終端上,輸入的方式更加多樣。
五、流程
說(shuō)明:
在實(shí)際的設(shè)計(jì)中,會(huì)有單獨(dú)的業(yè)務(wù)流程設(shè)計(jì),這里只是簡(jiǎn)單提一下比較容易忽視的幾點(diǎn),也就是當(dāng)前狀態(tài)的顯示、加載內(nèi)容的方式、操作的反饋。
六、狀態(tài)
說(shuō)明:
這塊整理得比較零碎,主要是目前想到的一些情境下,需要考慮相關(guān)交互的設(shè)計(jì)呈現(xiàn)
此處連接可能包含連接服務(wù)器或連接用戶(hù)的情況,而不僅僅是網(wǎng)絡(luò)連接,比如QQ視頻也是一種連接
七、緩存
緩存需要考慮2個(gè)問(wèn)題:
- 何時(shí)更新緩存?
- 何時(shí)清除緩存?
這里需要考慮手動(dòng)和自動(dòng)的機(jī)制
八、特定條件觸發(fā)
說(shuō)明:
這一塊是指在一些特定條件下觸發(fā)的操作,比如賬號(hào)注冊(cè)、多次驗(yàn)證賬號(hào)密碼失敗、支付等,或是點(diǎn)擊到一些特殊格式的內(nèi)容。
特定條件觸發(fā)的操作也是比較發(fā)散的命題,需要后續(xù)完善。
總結(jié):
以上內(nèi)容均為本人思考整理,并以思維導(dǎo)圖的方式放在了百度云上,Mindjet格式的源文件見(jiàn)下方鏈接:
作者鏈接:http://pan.baidu.com/s/1bfAtx8 ?密碼: aa77
官方鏈接:http://pan.baidu.com/s/1i3O1rs5
本文由 @不知 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
666,很干
感謝大佬!
作者是一個(gè)測(cè)試,不是產(chǎn)品吧?
確實(shí)是產(chǎn)品。。。
網(wǎng)盤(pán)地址已失效,再分享一次吧
官方鏈接那個(gè)網(wǎng)盤(pán)還可以下哦,內(nèi)容是一樣的
作者您好,謝謝您的整理,可以留個(gè)微信或者郵箱聯(lián)系方式嗎?
? 微信公眾號(hào) 不知,ID是 a_half_infinite
產(chǎn)品小白,在此鞠躬致謝
對(duì)于小白的我覺(jué)得非常受用,備注提示不能轉(zhuǎn)載,表示尊敬作者所以沒(méi)轉(zhuǎn)載
正準(zhǔn)備自己寫(xiě)一份,正好與作者比對(duì)一下。 ??
哈哈,我倒是覺(jué)得很有用,好想轉(zhuǎn),備注提示不能轉(zhuǎn),好不開(kāi)心