宝贝过来趴好张开腿让我看看_欧美日韩在线视频一区_国产婷婷成人久久AV免费高清_亚洲AV午夜成人片精品网站

News & Events

新聞動態

所在位置：

首頁新聞動態行業動態交互(hu)設計(ji)“五字(zi)訣(jue)”

交互設計“五字訣”

時間：2018-01-20 00:00:00瀏覽次數：2090



　　1.送給(gei)交互新人們(men)的(de)“五字訣(jue)”：


　　一曰“點”：每個控件本身屬性和觸(chu)發方式；

　　舉例：比如一(yi)(yi)個輸(shu)(shu)入(ru)框(kuang)，本身屬性需要考(kao)(kao)慮可(ke)輸(shu)(shu)入(ru)的(de)字段類型(xing)、長度和輸(shu)(shu)入(ru)前中后的(de)視(shi)覺(jue)形態等(deng)，而觸(chu)發方式需要考(kao)(kao)慮切換焦點到輸(shu)(shu)入(ru)框(kuang)內和如何離開等(deng)（這里(li)的(de)控件不一(yi)(yi)定是(shi)輸(shu)(shu)入(ru)框(kuang)，可(ke)能是(shi)按鈕，也(ye)可(ke)能是(shi)文字鏈接等(deng)等(deng)等(deng)），第(di)一(yi)(yi)要點，是(shi)希望交(jiao)互(hu)設(she)計師們，先仔細的(de)思考(kao)(kao)清楚每個控件的(de)本身和存在價值。

　　二曰(yue)“連”：控(kong)(kong)件和控(kong)(kong)件之間(jian)的(de)關系和交互；

　　舉例：最常見的(de)比如注(zhu)冊(ce)(ce)界面，用(yong)戶協議，復選框沒有勾選同意時(shi)，注(zhu)冊(ce)(ce)提交按鈕是(shi)灰(hui)色不可點狀態，第(di)二要點，說的(de)就(jiu)是(shi)控件與控件之間的(de)先(xian)后(hou)、從屬、交互(hu)關系。

　　三曰“面(mian)”：頁面(mian)本(ben)身的主(zhu)題或主(zhu)流(liu)程(cheng)目(mu)標；

　　舉例：任何一個頁(ye)面(mian)，都是(shi)為了一個或多個目(mu)標(biao)而存(cun)在的(de)，哪怕如(ru)會員中(zhong)心首(shou)頁(ye)這(zhe)類(lei)聚(ju)合(he)頁(ye)，它的(de)目(mu)標(biao)是(shi)聚(ju)合(he)和(he)(he)承載，以(yi)及快速的(de)鏈(lian)接各個功能點，第(di)三(san)要點，說(shuo)的(de)就是(shi)在交互設(she)計時，當你研究清楚每(mei)個控件本身和(he)(he)空間之間關(guan)系(xi)后，需要著(zhu)重思(si)考(kao)的(de)是(shi)，這(zhe)個頁(ye)面(mian)本身的(de)目(mu)的(de)是(shi)什(shen)么(me)？文案和(he)(he)信息結構，以(yi)及控件，是(shi)否可以(yi)清楚的(de)暗示或明示用戶按你設(she)計的(de)走下(xia)(xia)去，并達到(dao)目(mu)標(biao)？比(bi)如(ru)注冊頁(ye)面(mian)這(zhe)類(lei)目(mu)的(de)比(bi)較唯一的(de)流(liu)程型交互流(liu)，我們要做(zuo)的(de)是(shi)，確保用戶可以(yi)輕松(song)和(he)(he)準確的(de)一步步向下(xia)(xia)，不要中(zhong)斷、返回和(he)(he)跳(tiao)出，這(zhe)樣的(de)交互思(si)考(kao)下(xia)(xia)，交互的(de)輕重強弱，自然隨著(zhu)第(di)三(san)點頁(ye)面(mian)主題(ti)而清晰(xi)明了。

　　四曰“地”：主要控件觸發后本地交互校(xiao)驗；

