建站常識
網(wǎng)站設(shè)計:如何讓交互設(shè)計更加簡化?
2016-07-28 14:12:42
作為青島網(wǎng)站建設(shè)交互設(shè)計師的你,可能會聽產(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ù)雜性存在一個臨界點,超過了這個點,過程就無法再簡化了,你只能將固有的復(fù)雜性從一個地方轉(zhuǎn)移到另一個地方。比如想要做菜就一定要洗菜切菜,這個復(fù)雜過程是無法跳過的,但我們也可以購買洗好切好的蔬菜,將復(fù)雜轉(zhuǎn)移給商家。
在交互設(shè)計中,如果已經(jīng)到了這個臨界點怎么辦?我們可以將復(fù)雜操作從用戶轉(zhuǎn)移給系統(tǒng),讓機器代替用戶進行操作。
在Google Map中,如果用戶想查詢線路,就一定要輸入起點和終點,這是無法省略的過程。但是在查詢路線時,Google Map會利用定位功能自動將起點定位為“我的位置”,減少用戶的操作。
其實將復(fù)雜操作轉(zhuǎn)移給系統(tǒng),就是讓機器變得更智能,這是科技發(fā)展以來人們一直在做的一件事。無論是記錄用戶名和密碼、自動識別用戶IP所在的城市、自動補全等常見的交互設(shè)計細節(jié),還是Google Glass智能眼鏡、可以自動駕駛的智能汽車等高科技產(chǎn)品,都是增加了工程師的工作量,將復(fù)雜轉(zhuǎn)移給系統(tǒng),來讓軟件變得更加簡單好用,讓數(shù)以萬計的用戶減少額外的付出。
2、減少冗余步驟和干擾項
人們在處理信息、學(xué)習(xí)規(guī)程和記憶細節(jié)方面的能力是有限的,選項越多,步驟越長,用戶需要耗費的注意力和理解力就越多。一個人面臨的選擇越多,所需要做出決策的時間就越長。復(fù)雜的操作流程,也往往來源于冗余的步驟和干擾項。
下圖分別是微信付款和支付寶付款的界面。兩個界面都是讓用戶輸入六位數(shù)密碼,唯一的區(qū)別就在于支付寶在輸入密碼后,要點擊一下確定才能支付,而微信輸入密碼后直接支付。雖然只是一個操作上小小差異,但在感受上,還是會覺得微信的體驗更流暢。
多一次操作,意味著多一次注意力的轉(zhuǎn)移,減少一個不必要的步驟,會讓用戶操作起來覺得輕松很多。
還有這么一個例子:一位哥倫比亞大學(xué)教授在一個超級市場設(shè)立了一個免費品嘗的展位。在第一個星期六,提供了24種口味的果醬供人們品嘗,而另一個周六則僅提供6種口味。出人意料的是,在有24種口味的展示上,有60%的顧客停在了展位并參與了免費品嘗活動,在他們中有3%的人購買了商品;在只有6種口味的展示中,有40%的顧客參與了免費品嘗活動,但在這些人中卻有30%的人購買了產(chǎn)品。后者的轉(zhuǎn)換率是前者的10倍!
提供很多選項看似可以給用戶更多選擇,讓他們可以掌控局面,但如果超過了一定的界限,特別是在很多選擇都很類似的情況下,反而會給用戶帶來負擔(dān)。
下圖為兩款鬧鐘應(yīng)用,一款提供了非常強大的功能,在設(shè)置鬧鐘時可以有多種重復(fù)方式:每天、每周的某些日子、每周的某些日子和第N組節(jié)假日、僅第N組節(jié)假日、每隔N日、每月的某一日、每月第N周的某日……另一款只是簡單的讓用戶選擇每周幾重復(fù)。如果是你,會喜歡哪款呢?
設(shè)置第一款鬧鐘時我?guī)缀跻偟?,如此多的選項讓我無所適從,操作效率大大降低了。我根本搞不清楚“每周的某些日子和第N組節(jié)假日”是什么意思,也不覺得把鬧鐘設(shè)置為“起床鬧鐘”、“午睡鬧鐘”、“下班鬧鐘”有什么意義,只要它在設(shè)定的時間能夠響就可以了。而在使用第二款時會覺得簡單明了,很容易操作。
3、簡化操作方式
回憶一下,幾年前我們是怎樣使用手機的?想要選擇一個功能,需要用“方向鍵”上下左右來回移動,當焦點移動到要選擇的功能時,再按下“確認鍵”。而現(xiàn)在,我們使用智能手機時,想要選擇哪個應(yīng)用,只需直接用手指點擊就可以了,操作流程大大簡化了。
以前我們在瀏覽網(wǎng)頁時,看到一個想去了解更多的詞會怎樣呢?我在一篇文章中看到一本書,叫做《超級整理術(shù)》,我并不清楚這本書講了什么內(nèi)容,想去了解一下。于是我選中這幾個字,點擊鼠標右鍵復(fù)制,在瀏覽器中新建一個標簽頁,打開Google,在搜索欄中右鍵粘貼,點擊搜索按鈕。經(jīng)過這一系列的操作之后,我終于在搜索結(jié)果頁中看到關(guān)于這本書的簡介、評價、購買信息等等。其實這整個過程也只是會耗費幾十秒的時間,操作起來并不會覺得太難。直到有一天,我在使用Chrome瀏覽器的時候發(fā)現(xiàn),在復(fù)制操作的下方,有一個“用Google搜索‘xxx’”的選項,只需點擊這一選項,瀏覽器就會自動彈出一個標簽頁,把我要的結(jié)果搜索出來。“選中—右鍵復(fù)制—新建窗口—打開網(wǎng)站—粘貼—搜索”這一復(fù)雜的過程就變成了“選中—右鍵點擊Google搜索”,只需兩步輕松完成任務(wù)。
4、優(yōu)化操作過程
上學(xué)的時候,每次使用學(xué)校教務(wù)處系統(tǒng)都是一種煎熬。當我填完一個長長的表單,認真核實所填的學(xué)生信息,填好驗證碼,點擊提交后,突然系統(tǒng)提示驗證碼填寫錯誤,之前填寫的項被全部清空了。我要再次返工填寫表單,這次會比第一次更加小心翼翼,生怕填錯一個選項,但是填完后又出現(xiàn)彈出框,告知我填寫學(xué)號需要區(qū)分大小寫,關(guān)掉錯誤提示后又是一次清空……
操作中得不到反饋,發(fā)生錯誤后重新填寫,比操作流程的冗余更加可怕。這些細節(jié)的不足,也增加了操作的復(fù)雜性。用戶本來只需填寫一次表單,在填寫錯誤時只需修改一個選項,可是由于設(shè)計的不足,用戶需要反復(fù)填寫兩次甚至三次表單,這也大大增加了操作的復(fù)雜性。界面中各種小細節(jié)的不足,就像公路上的減速帶,會降低用戶的效率。
提供合適的首選項、適時幫助、及時反饋、提供合理的默認值,等等這些細節(jié)的優(yōu)化,可以幫助用戶防止出錯,使他們能夠更快更順暢地完成任務(wù)。
蘋果系統(tǒng)iOS在更新系統(tǒng)時,會提前檢測用戶的電量,如果電量不足以支撐完成更新,會提示用戶將iPad插上電源再來更新。試想一下,如果沒有這個提醒會怎樣呢?用戶花費了大量的時間下載更新,在安裝到一半時因為沒電而關(guān)機,用戶需要連接電源再次重新更新。更新的過程雖然沒有冗余步驟,但因為缺少預(yù)先提示而導(dǎo)致的重復(fù)操作也會使操作流程變復(fù)雜。
因為簡化復(fù)雜操作流程而獲益的產(chǎn)品比比皆是:快捷支付使得很多支付類應(yīng)用的支付成功率大大提高;手機快速注冊、使用其他社交網(wǎng)站賬號登錄也使很多網(wǎng)站的注冊轉(zhuǎn)化率提升很多。如果一款產(chǎn)品以簡化為初衷進行交互設(shè)計,給用戶一個簡便直接的操作流程,用戶必然會喜歡你的產(chǎn)品。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-11-11 08:22:00] 基礎(chǔ)控件和交互設(shè)計元素的層級
- [2016-11-10 14:34:00] 網(wǎng)絡(luò)安全事件頻發(fā),全站HTTPS勢在必行
- [2020-10-30 09:11:58] 青島網(wǎng)站建設(shè)前期有什么必需的工作?
- [2020-06-17 09:36:30] 關(guān)于青島網(wǎng)站建設(shè)前需要注意什么?這一點很重要
- [2013-10-02 00:46:11] 織夢TAG調(diào)取相關(guān)文章
- [2010-11-25 08:34:00] 兼容心理模型和系統(tǒng)模型的交互設(shè)計
- [2010-09-06 08:19:00] 關(guān)于設(shè)計文檔的分析
- [2009-06-19 08:15:00] 用戶不會記得點了多少下
- [2009-12-19 09:51:00] 交互設(shè)計師的專業(yè)度表現(xiàn)
- [2010-02-26 21:52:00] 交互設(shè)計(10)—別讓我思考
- [2010-10-29 17:23:00] 設(shè)計模式-自動完成
- [2012-07-22 18:30:12] qq網(wǎng)頁代碼生成
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站品牌 平面設(shè)計 SEO 青島flash網(wǎng)站 青島開發(fā)區(qū)建站公司 輪胎網(wǎng)站設(shè)計 手機端的網(wǎng)站 青島網(wǎng)站設(shè)計哪家好 網(wǎng)站設(shè)計 網(wǎng)站的速度 網(wǎng)站規(guī)劃 青島網(wǎng)站SEO 交互設(shè)計 青島網(wǎng)站建設(shè) 青島高端網(wǎng)站建設(shè)公司哪家好 高端網(wǎng)站設(shè)計 青島網(wǎng)絡(luò)公司 青島網(wǎng)頁設(shè)計 集團官網(wǎng) 微官網(wǎng) 青島輪胎網(wǎng)站設(shè)計公司 網(wǎng)站建設(shè),手機網(wǎng)站 微網(wǎng)站 HTML5 企業(yè)網(wǎng)站為什么要備案 企業(yè)網(wǎng)站建設(shè) IT資訊 良好的導(dǎo)航 新的元素 青島高端網(wǎng)站設(shè)計公司哪家好