2016-11-7 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，?請(qǐng)點(diǎn)這里
交互設(shè)計(jì)是UI設(shè)計(jì)中的必不可少的一個(gè)過程，交互設(shè)計(jì)也要遵循一定的步驟，總體來說要經(jīng)歷三個(gè)階段，那么具體是哪三個(gè)階段呢？下邊是以為資深老鳥為我們帶來的他的交互經(jīng)驗(yàn)，希望對(duì)設(shè)計(jì)師們起到一定的幫助。
（1）讀文檔，明需求，多溝通，擅闡述。需求文檔類型多種多樣，無論哪種，首要任務(wù)是讀懂需求的內(nèi)容，透徹理解范圍層的含義，及相關(guān)的業(yè)務(wù)形態(tài)。把自己當(dāng)用戶代入思考，如何讓使用者快速上手，減少學(xué)習(xí)成本。一般情況下，拿到PM的需求文檔，我會(huì)先讀一遍，整理出整個(gè)文檔的架構(gòu)、要點(diǎn)、功能點(diǎn)等。記錄過程中不理解的內(nèi)容，羅列問題清單，找PM溝通。溝通的效率也很重要，我會(huì)先聽PM講完，然后用自己的話闡述一遍，助于理解。
（2）敏開發(fā)，內(nèi)容先，理結(jié)構(gòu)，畫框架。很多人習(xí)慣一上來就直接Axure畫稿。其實(shí)在設(shè)計(jì)之初，應(yīng)該遵循敏捷開發(fā)的原則，以提率少走彎路。這個(gè)時(shí)候應(yīng)該先手繪草稿，從用戶體驗(yàn)要素的角度出發(fā)就是，內(nèi)容為王，先定結(jié)構(gòu)層，界面的層級(jí)、關(guān)系，盡可能的做到結(jié)構(gòu)扁平化。定好信息架構(gòu)之后，接下來就是框架，這個(gè)階段及其重要，因?yàn)橥滤O(shè)計(jì)的幾十張乃至上百張的界面稿，都與之相關(guān)，所以要盡可能的為后面的工作所著想，其中包括了導(dǎo)航樣式、面包屑、展開、詳情跳轉(zhuǎn)、復(fù)選框、控件等等的位置以及操作的交互考慮。
（3）定方式、調(diào)細(xì)節(jié)、寫說明、查遺漏。到了這個(gè)環(huán)節(jié)，就接近交互稿的尾聲了。但越到后面越不能松懈，內(nèi)容形式不嚴(yán)謹(jǐn)，就很容易受到別人的挑戰(zhàn)。對(duì)交互稿的要求應(yīng)僅次于視覺稿像素級(jí)的要求，細(xì)節(jié)包括字體大小、行距、內(nèi)容框間距、以及圖標(biāo)的考慮。交互稿設(shè)計(jì)說明，描述要清晰，切勿使用“大概”、“可能”等不確定詞語。內(nèi)容所涉及的動(dòng)畫跳轉(zhuǎn)，顏色風(fēng)格等等都應(yīng)該全面考慮。最后值得一提的是，查遺漏。查看哪些地方忘記標(biāo)注，文字寫錯(cuò)或者是其他小的問題，交互等于嚴(yán)謹(jǐn)。
由資深老鳥分享的交互經(jīng)驗(yàn)可以看出，交互設(shè)計(jì)的方法很重要，只有多思考，思考之后再動(dòng)手，才有助于提率，保證輸出的質(zhì)量。在這里，也祝設(shè)計(jì)師們都能設(shè)計(jì)出好的交互效果。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com