　　舉例：繼續拿注冊頁面來看(kan)，假設第一步頁面是(shi)手(shou)(shou)機號(hao)的校驗(yan)，在點擊下一步時，其實(shi)交(jiao)互上沒有(you)第一時間和服務器端做連接，而(er)是(shi)先對手(shou)(shou)機號(hao)的輸(shu)入框做了一次(ci)本地校驗(yan)，校驗(yan)的是(shi)輸(shu)入框內(nei)的數字是(shi)否滿11位，開頭是(shi)否為三大(da)運營商號(hao)段等，這次(ci)校驗(yan)，就叫本地校驗(yan)。

　　為何設置本地(di)校(xiao)驗(yan)？

　　降低不(bu)必(bi)要(yao)服務(wu)器(qi)交互(hu)成(cheng)本；

　　提(ti)升交互(hu)出(chu)錯時的(de)反饋速度。

　　所以，第四要點(dian)告訴大家的就是，在(zai)交互設(she)計時(shi)，一(yi)些涉及向服務器交互的重(zhong)要按鈕（動作），或者一(yi)些可以在(zai)輸(shu)入(ru)完就做判(pan)斷(duan)的輸(shu)入(ru)內容(rong)，可以先(xian)在(zai)本地做一(yi)次(ci)校(xiao)驗，而不(bu)是一(yi)股腦的塞給服務器去判(pan)斷(duan)，服務器和(he)程(cheng)序猿(yuan)哥哥都不(bu)喜(xi)歡這樣的孩(hai)子。

　　五曰“天”：本地校驗成功(gong)之(zhi)后服務端校驗。

　　舉例：多(duo)拉轟的第五要點！和(he)(he)地(di)面部隊交(jiao)鋒成(cheng)功后(hou)，我們終于迎(ying)來的最后(hou)一步，向服務(wu)器(qi)提(ti)交(jiao)，也(ye)就(jiu)是(shi)和(he)(he)服務(wu)器(qi)端(duan)做交(jiao)互(hu)，交(jiao)互(hu)類型包括很多(duo)，如注冊就(jiu)屬于表(biao)單(dan)的提(ti)交(jiao)和(he)(he)校驗，服務(wu)器(qi)一旦校驗完(wan)成(cheng)，就(jiu)是(shi)反(fan)饋結果和(he)(he)允許跳轉，同時(shi)提(ti)交(jiao)的表(biao)單(dan)會(hui)被記錄到相應的數(shu)據庫中(zhong)，整個交(jiao)互(hu)的目的也(ye)就(jiu)真正的完(wan)成(cheng)了。

　　在(zai)這(zhe)個(ge)終點到來之前，交互設(she)計(ji)師(shi)們，千(qian)萬(wan)謹記，這(zhe)一(yi)步看似簡單，其實兇險(xian)萬(wan)分，要充分考(kao)慮(lv)各種情(qing)況下的校(xiao)驗反饋(kui)，如傳遞(di)到一(yi)般斷網(wang)了？注(zhu)冊(ce)成功返回(hui)時(shi)服務器崩潰了？注(zhu)冊(ce)時(shi)顯示有問題(ti)？等(deng)等(deng)等(deng)，同時(shi)要考(kao)慮(lv)在(zai)各種情(qing)況下，是(shi)(shi)停留在(zai)本地，還(huan)是(shi)(shi)跳(tiao)轉(zhuan)，或者增(zeng)加一(yi)些引導提示幫(bang)助找回(hui)狀態，所以(yi)和“天”溝通(tong)，實則不(bu)(bu)易，千(qian)萬(wan)不(bu)(bu)要功敗垂成！

　　最(zui)后(hou)，來(lai)個(ge)口訣串起來(lai)，別(bie)說觀主土，觀主酷愛武(wu)俠，和馬云粑粑一樣！

　　口訣：兩(liang)點一(yi)連就(jiu)(jiu)是(shi)(shi)線，多線一(yi)合就(jiu)(jiu)是(shi)(shi)面(mian)，換(huan)面(mian)還(huan)須先入(ru)地(di)，上(shang)天(tian)實則最兇(xiong)險！（呦西(xi)，還(huan)押韻了。。。）

