如何更好地設計手機軟體介面

本文由碼農網 – 葉露原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

手機已經成為大多數人的使用方式，所以手機使用者介面成為基本使用者介面，這也成為許多設計者考慮設計手機軟體或者以網頁為基準的手機應用的因素。讓我們現在去測試一些普通的手機軟體UI元素來看看一些新手怎麼完成他們，以及從中發掘更好的方式去解決問題。

儘可能的限制文字輸入

大多數的手機程式都提供一個文字框來捕捉使用者的反饋資訊。然而我認為文字資訊框應該只運用在一些必要的時刻，密碼輸入框就是一個完美的例子。

即使是大屏手機使用者，他們打字的體驗度也不會比電腦使用者更加舒適，因此打字輸入的功能應該在許多方面儘可能減少。

• 改變輸入的方法如滑動以及旋轉介面元素
• OAuth 登陸外掛提供一個更佳的方式去驗證身份

案例學習: Uber（叫車手機軟體）以一個非常 聰明的方式解決了定位的問題。Uber使用GPS定位系統去追蹤使用者所在的地址，Uber用自動鎖定地址代替了輸入地址，這使使用者更快並且更簡便的預定他們的旅途。

文字介面

軟體的文字介面元素的使用應該減少，相對的去支援圖示的使用。例如，你可以使用一個垃圾箱圖片去代替一個“刪除”的文字。

需要注意的是你需確定在這個軟體裡面，圖示與所表達的意義是統一的。

案例學習: Kudos（IOS圖片工具軟體），圖示和文字比例合適使用的例子。符號“刪除”，“贊”以及“分享”有統一的使用者介面體驗並且他們的意義簡潔明瞭，讓首次使用者操作更加方便。

螢幕之間的切換

多屏之間的切換要求流暢便捷，基本上切換鍵需要放在螢幕一半的最低端。這是因為大拇指常用在螢幕上進行導航，而且大多數人的大拇指並不能輕易訪問大螢幕的上方。

這幫助許多使用者在應用上多個部分之間的切換更加迅速。

例如在IOS上的谷歌瀏覽器用手指“邊緣滑動”（edge-swipe）會使使用者返回到歷史頁面。

案例學習：Twitter上的切換鍵被放在螢幕的最低端。這幫助使用者更加快速的觸碰相關鍵如主頁（Home）、通知（Notifications）、訊息（Messages）、我（Me）以進入軟體的各個部分。他們曾經將按鍵放在了最頂端，然而這增加了大屏使用者使用難度。

移動：沒有最好，只有更好

基本上設計中最重要的幾個方面就是手機應用的使用者介面設計以及使用者體驗（UI/UX），還有應該注意的是螢幕應該簡潔而不混亂。太多的動畫也不該應用在一個軟體裡。

如谷歌的Material Design的現代設計理念，強調設計的簡潔。一個應用程式的登陸頁面的第一印象是非常重要的，一個混亂的使用者介面會讓使用者失去方向，也一定會使使用者持續減少使用的興趣。

案例學習：谷歌收件箱在完成Material Design框架，保持一個簡潔直觀、方便使用的使用者介面方面做得非常好。譬如當你的收件箱是空的時候，介面也可以保持簡潔，轉換鍵保持流暢並且有一個令人滿意的畫面。即使使用者介面很簡潔，找到一些功能鍵也是非常方便。

總結(Wrapping up)

手機比以往任何時候都更便宜，更快，更強大，在未來的十年中，手機只會變得更加普遍。移動應用程式開發人員需要遵循這些簡單的設計原則，使他們的應用程式更直觀，整潔和易於使用。另外開發者應該確保閱讀並遵循作業系統特定的風格指南，因為它們提供了在使用者介面方面的屬於是否工作的重要見解。