藍(lán)藍(lán)設(shè)計(jì)( m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：優(yōu)設(shè)網(wǎng)

 如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

作為交互設(shè)計(jì)師的你，可能會(huì)聽(tīng)產(chǎn)品經(jīng)理說(shuō)過(guò)：“我們的產(chǎn)品支付成功率很低，很多用戶(hù)下了單，但沒(méi)有完成付款，好郁悶?！被蚴恰奥?tīng)到用戶(hù)反饋說(shuō)很難用，操作很復(fù)雜，我該怎么辦？” 今天就來(lái)介紹幾個(gè)簡(jiǎn)化復(fù)雜操作的好方法 >>>

下面你要做的，就是要簡(jiǎn)化復(fù)雜的操作流程。

1、減少冗余步驟和干擾項(xiàng)

人們?cè)谔幚硇畔?、學(xué)習(xí)規(guī)程和記憶細(xì)節(jié)方面的能力是有限的，選項(xiàng)越多，步驟越長(zhǎng)，用戶(hù)需要耗費(fèi)的注意力和理解力就越多。一個(gè)人面臨的選擇越多，所需要做出決策的時(shí)間就越長(zhǎng)。復(fù)雜的操作流程，也往往來(lái)源于冗余的步驟和干擾項(xiàng)。

下圖分別是微信付款和支付寶付款的界面。兩個(gè)界面都是讓用戶(hù)輸入六位數(shù)密碼，唯一的區(qū)別就在于支付寶在輸入密碼后，要點(diǎn)擊一下確定才能支付，而微信輸入密碼后直接支付。雖然只是一個(gè)操作上小小差異，但在感受上，還是會(huì)覺(jué)得微信的體驗(yàn)更流暢。

多一次操作，意味著多一次注意力的轉(zhuǎn)移，減少一個(gè)不必要的步驟，會(huì)讓用戶(hù)操作起來(lái)覺(jué)得輕松很多。

還有這么一個(gè)例子：一位哥倫比亞大學(xué)教授在一個(gè)超級(jí)市場(chǎng)設(shè)立了一個(gè)免費(fèi)品嘗的展位。在第一個(gè)星期六，提供了24種口味的果醬供人們品嘗，而另一個(gè)周六則僅提供6種口味。出人意料的是，在有24種口味的展示上，有60％的顧客停在了展位并參與了免費(fèi)品嘗活動(dòng)，在他們中有3%的人購(gòu)買(mǎi)了商品；在只有6種口味的展示中，有40%的顧客參與了免費(fèi)品嘗活動(dòng)，但在這些人中卻有30%的人購(gòu)買(mǎi)了產(chǎn)品。后者的轉(zhuǎn)換率是前者的10倍！

提供很多選項(xiàng)看似可以給用戶(hù)更多選擇，讓他們可以掌控局面，但如果超過(guò)了一定的界限，特別是在很多選擇都很類(lèi)似的情況下，反而會(huì)給用戶(hù)帶來(lái)負(fù)擔(dān)。

下圖為兩款鬧鐘應(yīng)用，一款提供了非常強(qiáng)大的功能，在設(shè)置鬧鐘時(shí)可以有多種重復(fù)方式：每天、每周的某些日子、每周的某些日子和第N組節(jié)假日、僅第N組節(jié)假日、每隔N日、每月的某一日、每月第N周的某日……另一款只是簡(jiǎn)單的讓用戶(hù)選擇每周幾重復(fù)。如果是你，會(huì)喜歡哪款呢？

設(shè)置第一款鬧鐘時(shí)我?guī)缀跻偟簦绱硕嗟倪x項(xiàng)讓我無(wú)所適從，操作效率大大降低了。我根本搞不清楚“每周的某些日子和第N組節(jié)假日”是什么意思，也不覺(jué)得把鬧鐘設(shè)置為“起床鬧鐘”、“午睡鬧鐘”、“下班鬧鐘”有什么意義，只要它在設(shè)定的時(shí)間能夠響就可以了。而在使用第二款時(shí)會(huì)覺(jué)得簡(jiǎn)單明了，很容易操作。

2、將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)

每一個(gè)過(guò)程都有其固有的復(fù)雜性，無(wú)論在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)還是在用戶(hù)與產(chǎn)品的交互環(huán)節(jié)，這一固有的復(fù)雜度都無(wú)法依照我們的意愿消失，只能設(shè)法調(diào)整、平衡。復(fù)雜性存在一個(gè)臨界點(diǎn)，超過(guò)了這個(gè)點(diǎn)，過(guò)程就無(wú)法再簡(jiǎn)化了，你只能將固有的復(fù)雜性從一個(gè)地方轉(zhuǎn)移到另一個(gè)地方。比如想要做菜就一定要洗菜切菜，這個(gè)復(fù)雜過(guò)程是無(wú)法跳過(guò)的，但我們也可以購(gòu)買(mǎi)洗好切好的蔬菜，將復(fù)雜轉(zhuǎn)移給商家。

在交互設(shè)計(jì)中，如果已經(jīng)到了這個(gè)臨界點(diǎn)怎么辦？我們可以將復(fù)雜操作從用戶(hù)轉(zhuǎn)移給系統(tǒng)，讓機(jī)器代替用戶(hù)進(jìn)行操作。

在Google Map中，如果用戶(hù)想查詢(xún)線(xiàn)路，就一定要輸入起點(diǎn)和終點(diǎn)，這是無(wú)法省略的過(guò)程。但是在查詢(xún)路線(xiàn)時(shí)，Google Map會(huì)利用定位功能自動(dòng)將起點(diǎn)定位為“我的位置”，減少用戶(hù)的操作。

其實(shí)將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)，就是讓機(jī)器變得更智能，這是科技發(fā)展以來(lái)人們一直在做的一件事。無(wú)論是記錄用戶(hù)名和密碼、自動(dòng)識(shí)別用戶(hù)IP所在的城市、自動(dòng)補(bǔ)全等常見(jiàn)的交互設(shè)計(jì)細(xì)節(jié)，還是Google Glass智能眼鏡、可以自動(dòng)駕駛的智能汽車(chē)等高科技產(chǎn)品，都是增加了工程師的工作量，將復(fù)雜轉(zhuǎn)移給系統(tǒng)，來(lái)讓軟件變得更加簡(jiǎn)單好用，讓數(shù)以萬(wàn)計(jì)的用戶(hù)減少額外的付出。

3、簡(jiǎn)化操作方式

回憶一下，幾年前我們是怎樣使用手機(jī)的？想要選擇一個(gè)功能，需要用“方向鍵”上下左右來(lái)回移動(dòng)，當(dāng)焦點(diǎn)移動(dòng)到要選擇的功能時(shí)，再按下“確認(rèn)鍵”。而現(xiàn)在，我們使用智能手機(jī)時(shí)，想要選擇哪個(gè)應(yīng)用，只需直接用手指點(diǎn)擊就可以了，操作流程大大簡(jiǎn)化了。

以前我們?cè)跒g覽網(wǎng)頁(yè)時(shí)，看到一個(gè)想去了解更多的詞會(huì)怎樣呢？我在一篇文章中看到一本書(shū)，叫做《超級(jí)整理術(shù)》，我并不清楚這本書(shū)講了什么內(nèi)容，想去了解一下。于是我選中這幾個(gè)字，點(diǎn)擊鼠標(biāo)右鍵復(fù)制，在瀏覽器中新建一個(gè)標(biāo)簽頁(yè)，打開(kāi)Google，在搜索欄中右鍵粘貼，點(diǎn)擊搜索按鈕。經(jīng)過(guò)這一系列的操作之后，我終于在搜索結(jié)果頁(yè)中看到關(guān)于這本書(shū)的簡(jiǎn)介、評(píng)價(jià)、購(gòu)買(mǎi)信息等等。其實(shí)這整個(gè)過(guò)程也只是會(huì)耗費(fèi)幾十秒的時(shí)間，操作起來(lái)并不會(huì)覺(jué)得太難。直到有一天，我在使用Chrome瀏覽器的時(shí)候發(fā)現(xiàn)，在復(fù)制操作的下方，有一個(gè)“用Google搜索‘xxx’”的選項(xiàng)，只需點(diǎn)擊這一選項(xiàng)，瀏覽器就會(huì)自動(dòng)彈出一個(gè)標(biāo)簽頁(yè)，把我要的結(jié)果搜索出來(lái)?！斑x中—右鍵復(fù)制—新建窗口—打開(kāi)網(wǎng)站—粘貼—搜索”這一復(fù)雜的過(guò)程就變成了“選中—右鍵點(diǎn)擊Google搜索”，只需兩步輕松完成任務(wù)。

4、優(yōu)化操作過(guò)程

上學(xué)的時(shí)候，每次使用學(xué)校教務(wù)處系統(tǒng)都是一種煎熬。當(dāng)我填完一個(gè)長(zhǎng)長(zhǎng)的表單，認(rèn)真核實(shí)所填的學(xué)生信息，填好驗(yàn)證碼，點(diǎn)擊提交后，突然系統(tǒng)提示驗(yàn)證碼填寫(xiě)錯(cuò)誤，之前填寫(xiě)的項(xiàng)被全部清空了。我要再次返工填寫(xiě)表單，這次會(huì)比第一次更加小心翼翼，生怕填錯(cuò)一個(gè)選項(xiàng)，但是填完后又出現(xiàn)彈出框，告知我填寫(xiě)學(xué)號(hào)需要區(qū)分大小寫(xiě)，關(guān)掉錯(cuò)誤提示后又是一次清空……

操作中得不到反饋，發(fā)生錯(cuò)誤后重新填寫(xiě)，比操作流程的冗余更加可怕。這些細(xì)節(jié)的不足，也增加了操作的復(fù)雜性。用戶(hù)本來(lái)只需填寫(xiě)一次表單，在填寫(xiě)錯(cuò)誤時(shí)只需修改一個(gè)選項(xiàng)，可是由于設(shè)計(jì)的不足，用戶(hù)需要反復(fù)填寫(xiě)兩次甚至三次表單，這也大大增加了操作的復(fù)雜性。界面中各種小細(xì)節(jié)的不足，就像公路上的減速帶，會(huì)降低用戶(hù)的效率。

提供合適的首選項(xiàng)、適時(shí)幫助、及時(shí)反饋、提供合理的默認(rèn)值，等等這些細(xì)節(jié)的優(yōu)化，可以幫助用戶(hù)防止出錯(cuò)，使他們能夠更快更順暢地完成任務(wù)。

iOS在更新系統(tǒng)時(shí)，會(huì)提前檢測(cè)用戶(hù)的電量，如果電量不足以支撐完成更新，會(huì)提示用戶(hù)將iPad插上電源再來(lái)更新。試想一下，如果沒(méi)有這個(gè)提醒會(huì)怎樣呢？用戶(hù)花費(fèi)了大量的時(shí)間下載更新，在安裝到一半時(shí)因?yàn)闆](méi)電而關(guān)機(jī)，用戶(hù)需要連接電源再次重新更新。更新的過(guò)程雖然沒(méi)有冗余步驟，但因?yàn)槿鄙兕A(yù)先提示而導(dǎo)致的重復(fù)操作也會(huì)使操作流程變復(fù)雜。

因?yàn)楹?jiǎn)化復(fù)雜操作流程而獲益的產(chǎn)品比比皆是：快捷支付使得很多支付類(lèi)應(yīng)用的支付成功率大大提高；手機(jī)快速注冊(cè)、使用其他社交網(wǎng)站賬號(hào)登錄也使很多網(wǎng)站的注冊(cè)轉(zhuǎn)化率提升很多。如果一款產(chǎn)品以簡(jiǎn)化為初衷進(jìn)行交互設(shè)計(jì)，給用戶(hù)一個(gè)簡(jiǎn)便直接的操作流程，用戶(hù)必然會(huì)喜歡你的產(chǎn)品。