　　這個(ge)武俠BI裝(zhuang)的(de)不錯，自(zi)我評價99分，多1分怕驕(jiao)傲！不說了(le)，馬云粑粑要來幼兒園接藕了(le)！

　　2.觀主是如何學習產品和交互的？

　　多做，多想，多錯，多改。

　　觀(guan)主(zhu)這7年多(duo)的(de)職業生涯，只看了兩(liang)本(ben)半的(de)書，無數的(de)產品經理問過這個問題(ti)，也追問了是哪兩(liang)本(ben)書，在這里(li)分享下書名(ming)《體(ti)驗經濟》、《星巴克(ke)體(ti)驗》，還半本(ben)《一(yi)路(lu)向前》。

　　觀主(zhu)不是(shi)學院派出身(shen)，任何理(li)論知(zhi)識，你們聽著新鮮的原因(yin)(yin)，是(shi)因(yin)(yin)為都是(shi)自己總結的，書上沒(mei)出現過，頂(ding)多雷同，所以你們聽著新鮮，哈哈哈。

　　觀主這七年(nian)，剛(gang)畢業時(shi)是文(wen)案策劃，一路做(zuo)到現在(zai)(zai)，無非(fei)在(zai)(zai)重復一個流程：上去干(gan)(gan)(gan)，干(gan)(gan)(gan)不(bu)了想，干(gan)(gan)(gan)錯了改，改完以(yi)后不(bu)犯，下(xia)次繼續直接上去干(gan)(gan)(gan)！

　　如(ru)果非(fei)說有(you)什么(me)不同，觀主可能更信奉兩(liang)點(dian)：“一千次空想(xiang)不如(ru)一次實干”，上面的流(liu)程就是(shi)最好佐證，另外一點(dian)就是(shi)“道(dao)法自然”，觀主畢竟是(shi)道(dao)家的嘛，所以法天法地(di)法萬物。

　　觀主的(de)(de)學(xue)習方法，是在日常生活中，任何場景(jing)下，觀察(cha)身邊的(de)(de)一切(qie)，去(qu)思考(kao)他們或者它(ta)們背后的(de)(de)邏輯和(he)原因。

　　比(bi)如(ru)家附(fu)近新開了一家燒臘(la)(la)店，觀(guan)主在出(chu)門(men)第一次看到時(shi)，就思考(kao)了很多問題，比(bi)如(ru)它(ta)為(wei)什(shen)么是(shi)(shi)個(ge)燒臘(la)(la)店？它(ta)的客戶(hu)是(shi)(shi)誰(shui)？真正(zheng)的客戶(hu)會是(shi)(shi)誰(shui)？它(ta)的客戶(hu)復購率(lv)如(ru)何(he)？它(ta)的產品應該如(ru)何(he)定(ding)(ding)位和定(ding)(ding)價？如(ru)果我是(shi)(shi)老板如(ru)何(he)增加銷(xiao)量？等(deng)(deng)(deng)等(deng)(deng)(deng)等(deng)(deng)(deng)，一大堆問題。

　　又比如(ru)，今(jin)晚(wan)在星(xing)巴克買咖啡(fei)時，看到亂(luan)哄(hong)哄(hong)的吧臺，觀主就思考了很多點，比如(ru)：咖啡(fei)師在做巧克力(li)原漿時，是否可(ke)以拿到里面去做？避免制作過程的不(bu)拘小節被用戶看到等(deng)等(deng)。
400-0592-888

15周年(nian)慶鉅惠活動，免費(fei)獲取報(bao)價方案請(qing)致(zhi)電(dian)400-0592-888或(huo)提交(jiao)留(liu)言，我(wo)們馬上(shang)為(wei)您服務！

廈門
廈門市思明區軟件園二期望海路19號之二3層
泉州
泉州晉江市青陽泉安中路與湖光路交叉處嘉誠商廈10層
        版權所有?廈門會心信息科技有限公司    網站地圖
導航