交互設(shè)計(jì)“五字訣”-網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)哪個(gè)好" />

1.送給交互新人們的“五字訣”：

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

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

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

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

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

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

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

舉例：繼續(xù)拿注冊(cè)頁(yè)面來看，假設(shè)步頁(yè)面是手機(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)營(yíng)商號(hào)段等，這次校驗(yàn)，就叫本地校驗(yàn)。

為何設(shè)置本地校驗(yàn)？

降低不必要服務(wù)器交互成本；

提升交互出錯(cuò)時(shí)的反饋速度。

所以，第四要點(diǎn)告訴大家的就是，在交互設(shè)計(jì)時(shí)，一些涉及向服務(wù)器交互的重要按鈕（動(dòng)作），或者一些可以在輸入完就做判斷的輸入內(nèi)容，可以先在本地做一次校驗(yàn)，而不是一股腦的塞給服務(wù)器去判斷，服務(wù)器和程序猿哥哥都不喜歡這樣的孩子。

五曰“天”：本地校驗(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ù)庫(kù)中，整個(gè)交互的目的也就真正的完成了。

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

后，來個(gè)口訣串起來，別說觀主土，觀主酷愛武俠，和馬云粑粑一樣！

口訣：兩點(diǎn)一連就是線，多線一合就是面，換面還須先入地，上天實(shí)則兇險(xiǎn)?。ㄟ衔鳎€押韻了。。。）

這個(gè)武俠BI裝的不錯(cuò)，自我評(píng)價(jià)99分，多1分怕驕傲！不說了，馬云粑粑要來幼兒園接藕了！

2.觀主是如何學(xué)習(xí)產(chǎn)品和交互的？

多做，多想，多錯(cuò)，多改。

觀主這7年多的職業(yè)生涯，只看了兩本半的書，無數(shù)的產(chǎn)品經(jīng)理問過這個(gè)問題，也追問了是哪兩本書，在這里分享下書名《體驗(yàn)經(jīng)濟(jì)》、《星巴克體驗(yàn)》，還半本《一路向前》。

觀主不是學(xué)院派出身，任何理論知識(shí)，你們聽著新鮮的原因，是因?yàn)槎际亲约嚎偨Y(jié)的，書上沒出現(xiàn)過，頂多雷同，所以你們聽著新鮮，哈哈哈。

觀主這七年，剛畢業(yè)時(shí)是文案策劃，一路做到現(xiàn)在，無非在重復(fù)一個(gè)流程：上去干，干不了想，干錯(cuò)了改，改完以后不犯，下次繼續(xù)直接上去干！

如果非說有什么不同，觀主可能更信奉兩點(diǎn)：“一千次空想不如一次實(shí)干”，上面的流程就是知名佐證，另外一點(diǎn)就是“道法自然”，觀主畢竟是道家的嘛，所以法天法地法萬物。

觀主的學(xué)習(xí)方法，是在日常生活中，任何場(chǎng)景下，觀察身邊的一切，去思考他們或者它們背后的邏輯和原因。

比如家附近新開了一家燒臘店，觀主在出門次看到時(shí)，就思考了很多問題，比如它為什么是個(gè)燒臘店？它的客戶是誰？真正的客戶會(huì)是誰？它的客戶復(fù)購(gòu)率如何？它的產(chǎn)品應(yīng)該如何定位和定價(jià)？如果我是老板如何增加銷量？等等等，一大堆問題。

又比如，今晚在星巴克買咖啡時(shí)，看到亂哄哄的吧臺(tái)，觀主就思考了很多點(diǎn)，比如：咖啡師在做巧克力原漿時(shí)，是否可以拿到里面去做？避免制作過程的不拘小節(jié)被用戶看到等等。

很多人老愛問這個(gè)問題，今晚統(tǒng)一作答了，后希望大家，多做生活的有心人，觀主做產(chǎn)品經(jīng)理第二年時(shí)，就愛和人說，多體會(huì)生活，懂生活就懂產(chǎn)品，那時(shí)，沒人信！現(xiàn)在，你們還不信嗎？騷年們！享受生活吧！畢竟你們的產(chǎn)品是為了生活和大眾服務(wù)，有什么比生活更好的老師嗎？

本文題目：交互設(shè)計(jì)“五字訣”-網(wǎng)站設(shè)計(jì)
當(dāng)前鏈接：http://muchs.cn/news20/177070.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、Google、網(wǎng)頁(yè)設(shè)計(jì)公司、建站公司

廣告

聲明：本網(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)