一曰“點(diǎn)”：每個(gè)控件本身屬性和觸發(fā)方式;

舉例：比如一個(gè)輸入框，本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態(tài)等，而觸發(fā)方式需要考慮切換焦點(diǎn)到輸入框內(nèi)和如何離開等(這里的控件不一定是輸入框，可能是按鈕， 也可能是文字鏈接等等等)，第一要點(diǎn)，是希望交互設(shè)計(jì)師們，先仔細(xì)的思考清楚每個(gè)控件的本身和存在價(jià)值。

二曰“地”：主要控件觸發(fā)后本地交互校驗(yàn);

舉例：繼續(xù)拿注冊(cè)頁面來看，假設(shè)第一步頁面是手機(jī)號(hào)的校驗(yàn)，在點(diǎn)擊下一步時(shí)，其實(shí)交互上沒有第一時(shí)間和服務(wù)器端做連接，而是先對(duì)手機(jī)號(hào)的輸入框做了一次本地校驗(yàn)，校驗(yàn)的是輸入框內(nèi)的數(shù)字是否滿11位，開頭是否為三大運(yùn)營商號(hào)段等，這次校驗(yàn)，就叫本地校驗(yàn)。

三曰“面”：頁面本身的主題或主流程目標(biāo);

舉例：任何一個(gè)頁面，都是為了一個(gè)或多個(gè)目標(biāo)而存在的，哪怕如會(huì)員中心首頁這類聚合頁，它的目標(biāo)是聚合和承載，以及快速的鏈接各個(gè)功能點(diǎn)，第三要點(diǎn)，說的就是在交互設(shè)計(jì)時(shí)，當(dāng)你研究清楚每個(gè)控件本身和空間之間關(guān)系后，需要著重思考的是，這個(gè)頁面本身的目的是什么?文案和信息結(jié)構(gòu)，以及控件，是否可以清楚的暗示或明示用戶按你設(shè)計(jì)的走下去，并達(dá)到目標(biāo)?比如注冊(cè)頁面這類目的比較唯一的流程型交互流，我們要做的是，確保用戶可以輕松和準(zhǔn)確的一步步向下，不要中斷、返回和跳出，這樣的交互思考下，交互的輕重強(qiáng)弱，自然隨著第三點(diǎn)頁面主題而清晰明了。

四曰“天”：本地校驗(yàn)成功之后服務(wù)端校驗(yàn)。

舉例：多拉轟的第五要點(diǎn)!和地面部隊(duì)交鋒成功后，我們終于迎來的最后一步，向服務(wù)器提交，也就是和服務(wù)器端做交互，交互類型包括很多，如注冊(cè)就屬于表單的提交和校驗(yàn)，服務(wù)器一旦校驗(yàn)完成，就是反饋結(jié)果和允許跳轉(zhuǎn)，同時(shí)提交的表單會(huì)被記錄到相應(yīng)的數(shù)據(jù)庫中，整個(gè)交互的目的也就真正的完成了。

在這個(gè)終點(diǎn)到來之前，交互設(shè)計(jì)師們，千萬謹(jǐn)記，這一步看似簡單，其實(shí)兇險(xiǎn)萬分，要充分考慮各種情況下的校驗(yàn)反饋，如傳遞到一般斷網(wǎng)了?注冊(cè)成功返回時(shí)服務(wù)器崩潰了?注冊(cè)時(shí)顯示有問題?等等等，同時(shí)要考慮在各種情況下，是停留在本地， 還是跳轉(zhuǎn)，或者增加一些引導(dǎo)提示幫助找回狀態(tài)，所以和“天”溝通，實(shí)則不易，千萬不要功敗垂成!

五曰“連”：控件和控件之間的關(guān)系和交互;

舉例：最常見的比如注冊(cè)界面，用戶協(xié)議，復(fù)選框沒有勾選同意時(shí)，注冊(cè)提交按鈕是灰色不可點(diǎn)狀態(tài)，第二要點(diǎn)，說的就是控件與控件之間的先后、從屬、交互關(guān)系。

網(wǎng)站欄目：網(wǎng)站建設(shè)交互式設(shè)計(jì)的“點(diǎn)、地、面、天、連”！
網(wǎng)站地址：http://www.js-pz168.com/news/689.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、電子商務(wù)、網(wǎng)站設(shè)計(jì)公司、外貿(mào)建站、網(wǎng)站排名、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)