熱門標(biāo)簽
- 四排山網(wǎng)站設(shè)計(jì)
- 大囫圇網(wǎng)站建設(shè)公司
- 揚(yáng)州網(wǎng)站開發(fā)公司
- 河順外貿(mào)網(wǎng)站建設(shè)
- 哪個(gè)平面設(shè)計(jì)網(wǎng)站素材最多
- 外國極簡網(wǎng)站設(shè)計(jì)
- 何源網(wǎng)站推廣
- 渠黎網(wǎng)站制作公司
- 甘南網(wǎng)頁設(shè)計(jì)
- 平面設(shè)計(jì)網(wǎng)站案例圖片
- 隨州網(wǎng)站制作
- 大王寨制作網(wǎng)頁
- 松埡網(wǎng)頁設(shè)計(jì)
- 大水坑網(wǎng)頁設(shè)計(jì)
- 《營銷型網(wǎng)站界面的設(shè)計(jì)》書籍
- 漩坪營銷型網(wǎng)站建設(shè)
- 敘永鎮(zhèn)網(wǎng)站開發(fā)公司
- 開原街道網(wǎng)站制作公司
- 磴口做網(wǎng)站
- 平甸營銷型網(wǎng)站建設(shè)
熱文推薦
- 網(wǎng)站優(yōu)化如何通過內(nèi)容營銷獲得銷售…
- 網(wǎng)站設(shè)計(jì)的基本原則有哪些?
- 深圳APP開發(fā)經(jīng)驗(yàn)分享:為什么你的…
- 常見的網(wǎng)絡(luò)營銷難題你都攻克了嗎?…
- 丹東企業(yè)如何建立營銷網(wǎng)站建設(shè)?
- 搭建優(yōu)質(zhì)的網(wǎng)站需要考慮哪些問題?…
- 如何為你的品牌尋找破壞性的機(jī)會(huì)
- 深圳網(wǎng)站制作|企業(yè)網(wǎng)站制作的基本…
- 初期的網(wǎng)站建設(shè)需要注意哪些問題?…
- 選擇建設(shè)app,還是選擇手機(jī)端網(wǎng)站…
交互設(shè)計(jì)“五字訣”-深圳網(wǎng)站設(shè)計(jì)
2018/1/19 11:19:00 來源:網(wǎng)站建設(shè)公司
內(nèi)容摘要:送給交互新人們的“五字訣”
1.送給交互新人們的“五字訣”:
一曰“點(diǎn)”:每個(gè)控件本身屬性和觸發(fā)方式;
舉例:比如一個(gè)輸入框,本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態(tài)等,而觸發(fā)方式需要考慮切換焦點(diǎn)到輸入框內(nèi)和如何離開等(這里的控件不一定是輸入框,可能是按鈕,也可能是文字鏈接等等等),要點(diǎn),是希望交互設(shè)計(jì)師們,先仔細(xì)的思考清楚每個(gè)控件的本身和存在價(jià)值。
二曰“連”:控件和控件之間的關(guān)系和交互;
舉例:常見的比如注冊界面,用戶協(xié)議,復(fù)選框沒有勾選同意時(shí),注冊提交按鈕是灰色不可點(diǎn)狀態(tài),第二要點(diǎn),說的就是控件與控件之間的先后、從屬、交互關(guā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)?比如注冊頁面這類目的比較的流程型交互流,我們要做的是,確保用戶可以輕松和準(zhǔn)確的一步步向下,不要中斷、返回和跳出,這樣的交互思考下,交互的輕重強(qiáng)弱,自然隨著第三點(diǎn)頁面主題而清晰明了。
四曰“地”:主要控件觸發(fā)后本地交互校驗(yàn);
舉例:繼續(xù)拿注冊頁面來看,假設(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)。
為何設(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ù)器端做交互,交互類型包括很多,如注冊就屬于表單的提交和校驗(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)了?注冊成功返回時(shí)服務(wù)器崩潰了?注冊時(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í)方法,是在日常生活中,任何場景下,觀察身邊的一切,去思考他們或者它們背后的邏輯和原因。
比如家附近新開了一家燒臘店,觀主在出門次看到時(shí),就思考了很多問題,比如它為什么是個(gè)燒臘店?它的客戶是誰?真正的客戶會(huì)是誰?它的客戶復(fù)購率如何?它的產(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ù),有什么比生活更好的老師嗎?
http://ezekroy.com/jianzhanzhishi/6546.html 交互設(shè)計(jì)“五字訣”-深圳網(wǎng)站設(shè)計(jì)
特別聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:0755-85297058;郵箱:2295772445#qq.com (#替換成@)。