這是一個(gè)新的系列，爭(zhēng)取每天能做一個(gè)小的交互案例的設(shè)計(jì)，不僅分享設(shè)計(jì)產(chǎn)物，還會(huì)講講設(shè)計(jì)的思路。今天的內(nèi)容是關(guān)于電話功能的設(shè)計(jì)。
第一次做這種練習(xí)，先是通過腦暴在紙上寫下所有想到的東西，包括功能點(diǎn)，邏輯關(guān)系，要特別注意的東西等，字太丑，這里就不上圖了。然后就整理寫下的東西，一開始思路不是很清晰，嘗試過從撥打者，接聽者的角度來整理，但其實(shí)接聽的功能和撥打電話基本差不多，也嘗試過直接走一遍打電話的流程，比如輸入、撥打、保存等，然后每個(gè)節(jié)點(diǎn)再繼續(xù)細(xì)分，比如輸入可以是直接輸入，也可以是從聯(lián)系人輸入等。但是發(fā)現(xiàn)，本身打電話的流程并不復(fù)雜，反而是其他節(jié)點(diǎn)的細(xì)化很多，這樣一來從主流程到次級(jí)流程的層級(jí)就太多了，不好設(shè)計(jì)。
總之嘗試了各種思路，最后是以打出電話作為一個(gè)目標(biāo)完成的標(biāo)志，然后從通話記錄，聯(lián)系人，撥號(hào)面板這三方面來整理，具體看下圖。
思路整理完就準(zhǔn)備開始畫線框圖了，畫之前要明確需要表現(xiàn)出什么東西。我是想畫出來的東西可以給同事看，可以討論改進(jìn)的，那就是要表現(xiàn)出流程和頁面布局，一些無關(guān)的細(xì)節(jié)可以先放著，視覺方面也不用太糾結(jié)。還是直接來看我畫的圖吧。
過程我比較糾結(jié)的是每一個(gè)頁面要放多少東西，最后的思路大概是這樣，首先按照“通話記錄”“撥號(hào)面板”“聯(lián)系人”三個(gè)大的標(biāo)簽分類，然后對(duì)應(yīng)的一級(jí)頁面就放該標(biāo)簽的主頁面，一些小的變化，比如彈出窗口，進(jìn)入編輯模式等就直接在這里用箭頭標(biāo)出，如果是跳轉(zhuǎn)到其他標(biāo)簽下的頁面，就直接寫明跳轉(zhuǎn)到哪里即可。
這也就意味著，如果一個(gè)頁面有很多個(gè)來源，即可以從其他多個(gè)頁面跳轉(zhuǎn)過來，就最好獨(dú)立開來，放在一個(gè)子頁面中。像上面的撥號(hào)中，編輯聯(lián)系人等。
第一次練習(xí)，主要精力放在了工具的使用以及一些基本的思路方面，設(shè)計(jì)方案本身沒有仔細(xì)地考慮，也沒有什么亮點(diǎn)，下次繼續(xù)提高。大家有什么想法歡迎提出來，本人新手一枚，請(qǐng)多多指教。
最后，有興趣的可以看看我的axure文件，點(diǎn)擊這里下載。
