2015-6-9 周周
藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
每一個扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里
作為交互設(shè)計(jì)師的你,可能會聽產(chǎn)品經(jīng)理說過:“我們的產(chǎn)品支付成功率很低,很多用戶下了單,但沒有完成付款,好郁悶?!被蚴恰奥牭接脩舴答佌f很難用,操作很復(fù)雜,我該怎么辦?” 今天就來介紹幾個簡化復(fù)雜操作的好方法 >>>
下面你要做的,就是要簡化復(fù)雜的操作流程。
人們在處理信息、學(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è)定的時間能夠響就可以了。而在使用第二款時會覺得簡單明了,很容易操作。
每一個過程都有其固有的復(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)行操作。
在Google Map中,如果用戶想查詢線路,就一定要輸入起點(diǎn)和終點(diǎn),這是無法省略的過程。但是在查詢路線時,Google Map會利用定位功能自動將起點(diǎn)定位為“我的位置”,減少用戶的操作。
其實(shí)將復(fù)雜操作轉(zhuǎn)移給系統(tǒng),就是讓機(jī)器變得更智能,這是科技發(fā)展以來人們一直在做的一件事。無論是記錄用戶名和密碼、自動識別用戶IP所在的城市、自動補(bǔ)全等常見的交互設(shè)計(jì)細(xì)節(jié),還是Google Glass智能眼鏡、可以自動駕駛的智能汽車等高科技產(chǎn)品,都是增加了工程師的工作量,將復(fù)雜轉(zhuǎn)移給系統(tǒng),來讓軟件變得更加簡單好用,讓數(shù)以萬計(jì)的用戶減少額外的付出。
回憶一下,幾年前我們是怎樣使用手機(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é)果搜索出來?!斑x中—右鍵復(fù)制—新建窗口—打開網(wǎng)站—粘貼—搜索”這一復(fù)雜的過程就變成了“選中—右鍵點(diǎn)擊Google搜索”,只需兩步輕松完成任務(wù)。
上學(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ù)。
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)品。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://yvirxh.cn