08.15 讓輸入更簡單:APP設計中簡化輸入的10種方式

本文主要總結了在應用設計中簡化輸入的10種方式,讓輸入變得更簡單

让输入更简单:APP设计中简化输入的10种方式

不知道你有沒有在走路時和朋友聊天經常打錯字,有沒有在輸入長密碼的時候因為輸錯抓狂呢,甚至輸到奔潰也還沒登錄成功;這個時候你可能在想:輸入文字真的太麻煩了。

那麼,有沒有什麼方式可以讓不輸入呢?

當然是沒有啦,有的只是減少輸入或者轉化輸入,將輸入文字/數字改成其他的較簡單的輸入方式,那什麼是簡化輸入呢?

一、簡化輸入是什麼?

舉個例子,以前使用手機的密碼輸入只能是數字輸入驗證用戶身份,後來隨著技術的發展,變成指紋輸入,再到後來的面部識別。這些都是輸入簡化,將複雜的數字輸入轉變成指紋和麵部識別,減少用戶的操作,減少用戶出錯的可能性,並且提升用戶體驗。

因為人都是懶惰的,在做任何事情的時候都是能少一步就是一步,正是這些懶惰促進人類文明的發展,不知道大家在中學的時候有沒有學過《懶人的智慧》這篇課文,裡面有講懶惰是如何促進人類的發展的,感興趣的可以看下哈。

二、簡化輸入的優勢

智能手機從誕生到現在,無論是硬件還是軟件都有很大幅度的提升,用戶的審美和挑剔力度也不斷提升。如果在一個應用中使用的不順心或者是設計得不符合用戶的使用習慣,或許他就會卸載這個應用,下載另一個同類應用。

在應用的使用中,比較容易給用戶造成挫敗感原因之一的就是輸入出錯,簡化輸入可以減少用戶在使用過程中的失誤,提升使用體驗。

三、輸入經常出現在什麼地方?

從你拿起手機開始,就開始進行輸入了,可能你並沒有意識到自己的在輸入,因為技術的發展已經讓你忽略你正在輸入,那麼在使用手機的過程中,你通常會在什麼地方進行輸入呢?

  1. 解鎖手機,輸入方式可能有密碼輸入/指紋驗證/臉部識別;
  2. 首次登錄應用,需要輸入手機號碼/郵箱/用戶名;
  3. 輸入驗證碼/密碼;
  4. 完善用戶資料如暱稱、簽名、性別、年齡、所在地;
  5. 使用過程中要查找人/資料等進行搜索;
  6. 添加好友;
  7. 發送消息給好友;
  8. 好友備註;
  9. 掃描紙質檔文檔輸入;
  10. 英文詞典工具,掃碼英文即可翻譯;
  11. 搜索要買的商品,掃碼實物、二維碼、拍照等。

瞭解到在日常使用手機時要進行輸入地方,那麼在這些操作中,設計師是如何簡化輸入的呢?

四、簡化輸入的方式

1. 解鎖手機

  • 將之前的密碼輸入變成指紋驗證,手指一放就可以解鎖;
  • 用戶拿起手機則可以使用,減少用戶在使用過程中的阻礙,並且用戶開始慢慢減少對解鎖這種操作的注意,真正關注內容,使用過程更流暢。

2. 登錄應用

輸入手機號碼,現在很多應用會獲取手機號碼,或記住用戶上一次輸入的數據,只要一次輸入即可。

(ps:如果能判斷用戶接下來要輸入的是英文、數字等信息,則應該默認彈出對應鍵盤,減少用戶操作的步驟)

  • 自動補全,如用戶輸入@時,出現郵箱的尾部補全如@qq.com;
  • 記住用戶上次輸入的信息,如賬號信息。

3. 輸入驗證碼/密碼

發送驗證碼之後,在Android的一些深度定製的手機上,當驗證碼發送到手機時,手機會自動複製驗證碼,填寫到輸入驗證碼的框內。

4. 完善用戶資料

  • 主要包括暱稱、簽名、性別、年齡、所在地。
  • 對於暱稱、簽名等一般都是直接輸入的方式,也可以使用一些推薦暱稱、簽名,用戶點擊選擇輸入即可;
  • 性別、年齡、身高、所在地等為選擇輸入。常見的是在底部彈出選擇欄進入選擇;
  • 地址的輸入可以直接定位到當前地址,例如現在很多外賣可以直接精確定位到某棟大廈,不需要用戶輸入;地址還可以選擇輸入,分別選擇省市區進行輸入;

如下圖所示是一些常見App上的選擇輸入表現形式。

让输入更简单:APP设计中简化输入的10种方式

5. 搜索

搜索設計時可以提供一些快捷操作的方式,如歷史記錄、熱門搜索等;這些操作可以減少用戶進行文字的輸入,並且點擊後立馬進行搜索。

  • 提供歷史搜索記錄;
  • 提供熱門搜索;
  • 提供模糊搜索功能;
  • 提供分類搜索;
  • 提供照片查找;
  • 提供掃碼查找。

6. 添加好友

幾年前比較常用的添加好友的方式就是給你一個QQ/微信號,可以通過號碼添加好友,這個就會涉及到號碼輸入錯誤與正確以及複製粘貼少了位數等情況。

掃碼添加和通訊錄添加的方式既方便添加好友,也減少了用戶的出錯。

  • 掃碼添加
  • 通訊錄添加

7. 發送消息

當QQ微信添加了語音、視頻聊天功能之後,用戶群體中快速增加了一大批年齡較大的用戶,即使是很少使用互聯網產品,並且年紀較大的用戶都很容易的使用這些工具和朋友進行通訊,主要得益於語音輸入的便捷。

  • 語音;
  • 視頻;
  • 文字;
  • 圖片;
  • 表情。

8. 好友備註

當用戶在手機通訊錄有出現的,則可以快速修改備註名為手機通訊錄名字;

在QQ中,也有類似的功能,用戶發送的備註消息如我是XX也可以直接設置為備註。

让输入更简单:APP设计中简化输入的10种方式

9. 掃描紙質文檔輸入

在記錄工具如有道雲筆記,可以通過掃描快速將紙質文檔轉化成可編輯的文字,如下圖所示:

让输入更简单:APP设计中简化输入的10种方式

圖:有道雲筆記掃描

10. 實景輸入

實景輸入常見的有英文詞典工具實景翻譯,如下圖所示。掃描後出現譯文,直接了當的為用戶進行翻譯。

让输入更简单:APP设计中简化输入的10种方式

圖:有道實景翻譯

淘寶上的掃一掃也是實景輸入,根據用戶掃描的商品的條形碼、物品等進行推薦

让输入更简单:APP设计中简化输入的10种方式

圖:淘寶掃一掃

以上就是App中常用的輸入轉化的方式,設計時需要根據不同的情況採用不同的方式。這些方式一般都會結合使用,基本上滿足了大部分應用在轉化輸入的使用場景。

下次遇到需要進行輸入的設計,希望你可以想起這篇文章~

題圖來自 Unsplash ,基於 CC0 協議


分享到:


相關文章: