干貨推薦|Web、PC客戶(hù)端和移動(dòng)端APP設(shè)計(jì)自檢表(附思維導(dǎo)圖源文件下載)

12 評(píng)論 38393 瀏覽 748 收藏 6 分鐘

在進(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)容加載

顯示-內(nèi)容加載

在做Demo的時(shí)候,往往會(huì)按照常規(guī)的內(nèi)容加載量在做,但是不要忘記初始和無(wú)限大這兩種極限的情況哦!

二、網(wǎng)絡(luò)

網(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)

狀態(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ā)

特定條件觸發(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)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 666,很干

    來(lái)自浙江 回復(fù)
  2. 感謝大佬!

    來(lái)自廣東 回復(fù)
  3. 作者是一個(gè)測(cè)試,不是產(chǎn)品吧?

    來(lái)自安徽 回復(fù)
    1. 確實(shí)是產(chǎn)品。。。

      來(lái)自上海 回復(fù)
  4. 網(wǎng)盤(pán)地址已失效,再分享一次吧

    來(lái)自廣東 回復(fù)
    1. 官方鏈接那個(gè)網(wǎng)盤(pán)還可以下哦,內(nèi)容是一樣的

      來(lái)自上海 回復(fù)
  5. 作者您好,謝謝您的整理,可以留個(gè)微信或者郵箱聯(lián)系方式嗎?

    來(lái)自上海 回復(fù)
    1. ? 微信公眾號(hào) 不知,ID是 a_half_infinite

      來(lái)自上海 回復(fù)
  6. 產(chǎn)品小白,在此鞠躬致謝

    來(lái)自四川 回復(fù)
  7. 對(duì)于小白的我覺(jué)得非常受用,備注提示不能轉(zhuǎn)載,表示尊敬作者所以沒(méi)轉(zhuǎn)載

    來(lái)自廣東 回復(fù)
  8. 正準(zhǔn)備自己寫(xiě)一份,正好與作者比對(duì)一下。 ??

    來(lái)自上海 回復(fù)
    1. 哈哈,我倒是覺(jué)得很有用,好想轉(zhuǎn),備注提示不能轉(zhuǎn),好不開(kāi)心

      來(lái)自廣東 回復(fù)