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

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

盡可能減少步驟

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

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

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

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

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

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

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

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

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

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

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

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

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

預(yù)測用戶的需求

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

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

用戶希望找到合適的交通工具前往某地，此款應(yīng)用程序為此而生。程序在打開時會自動定 位(Localisation)、尋找公共汽車車站、提供公共汽車即將到站的時間等相關(guān)信息。

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

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

快捷方式

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

快捷方式可以直接顯示在屏幕上，或者藏在后臺，通過操作手勢現(xiàn)身并激 活。隱藏的快捷方式往往更吸引人，因為它不會帶來任何視覺上的負(fù)擔(dān)——不必 顯示按鍵!但這種方法也有缺點：相對來說，隱藏的快捷方式可發(fā)現(xiàn)性很低，用 戶很難找到。

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

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

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

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

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

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

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

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

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

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

避免過度保護(hù)

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

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

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