隨著生活節(jié)奏加快，人們對(duì)效率的要求不斷增大，首先體現(xiàn)在使用環(huán)境方面。用戶在使用移動(dòng)終 端時(shí)要在時(shí)間上承受更大的壓力：用戶一秒鐘時(shí)間都不能浪費(fèi)，而且隨時(shí)有被打 斷使用的風(fēng)險(xiǎn)。接下來(lái)由南昌APP開(kāi)發(fā)公司百恒網(wǎng)絡(luò)前端工程師向大家介紹通過(guò)以下五種方式避免用戶不要的點(diǎn)擊，也希望大家提供更好的設(shè)計(jì)方案共同學(xué)習(xí)共同進(jìn)步。

優(yōu)化效率的首要反應(yīng)是去掉所有無(wú)用功。以下幾種方法可以幫助用戶減輕負(fù)擔(dān)，省去可以避免的操作。

盡可能減少步驟

為了提高移動(dòng)應(yīng)用的使用效率，應(yīng)該減少用戶達(dá)到目標(biāo)所需要的步驟。不要 迫使用戶本采取可以避免的操作，如果有別的選擇，為何非要多點(diǎn)擊一次?

用戶想要看測(cè)試結(jié)果或者看自己贏了還是輸了，但屏幕上沒(méi)有任何提示。用戶必須先點(diǎn)擊 “挑戰(zhàn)”(Défis)，再點(diǎn)擊“結(jié)果”(Résultat)才能看到測(cè)試結(jié)果的相關(guān)信息。而實(shí)際上， 用戶只對(duì)結(jié)果本身感興趣。

在這兩款應(yīng)用程序中，用戶都可以拍攝視頻和照片，或者添加照片。SE LOGER(下圖) 采用一個(gè)專門(mén)頁(yè)面處理媒體問(wèn)題。而COUPLE(上圖)則默認(rèn)最常用的方式是拍攝照片， 于是用照相機(jī)的圖標(biāo)表示默認(rèn)照相功能。兩款應(yīng)用程序在拍攝照片、視頻或者添加照片時(shí) 所需的時(shí)間相同，但在 COUPLE 上進(jìn)行拍攝會(huì)更加迅速，為用戶節(jié)省了時(shí)間。

為了把商品放入購(gòu)物籃里，用戶必須點(diǎn)擊兩次。對(duì)于一款食品電商的應(yīng)用程序來(lái)講，這種 做法效率太低。可以想象，用戶很可能產(chǎn)生誤會(huì)：點(diǎn)擊左下角“我要購(gòu)買(mǎi)”(Je veux!)按 鍵后，用戶以為已經(jīng)把商品放入了購(gòu)物籃，可實(shí)際上這個(gè)操作只打開(kāi)了商品的細(xì)節(jié)頁(yè)面， 用戶需要再次點(diǎn)擊“加入購(gòu)物籃”(Ajouter au panier)后才完成操作。用戶會(huì)產(chǎn)生兩次購(gòu) 買(mǎi)了相同商品的錯(cuò)覺(jué)。

如果設(shè)計(jì)者能確定用戶肯定需要一個(gè)元素，應(yīng)當(dāng)盡量以最少的操作步驟提供 給他。以下例子來(lái)自應(yīng)用程序 LE BON COIN，但在安卓系統(tǒng)也十分常見(jiàn)。如果 我們能直接猜到用戶的需求，為何要讓他多費(fèi)力呢?

用戶如果希望記錄搜索內(nèi)容，必須首先為其命名。但頁(yè)面并沒(méi)有直接給出鍵盤(pán)，只有在點(diǎn) 擊“標(biāo)題”(Titre)輸入?yún)^(qū)域后，鍵盤(pán)才會(huì)出現(xiàn)。大家都知道，所有希望使用該功能的用 戶都必然會(huì)用到鍵盤(pán)，點(diǎn)擊輸入?yún)^(qū)域后才能調(diào)出鍵盤(pán)，這完全屬于畫(huà)蛇添足。

很明顯，所有用戶都需要使用 “呼叫出租車(chē)”(Commander votre taxi)按鍵。但用戶在打 開(kāi)應(yīng)用程序時(shí)卻看不到這一按鍵，必須下拉頁(yè)面后才能看到。

當(dāng)然，減少操作步驟的設(shè)計(jì)原則要謹(jǐn)慎使用：不顧一切地尋求高效，可能會(huì) 犯下錯(cuò)誤，比如因?yàn)樾枰@示的功能太多，導(dǎo)致登錄頁(yè)面的時(shí)間過(guò)長(zhǎng)。其實(shí)，一 切決定都需要權(quán)衡利弊，精心挑選能夠優(yōu)化人機(jī)交互操作的功能，至于那些不太 重要的選項(xiàng)和功能，沒(méi)有必要安置在最前方。

