十年專注于品牌網站建設 十余年專注于網站建設_小程序開發_APP開發,低調、敢創新、有情懷!
      南昌百恒網絡微信公眾號 掃一掃關注
      小程序
      tel-icon全國服務熱線:400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡微信小程序

      百恒網絡

      南昌百恒網絡

      在APP設計中通過以下五種方式避免用戶不要的點擊

      百恒網絡 2017-01-02 6786

      隨著生活節奏加快,人們對效率的要求不斷增大,首先體現在使用環境方面。用戶在使用移動終 端時要在時間上承受更大的壓力:用戶一秒鐘時間都不能浪費,而且隨時有被打 斷使用的風險。接下來由南昌APP開發公司百恒網絡前端工程師向大家介紹通過以下五種方式避免用戶不要的點擊,也希望大家提供更好的設計方案共同學習共同進步。

      優化效率的首要反應是去掉所有無用功。以下幾種方法可以幫助用戶減輕負擔,省去可以避免的操作。

      盡可能減少步驟

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

      盡可能減少步驟

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

      盡可能減少步驟

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

      盡可能減少步驟

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

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

      預測用戶的需求

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

      盡可能減少步驟

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

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

      保護用戶避免犯錯

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

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

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

      保護用戶避免犯錯

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

      預測用戶的需求

      為了減少用戶花費的精力,設計者必須充分了解用戶的目標和特點。想要提 高效率,不能單憑遵守大眾化規則。設計者有必要仔細研究用戶的使用習慣,讓 移動應用最大限度地符合用戶的實際需要。

      ● 設計者要站在用戶的立場上,從用戶的生活環境出發:用戶可能處于怎樣 的使用環境?怎樣讓應用使用起來更加方便?

      預測用戶的需求

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

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

      ● 設計者需要根據應用程序的特點,預測用戶使用頻率最高的功能。

      快捷方式

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

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

      清單列表往往配備快捷方式,用戶不必進入每一項細節頁面,能更快完成操 作。以下幾條建議或許能幫你設計出成功的快捷方式。

      ● 第一,仔細選擇為哪些功能可以創建快捷方式:快捷方式必須指向重要的 核心功能和用戶偏愛的功能。濫用快捷方式就談不上快捷了!

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

      ● 第三,如果選擇采用操作手勢激活,快捷方式的可發現性會降低。設計者 需要考慮如何讓用戶學會這種操作手勢。第五章將介紹如何達到這一目的。

      ● 第四,對可視快捷方式來說,點擊元素應當盡量不擾亂屏幕上的其他元 素,不能與相關產品的描述內容產生競爭,所以,快捷方式按鍵應該采用 簡單明了的圖形設計。

      ● 最后,設計者用快捷方式指向某項功能的同時,必須讓用戶可以通過相關 的細節頁面執行同一功能。

      快捷方式

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

      給予反饋,而不是強迫確認

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

      給予反饋,而不是強迫確認

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

      避免過度保護

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

      避免過度保護

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

      本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣技人員有所幫助。原創文章出自:南昌APP開發公司-百恒網絡 http://www.dgscpc.com/app/index.html 如轉載請注明出處!

      400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡小程序

      歡迎您的光顧,我們將竭誠為您服務×

      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售后服務 售后服務
       
      售后服務 售后服務
       
      備案專線 備案專線
       
      ×
      www.国产精品.com| 久久亚洲精品无码VA大香大香| 日韩精品一区二区三区毛片| 国产精品线在线精品国语| 亚洲国产成人精品无码区花野真一 | 国内精品51视频在线观看| 国产高清在线精品一本大道国产 | 亚洲国产精品久久久久婷婷软件| 最新国产精品精品视频| 国产精品亚洲w码日韩中文| 高清在线亚洲精品国产二区| 日韩一级在线播放| 久久国产日韩精华液的功效| 日韩性公交车上xxhd| 亚洲日韩人妻第一页| 中文字幕日韩高清| 无码中文字幕日韩专区视频| 日韩人妻无码精品系列| 亚洲AV日韩精品一区二区三区| 国产乱人伦app精品久久| 国产精品无码无片在线观看3D| 日韩精品免费电影| 国产手机精品视频| 永久免费无码日韩视频| 一本大道无码日韩精品影视_| 久久精品无码一区二区日韩AV| 国产偷国产偷亚洲高清日韩| 一区二区三区日韩精品| 亚洲一日韩欧美中文字幕在线| 2020无码专区人妻系列日韩| 日韩放荡少妇无码视频| 精品人妻中文无码AV在线| www.午夜精品| 精品无码久久久久久久久久| 久久亚洲精品无码播放| 2022国产精品自在线拍国产 | 亚洲精品无码久久久久秋霞| 99热亚洲色精品国产88| 无码人妻精品一区二区蜜桃| 精品国产一区二区三区久| 国产在线国偷精品产拍|