• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)站設(shè)計(jì)：如何讓交互設(shè)計(jì)更加簡化？

網(wǎng)站設(shè)計(jì)：如何讓交互設(shè)計(jì)更加簡化？

網(wǎng)站工程師 于2016-08-14 18:24發(fā)表 閱讀次數(shù) 2701次

作為青島網(wǎng)站建設(shè)交互設(shè)計(jì)師的你，可能會聽產(chǎn)品經(jīng)理說過：“我們的產(chǎn)品支付成功率很低，很多用戶下了單，但沒有完成付款，好郁悶。”或是“聽到用戶反饋說很難用，操作很復(fù)雜，我該怎么辦？”今天就來介紹幾個簡化復(fù)雜的操作流。 　　1、將復(fù)雜操作轉(zhuǎn)移給系統(tǒng) 　　每一個過程都有其固有的復(fù)雜性，無論在產(chǎn)品開發(fā)環(huán)節(jié)還是在用戶與產(chǎn)品的交互環(huán)節(jié)，這一固有的復(fù)雜度都無法依照我們的意愿消失，只能設(shè)法調(diào)整、平衡。復(fù)雜性存在一個臨界點(diǎn)，超過了這個點(diǎn)，過程就無法再簡化了，你只能將固有的復(fù)雜性從一個地方轉(zhuǎn)移到另一個地方。比如想要做菜就一定要洗菜切菜，這個復(fù)雜過程是無法跳過的，但我們也可以購買洗好切好的蔬菜，將復(fù)雜轉(zhuǎn)移給商家。 　　在交互設(shè)計(jì)中，如果已經(jīng)到了這個臨界點(diǎn)怎么辦？我們可以將復(fù)雜操作從用戶轉(zhuǎn)移給系統(tǒng)，讓機(jī)器代替用戶進(jìn)行操作。 　　在GoogleMap中，如果用戶想查詢線路，就一定要輸入起點(diǎn)和終點(diǎn)，這是無法省略的過程。但是在查詢路線時，GoogleMap會利用定位功能自動將起點(diǎn)定位為“我的位置”，減少用戶的操作。 　　其實(shí)將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)，就是讓機(jī)器變得更智能，這是科技發(fā)展以來人們一直在做的一件事。無論是記錄用戶名和密碼、自動識別用戶IP所在的城市、自動補(bǔ)全等常見的交互設(shè)計(jì)細(xì)節(jié)，還是GoogleGlass智能眼鏡、可以自動駕駛的智能汽車等高科技產(chǎn)品，都是增加了工程師的工作量，將復(fù)雜轉(zhuǎn)移給系統(tǒng)，來讓軟件變得更加簡單好用，讓數(shù)以萬計(jì)的用戶減少額外的付出。 　　2、減少冗余步驟和干擾項(xiàng) 　　人們在處理信息、學(xué)習(xí)規(guī)程和記憶細(xì)節(jié)方面的能力是有限的，選項(xiàng)越多，步驟越長，用戶需要耗費(fèi)的注意力和理解力就越多。一個人面臨的選擇越多，所需要做出決策的時間就越長。復(fù)雜的操作流程，也往往來源于冗余的步驟和干擾項(xiàng)。 　　下圖分別是微信付款和支付寶付款的界面。兩個界面都是讓用戶輸入六位數(shù)密碼，唯一的區(qū)別就在于支付寶在輸入密碼后，要點(diǎn)擊一下確定才能支付，而微信輸入密碼后直接支付。雖然只是一個操作上小小差異，但在感受上，還是會覺得微信的體驗(yàn)更流暢。 　　多一次操作，意味著多一次注意力的轉(zhuǎn)移，減少一個不必要的步驟，會讓用戶操作起來覺得輕松很多。 　　還有這么一個例子：一位哥倫比亞大學(xué)教授在一個超級市場設(shè)立了一個免費(fèi)品嘗的展位。在第一個星期六，提供了24種口味的果醬供人們品嘗，而另一個周六則僅提供6種口味。出人意料的是，在有24種口味的展示上，有60％的顧客停在了展位并參與了免費(fèi)品嘗活動，在他們中有3%的人購買了商品；在只有6種口味的展示中，有40%的顧客參與了免費(fèi)品嘗活動，但在這些人中卻有30%的人購買了產(chǎn)品。后者的轉(zhuǎn)換率是前者的10倍！ 　　提供很多選項(xiàng)看似可以給用戶更多選擇，讓他們可以掌控局面，但如果超過了一定的界限，特別是在很多選擇都很類似的情況下，反而會給用戶帶來負(fù)擔(dān)。 　　下圖為兩款鬧鐘應(yīng)用，一款提供了非常強(qiáng)大的功能，在設(shè)置鬧鐘時可以有多種重復(fù)方式：每天、每周的某些日子、每周的某些日子和第N組節(jié)假日、僅第N組節(jié)假日、每隔N日、每月的某一日、每月第N周的某日……另一款只是簡單的讓用戶選擇每周幾重復(fù)。如果是你，會喜歡哪款呢？ 　　設(shè)置第一款鬧鐘時我?guī)缀跻偟?，如此多的選項(xiàng)讓我無所適從，操作效率大大降低了。我根本搞不清楚“每周的某些日子和第N組節(jié)假日”是什么意思，也不覺得把鬧鐘設(shè)置為“起床鬧鐘”、“午睡鬧鐘”、“下班鬧鐘”有什么意義，只要它在設(shè)定的時間能夠響就可以了。而在使用第二款時會覺得簡單明了，很容易操作。 　　3、簡化操作方式 　　回憶一下，幾年前我們是怎樣使用手機(jī)的？想要選擇一個功能，需要用“方向鍵”上下左右來回移動，當(dāng)焦點(diǎn)移動到要選擇的功能時，再按下“確認(rèn)鍵”。而現(xiàn)在，我們使用智能手機(jī)時，想要選擇哪個應(yīng)用，只需直接用手指點(diǎn)擊就可以了，操作流程大大簡化了。 　　以前我們在瀏覽網(wǎng)頁時，看到一個想去了解更多的詞會怎樣呢？我在一篇文章中看到一本書，叫做《超級整理術(shù)》，我并不清楚這本書講了什么內(nèi)容，想去了解一下。于是我選中這幾個字，點(diǎn)擊鼠標(biāo)右鍵復(fù)制，在瀏覽器中新建一個標(biāo)簽頁，打開Google，在搜索欄中右鍵粘貼，點(diǎn)擊搜索按鈕。經(jīng)過這一系列的操作之后，我終于在搜索結(jié)果頁中看到關(guān)于這本書的簡介、評價、購買信息等等。其實(shí)這整個過程也只是會耗費(fèi)幾十秒的時間，操作起來并不會覺得太難。直到有一天，我在使用Chrome瀏覽器的時候發(fā)現(xiàn)，在復(fù)制操作的下方，有一個“用Google搜索‘xxx’”的選項(xiàng)，只需點(diǎn)擊這一選項(xiàng)，瀏覽器就會自動彈出一個標(biāo)簽頁，把我要的結(jié)果搜索出來。“選中—右鍵復(fù)制—新建窗口—打開網(wǎng)站—粘貼—搜索”這一復(fù)雜的過程就變成了“選中—右鍵點(diǎn)擊Google搜索”，只需兩步輕松完成任務(wù)。 　　4、優(yōu)化操作過程 　　上學(xué)的時候，每次使用學(xué)校教務(wù)處系統(tǒng)都是一種煎熬。當(dāng)我填完一個長長的表單，認(rèn)真核實(shí)所填的學(xué)生信息，填好驗(yàn)證碼，點(diǎn)擊提交后，突然系統(tǒng)提示驗(yàn)證碼填寫錯誤，之前填寫的項(xiàng)被全部清空了。我要再次返工填寫表單，這次會比第一次更加小心翼翼，生怕填錯一個選項(xiàng)，但是填完后又出現(xiàn)彈出框，告知我填寫學(xué)號需要區(qū)分大小寫，關(guān)掉錯誤提示后又是一次清空…… 　　操作中得不到反饋，發(fā)生錯誤后重新填寫，比操作流程的冗余更加可怕。這些細(xì)節(jié)的不足，也增加了操作的復(fù)雜性。用戶本來只需填寫一次表單，在填寫錯誤時只需修改一個選項(xiàng)，可是由于設(shè)計(jì)的不足，用戶需要反復(fù)填寫兩次甚至三次表單，這也大大增加了操作的復(fù)雜性。界面中各種小細(xì)節(jié)的不足，就像公路上的減速帶，會降低用戶的效率。 　　提供合適的首選項(xiàng)、適時幫助、及時反饋、提供合理的默認(rèn)值，等等這些細(xì)節(jié)的優(yōu)化，可以幫助用戶防止出錯，使他們能夠更快更順暢地完成任務(wù)。 　　蘋果系統(tǒng)iOS在更新系統(tǒng)時，會提前檢測用戶的電量，如果電量不足以支撐完成更新，會提示用戶將iPad插上電源再來更新。試想一下，如果沒有這個提醒會怎樣呢？用戶花費(fèi)了大量的時間下載更新，在安裝到一半時因?yàn)闆]電而關(guān)機(jī)，用戶需要連接電源再次重新更新。更新的過程雖然沒有冗余步驟，但因?yàn)槿鄙兕A(yù)先提示而導(dǎo)致的重復(fù)操作也會使操作流程變復(fù)雜。 　　因?yàn)楹喕瘡?fù)雜操作流程而獲益的產(chǎn)品比比皆是：快捷支付使得很多支付類應(yīng)用的支付成功率大大提高；手機(jī)快速注冊、使用其他社交網(wǎng)站賬號登錄也使很多網(wǎng)站的注冊轉(zhuǎn)化率提升很多。如果一款產(chǎn)品以簡化為初衷進(jìn)行交互設(shè)計(jì)，給用戶一個簡便直接的操作流程，用戶必然會喜歡你的產(chǎn)品。

網(wǎng)站設(shè)計(jì)：如何讓交互設(shè)計(jì)更加簡化？相關(guān)標(biāo)簽：開發(fā)網(wǎng)站，網(wǎng)站推廣，網(wǎng)站設(shè)計(jì)公司，制作網(wǎng)站

相關(guān)熱點(diǎn)推薦

個人主頁作用 什么是CSS＋DIV及 網(wǎng)站定位整合及欄目設(shè)計(jì) 青島高端網(wǎng)站設(shè)計(jì)公司哪 動態(tài)網(wǎng)頁對SEO的影響 論企業(yè)網(wǎng)站設(shè)計(jì)的10個 青島海信寬帶多媒體再次 如何提高網(wǎng)站轉(zhuǎn)換率的設(shè) 企業(yè)建站關(guān)鍵注意事項(xiàng) 企業(yè)如何建站 網(wǎng)頁設(shè)計(jì)流行趨勢解讀 一名視覺設(shè)計(jì)師對于網(wǎng)站 我們還需要“面包屑”嗎 外貿(mào)企業(yè)網(wǎng)站建設(shè)方案及 在制作網(wǎng)站的時候我們幫 進(jìn)一步優(yōu)化網(wǎng)站，減少百 網(wǎng)站布局有講究 怎樣做個簡單的小網(wǎng)站 企業(yè)建站十大理由 首頁代碼規(guī)范 網(wǎng)站建設(shè)之美觀與營銷需 企業(yè)建站的盈利模式及網(wǎng) 一起關(guān)注2015年如何 新創(chuàng)建的網(wǎng)站如何讓百度 讓訪客信任你的十二大網(wǎng) 密碼保護(hù)信息的用戶體驗(yàn) 青島做外貿(mào)網(wǎng)站建設(shè)哪家 如何才能短期內(nèi)提高網(wǎng)站 習(xí)慣是一件很可怕的事， 網(wǎng)頁制作,改變你的思維 網(wǎng)站制作前的充分準(zhǔn)備會 搜索引擎訪問網(wǎng)站返回碼 中小企業(yè)建網(wǎng)站要多少錢 細(xì)節(jié)決定成敗與web用 如何設(shè)計(jì)網(wǎng)頁橫幅 網(wǎng)頁設(shè)計(jì)中的中英文字體 網(wǎng)站(100-1)%的 DIV+CSS布局網(wǎng)頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