保護(hù)用戶避免犯錯(cuò)

每次點(diǎn)擊都很重要，所以用戶需要盡可能不犯錯(cuò)誤。導(dǎo)航方面的錯(cuò)誤無(wú)疑會(huì) 讓瀏覽過(guò)程更加煩瑣：用戶要嘗試其他路徑，效率必然降低。設(shè)計(jì)者應(yīng)通過(guò)添加 說(shuō)明文字、合理安排頁(yè)面、保證人機(jī)交互順暢無(wú)阻等方法，正確引導(dǎo)用戶。

設(shè)計(jì)者在導(dǎo)航設(shè)計(jì)上多花些心思，能有效保護(hù)用戶避免犯錯(cuò)。我在前一章已經(jīng) 討論過(guò)這個(gè)問(wèn)題。但請(qǐng)注意：設(shè)計(jì)者一定要自己實(shí)際操作一遍，檢驗(yàn)一下實(shí)際情況 和心中的原有設(shè)想是否相符!在設(shè)計(jì)者眼中很明顯的事情對(duì)用戶來(lái)說(shuō)未必如此。不 要忘記，人機(jī)交互在移動(dòng)終端上非常迅速，用戶會(huì)不假思索地操作，錯(cuò)誤屢見(jiàn)不鮮。

這里談到的“錯(cuò)誤”指的不一定是嚴(yán)重錯(cuò)誤。很多情況下，用戶甚至并沒(méi) 有意識(shí)到自己犯了錯(cuò)，因?yàn)樗呀?jīng)習(xí)慣了為達(dá)到目的嘗試多種方法的操作策略。 然而，這些錯(cuò)誤讓操作速度減慢，導(dǎo)致效率降低。

如果用戶沒(méi)有在表格中填寫(xiě)任何搜索標(biāo)準(zhǔn)，右上方的圖標(biāo)就是最明顯的行為召喚。然 而，此處的圖標(biāo)表示“保存”。由于缺少其他明顯的圖標(biāo)，用戶往往會(huì)點(diǎn)擊“保存”圖標(biāo)， 因?yàn)檫@一圖標(biāo)所處的位置讓人誤以為是“搜索”。實(shí)際上，是表格的形式導(dǎo)致了用戶犯 錯(cuò)——彈出的鍵盤(pán)擋住了“搜索”按鍵!

預(yù)測(cè)用戶的需求

為了減少用戶花費(fèi)的精力，設(shè)計(jì)者必須充分了解用戶的目標(biāo)和特點(diǎn)。想要提 高效率，不能單憑遵守大眾化規(guī)則。設(shè)計(jì)者有必要仔細(xì)研究用戶的使用習(xí)慣，讓 移動(dòng)應(yīng)用最大限度地符合用戶的實(shí)際需要。

● 設(shè)計(jì)者要站在用戶的立場(chǎng)上，從用戶的生活環(huán)境出發(fā)：用戶可能處于怎樣 的使用環(huán)境?怎樣讓?xiě)?yīng)用使用起來(lái)更加方便?

用戶希望找到合適的交通工具前往某地，此款應(yīng)用程序?yàn)榇硕３绦蛟诖蜷_(kāi)時(shí)會(huì)自動(dòng)定 位(Localisation)、尋找公共汽車(chē)車(chē)站、提供公共汽車(chē)即將到站的時(shí)間等相關(guān)信息。

● 研究用戶行為，并讓?xiě)?yīng)用程序適應(yīng)用戶行為。設(shè)計(jì)者經(jīng)常會(huì)對(duì)研究結(jié)果大 吃一驚，由此獲得的設(shè)計(jì)靈感在付諸實(shí)踐后貌似顯而易見(jiàn)，但如果我們閉 門(mén)造車(chē)，很多思路根本想不到!

● 設(shè)計(jì)者需要根據(jù)應(yīng)用程序的特點(diǎn)，預(yù)測(cè)用戶使用頻率最高的功能。

快捷方式

有一種簡(jiǎn)單方法可以提高用戶效率——為用戶最喜歡的功能創(chuàng)建快捷方式。 尤其在用戶經(jīng)常使用該功能的情況下，快捷方式更顯實(shí)用。

