移動應用設計:應用內搜尋和業務轉化
正如上期 《移動應用設計:綜述、導航和瀏覽》中所說,導航和瀏覽自然是幫助使用者尋找到內容的關鍵功能,高效並且好用的應用內搜尋也同樣至關重要。下面這三條原則能最大限度地提高您的應用搜尋功能的價值。
應用內搜尋
6. 突出顯示搜尋控制元件
△ 左邊的搜尋框隱藏在選單選項之內,而右邊則是直接展現搜尋框,非常直白
擁有明確目標或需求的使用者通常會主動尋找搜尋的入口。相對於泛泛地瀏覽,他們常常更喜歡這樣主動的做法。沒有突出顯示搜尋框的應用程式可能會導致使用者的第一預期落空,更糟糕的是會降低他們的效率。
7. 提供有效的搜尋輔助功能
△ 左邊的搜尋索引只是簡單地使用了文字匹配,體驗十分糟糕,而右邊則能夠根據已經輸入的內容準確索引出更加相關的內容。
別指望使用者輸入的內容會像辭典一樣準確。事實上如今的使用者已經極其依賴通用的搜尋引擎來完成日常的檢索,他們自然也希望您的應用搜尋功能也能像 Google 搜尋那樣好用。 這些有用的功能包括拼寫自動更正、根詞識別、文字預測以及在使用者輸入文字時提供的建議。這些工具可以減少使用者出錯的可能性,加速搜尋過程,從而有效提高業務的轉化率。
8. 提供過濾和排序選項
△ 左邊沒有過濾及排序功能,使用者需要大量的瀏覽才能找到自己所需要的商品。右邊可以通過過濾及排序,從而幫助使用者迅速找到所需的商品。
當輸入關鍵詞搜尋,卻出現許多無關的或者過多的搜尋結果時,使用者會變得不知所措。而過濾和排序選項則可以幫助使用者對搜尋結果進行篩選和組織,否則使用者需要特別費勁地在小小的螢幕上進行大量的滾屏或翻頁操作。
業務轉化
隨著移動商務的發展,使用者在尋找、評價、瞭解和購買產品時也希望獲得更順暢的應用體驗。現在我們來告訴您如何通過流暢的使用者體驗來促進購買轉化。
9. 提供歷史搜尋和購買資訊
△ 左邊,即使是使用者搜尋過的關鍵詞,也需要重新輸入;而右邊則可以便捷地使用歷史搜尋記錄。
為使用者提供歷史搜尋記錄和最近購買資訊,以節約使用者的時間和精力。在那些使用者會進行重複搜尋及購買行為的常用應用中,這點尤其重要。
10. 允許使用者檢視和過濾其他使用者的評價資訊
△ 左邊不能過濾商品評價,右邊可以對商品評論進行排序及篩選。對想要短時間內認識這件商品的使用者來說,顯然右邊的可用性更好。
使用者的評價資訊在 “是否購買” 的決策過程中扮演著重要角色。大量的使用者評價會讓潛在的買家對正在瀏覽的產品更有信心。按評分體系整合所有評論,並且允許使用者分類及過濾,讓使用者更直觀的獲取商品的 “真實故事”。讓使用者可以瀏覽最近的、正面的甚至負面的評價,從而在短時間內建立起對這件商品的認知。已購買商品的客戶的追加評論也十分具有價值。
11. 提供商品對比功能
△ 左邊,使用者需要記住想要對比的商品以便返回檢視;右邊,使用者可以在首頁通過對比工具直接來比較商品特性。
使用者在購物時都希望可以輕鬆地在自己感興趣的產品之間進行比較。如果沒有這項功能,使用者就不得不把商品加入購物車來進行比較,或者先記住這個商品之後再來多次檢視。在網頁上,使用者當然可以通過同時開啟多個標籤頁的方式來比較不同的產品,所以對這個功能並無顯著需求。但如果應用原生就提供了比較功能的話,則可以為使用者節省這些麻煩,促進使用者做出購買決定。
12. 提供多種第三方支付選項
△ 左邊,使用者別無選擇;右邊,使用者有多種便捷的支付選擇。
使用者希望看到多種第三方支付選項。提供諸如 Android Pay、PayPal 和 Apple Pay 等支付選項的應用可以在結賬時為使用者省下填寫信用卡表單的功夫,並且可以讓使用者更有安全感。
13. 方便編輯和管理支付方式
△ 左邊,無法編輯現有支付方式或新增新的支付方式;右邊,可以編輯現有的支付方式,還可以新增新的支付方式。
簡化支付方式的新增程式及步驟是使用者所需要的。建立一個簡單的信用卡登入頁,設定數字鍵盤輸入和掃描兩種選項。同時,要確保讓使用者能夠新增多張銀行卡並在卡間進行切換。
△ 使用者可以編輯現有的支付方式,還可以新增新的支付方式。
請記住功能的設計需要遵循簡單的對稱原則 —— 有新增就有刪除,有前進就有後退,所以不要只提供單一方向的操作,畢竟您不能保證使用者的行為和您的預期完全一致。
如果您有遇見過一些 “不友好” 的設計案例,不妨分享出來讓大家引以為鑑。我們期待著在下一期連載中和大家再次探討移動應用設計!
推薦閱讀:
相關文章
- 移動應用設計:註冊和表單
- 移動應用中的流設計
- 中國移動應用設計趨勢
- 移動應用效能優化優化
- 移動應用設計:綜述、導航和瀏覽
- 如何設計移動應用引導頁
- 移動應用介面設計7宗罪
- 愛奇藝元件化設計在會員業務的應用和實踐元件化
- 應用商店優化(ASO):哪些是2021年移動應用熱搜關鍵詞優化
- 移動應用網頁設計的趨勢和範例網頁
- 11個最好的移動應用設計教程
- 雲搜尋服務在APP搜尋場景的應用APP
- SAP Fiori應用的搜尋問題
- 移動網站應用設計:速度至關重要!網站
- 移動應用設計:易用性和易讀性
- 移動搜尋與LBS成為百度切入移動網際網路的先鋒應用
- 移動應用app設計開發工具:Creo 2 for macAPPMac
- Django ElasticSearch Ionic 打造 GIS 移動應用 —— 架構設計DjangoElasticsearch架構
- 開發移動應用的7大設計要點
- 看豆瓣讀者評《移動應用UI設計模式》UI設計模式
- 11個移動應用開發的HTML5框架和應用HTML框架
- 移動設計需摒棄的幾大PC應用設計方法
- 視覺化程式設計技術在移動 UI 自動化中的應用 - 張海峰視覺化程式設計UI
- 深度學習在視覺搜尋和匹配中的應用深度學習視覺
- 使用 Docker 和 Elasticsearch 構建一個全文搜尋應用程式DockerElasticsearch
- 介面卡設計模式(應用於活動業務)設計模式
- 一文搞懂SaaS應用架構:應用服務、應用結構、應用互動設計應用架構
- ADO程式設計應用 (轉)程式設計
- 移動應用營銷分析:消費者如何發現和使用應用
- http應用:黑帽seo之搜尋引擎劫持HTTP
- 移動應用產品設計的十條經驗分享
- 為什麼應用的移動性設計不能耽誤
- 轉享:使用HTML5建立移動應用HTML
- 應用內購買:推動移動收入的洞察報告
- 泰國加快移動支付應用
- javascirpt div 移動應用Java
- 在 AppImage、Flathub 和 Snapcraft 平臺上搜尋 Linux 應用APPRaftLinux
- iOS開發 iOS9 Spotlight 應用內搜尋簡單介紹iOS