本文分享了設計師在移動應用交互時可以學習的11個小技巧，enjoy~

十年前，手機的使用只是為了溝通。

而近幾年，情況發生了很大變化，我們很難找到不使用手機的人。手機在極大程度上改變了人們的生活，特別是智能手機，人們沉迷于手中的這個小盒子里。是什么使人們如此無法自拔？打開手機才發現里面充斥著琳瑯滿目的移動應用程序。

盡管移動應用在行業中已經達到飽和點，但真正的設計師依然可以設計出脫穎而出的應用程序。在這里，我基于自己的一些經驗和Google指南為設計師列出了11個有用的小技巧，這將有效地幫助設計師們設計出既實用，又能解決問題的應用程序。

1. 使鍵盤與所需的文本輸入框相匹配

（1）自定義鍵盤

據相關人員研究發現：用戶在鍵盤模式和觸摸屏模式之間的這種切換，增加了用戶的認知負荷。如何減小用戶的認知負荷？設計師應該為用戶提供一個可自定義的鍵盤。

（2）系統鍵盤

系統鍵盤如何與所需的文本輸入框相匹配？系統鍵盤則應該嘗試根據上下文進行自動更改，并顯示保存的密碼。

https://dribbble.com/kukareka

2. 充分利用硬件中的手勢識別優勢

移動端的主要優勢是當考慮到網絡環境時，手機可以支持大量的本地硬件的使用，如加速計，GPS，藍牙，手勢識別等。

最大限度地利用手勢優勢進行設計，不要通過打字實現滑動，輕敲等；當然，也不要忘記使用其他硬件優勢，你可以通過這些硬件來減少許多表單字段。

https://dribbble.com/shots/3605964-Airbnb-AR-Map-Concept

3. 不要隱藏密碼

在移動設備中不需要顯示和隱藏密碼選項。由于移動設備的屏幕較小，用戶使用起來也比較安全。因此，刪除顯示和隱藏選項將有效減少不好的用戶體驗。

https://dribbble.com/greglilley

4. 顯示搜索欄

如果你能夠設計出一個完美的搜索框，那么你的用戶體驗幾乎成功了一半。

盡管所有的應用程序都有自己的獨特性，但用戶最喜歡的搜索方式還是向下滑動然后搜索所需內容。除此之外，設計師在設計搜索欄交互時，為了提供良好的用戶體驗，一定要根據用戶的使用習慣顯示他們最近搜索和最喜歡的搜索時間。

https://dribbble.com/virgilpana

5. 在正確的時間請求權限

有時候，設計師認為獲得權限是一個好的設計主意，用戶只需點擊并授予所有權限即可。

但事實并非如此，用戶對他們的數據非常認真，所以如果你需要獲取關于他們的數據，請確保你在正確的時間詢問權限。

因為它可以讓用戶信任你的應用程序，同時他們也極有可能發展成你的老用戶。

https://dribbble.com/hugodesgayets

6. 不要使用閃屏

優先向用戶展示應用程序的價值主張，直接把它們放在主屏幕上。當用戶打開應用程序時一眼就能看到。

不需要制作花哨的閃屏，這樣你也不用為漂亮的插圖而苦惱。根據研究表明，用戶平均會花費45秒來選擇一個應用程序。

他們通常會下載十個應用程序而選擇一個，因此你的應用程序必須在10秒內吸引住用戶并顯示其價值。因此，使用閃屏顯得不合時宜。

https://dribbble.com/shots/3668351-Funding-app-Home-screen

7.?注意應用程序的屏幕方向

對于移動應用程序的設計，我們總是在豎屏模式下進行設計。設計師應該同時檢查屏幕橫向和縱向的適應效果，不要忘記在橫屏模式下測試你的應用程序。

如果用戶30％的時間都在使用橫屏模式，則設計必須考慮橫向模式。

例如用戶在駕駛時，或使用金融，書籍和游戲等應用程序時，手機的主要模式為橫屏模式。（https://thomaspark.co/2011/10/in-portrait-or-landscape/ ）

https://dribbble.com/shots/3639526-Album-Landscape-Interaction

8. 形式簡單明了

總所周知，桌面端的主要操作是鍵入，而移動端的主要操作則是輕擊，點按，長按。嘗試簡化表格試用，用戶不必不在這里填寫重要的表格。所以，請嘗試設置不同的交互方式來填充表格。

https://dribbble.com/shots/3519538-My-Diet-App-Onboarding

9. 測試手機上的應用程序

測試手機上的應用程序，這是我給每位設計師的第一個建議。如果你正在設計一款手機應用程序，當你開始設計時，不妨連接你的筆記本電腦來看看你的應用程序設計。你的設計不僅僅應該適用于高清桌面，也應該適應于低分辨率的低劣屏幕 ; 請確保你的設計適用于最糟糕的情況。

10. 提供直觀的導航

這是非?；镜?，但有時設計師往往容易忽略。90％的時間里用戶都試圖使用他們已經習慣的系統模式的導航，用戶使用這種導航可以使你的應用程序更加智能，但前提必須是你導航足夠直觀，用戶不會因為搜索導航太久而卸載你的應用程序。

https://dribbble.com/shots/1766396-Animated-Tab-Bar-Icons

11. 篩選和排序選項

在設計產品時，設計師應該多考慮如何讓用戶感到滿意。

當一個網站可以在一個屏幕上顯示14張圖片時，一個手機屏幕一次只能顯示三張圖片。大多數設計師在沒有考慮這一客觀事實的情況下，在屏幕上刪除了許多功能，并制作了一個普通的屏幕過濾器來迷惑用戶。

我強烈建議設計師提供一個有效的過濾器和排序選項，帶給用戶滿意的體驗。因此，不妨多花點時間根據上下文為用戶提供一些有效的選項。

以上就是設計師在移動應用交互時可以學習的11個小技巧，以供參考。

原文作者：Johny vino

原文地址：https://medium.muz.li/11-things-every-designer-needs-to-know-about-mobile-app-interaction-a22c635527b3

本文由@Mockplus團隊?翻譯發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 Pixabay，基于 CC0 協議