快捷方式可以直接顯示在屏幕上，或者藏在后臺(tái)，通過(guò)操作手勢(shì)現(xiàn)身并激 活。隱藏的快捷方式往往更吸引人，因?yàn)樗粫?huì)帶來(lái)任何視覺(jué)上的負(fù)擔(dān)——不必 顯示按鍵!但這種方法也有缺點(diǎn)：相對(duì)來(lái)說(shuō)，隱藏的快捷方式可發(fā)現(xiàn)性很低，用 戶很難找到。

清單列表往往配備快捷方式，用戶不必進(jìn)入每一項(xiàng)細(xì)節(jié)頁(yè)面，能更快完成操 作。以下幾條建議或許能幫你設(shè)計(jì)出成功的快捷方式。

● 第一，仔細(xì)選擇為哪些功能可以創(chuàng)建快捷方式：快捷方式必須指向重要的 核心功能和用戶偏愛(ài)的功能。濫用快捷方式就談不上快捷了!

● 第二，選擇操作手勢(shì)還是按鍵激活快捷方式，在兩種途徑中找到平衡。不 要忘記，只有對(duì)用戶經(jīng)常反復(fù)使用的功能來(lái)說(shuō)，操作手勢(shì)的效率才更高。

● 第三，如果選擇采用操作手勢(shì)激活，快捷方式的可發(fā)現(xiàn)性會(huì)降低。設(shè)計(jì)者 需要考慮如何讓用戶學(xué)會(huì)這種操作手勢(shì)。第五章將介紹如何達(dá)到這一目的。

● 第四，對(duì)可視快捷方式來(lái)說(shuō)，點(diǎn)擊元素應(yīng)當(dāng)盡量不擾亂屏幕上的其他元 素，不能與相關(guān)產(chǎn)品的描述內(nèi)容產(chǎn)生競(jìng)爭(zhēng)，所以，快捷方式按鍵應(yīng)該采用 簡(jiǎn)單明了的圖形設(shè)計(jì)。

● 最后，設(shè)計(jì)者用快捷方式指向某項(xiàng)功能的同時(shí)，必須讓用戶可以通過(guò)相關(guān) 的細(xì)節(jié)頁(yè)面執(zhí)行同一功能。

用戶用左右滑動(dòng)手勢(shì)在郵件列表中進(jìn)行操作。對(duì)于新手來(lái)說(shuō)，以滑動(dòng)手勢(shì)激活快捷方式不 會(huì)帶來(lái)問(wèn)題：快捷方式不占據(jù)屏幕的空間，而且用戶還能通過(guò)郵件的細(xì)節(jié)頁(yè)面執(zhí)行相同操 作。同時(shí)，快捷方式可以大幅提高熟手用戶的效率。

給予反饋，而不是強(qiáng)迫確認(rèn)

在很多情況下，用戶被要求點(diǎn)擊“確認(rèn)”鍵，證實(shí)已經(jīng)閱讀過(guò)相關(guān)信息。其 實(shí)這些地方未必需要做信息確認(rèn)。如果條件允許，設(shè)計(jì)者通知用戶即可，而不是要求用戶點(diǎn)擊確認(rèn)。

舊版本要求用戶點(diǎn)擊“OK”確認(rèn)，把選中的電影院加入收藏。新版本改變了策略：表示 收藏的心形圖標(biāo)旁邊顯示了一個(gè)通知，直接告訴用戶電影院已加入了收藏。通知下方的藍(lán) 色字“從收藏中移除”(Retirer des favoris)不但提供了刪除的選擇，同時(shí)還對(duì)用戶剛剛進(jìn) 行的操作給予了積極反饋。

避免過(guò)度保護(hù)

設(shè)計(jì)者出于盡善盡美、保護(hù)用戶的本意，經(jīng)常會(huì)要求用戶確認(rèn)剛剛發(fā)出的指 令。然而在移動(dòng)終端上，這種操作讓互動(dòng)過(guò)于煩瑣。如果有可能，不必要求用戶 確認(rèn)，而是讓用戶可以返回上一步或者更正指令。在使用環(huán)境相對(duì)安全、用戶操 作失誤的后果較小的情況下，更應(yīng)該采用這條建議。

在舊版本中，刪除收藏項(xiàng)目的過(guò)程冗長(zhǎng)而煩瑣。在新版本中，程序剔除了最后的確認(rèn)步 驟，對(duì)使用也沒(méi)有產(chǎn)生任何不良影響。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌APP開(kāi)發(fā)公司-百恒網(wǎng)絡(luò) http://www.51yjwy.com/app/index.html 如轉(zhuǎn)載請(qǐng)注明出處!