如何更好地設計手機軟體介面
本文由碼農網 – 葉露原創翻譯,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃!
手機已經成為大多數人的使用方式,所以手機使用者介面成為基本使用者介面,這也成為許多設計者考慮設計手機軟體或者以網頁為基準的手機應用的因素。讓我們現在去測試一些普通的手機軟體UI元素來看看一些新手怎麼完成他們,以及從中發掘更好的方式去解決問題。
儘可能的限制文字輸入
大多數的手機程式都提供一個文字框來捕捉使用者的反饋資訊。然而我認為文字資訊框應該只運用在一些必要的時刻,密碼輸入框就是一個完美的例子。
即使是大屏手機使用者,他們打字的體驗度也不會比電腦使用者更加舒適,因此打字輸入的功能應該在許多方面儘可能減少。
- 改變輸入的方法如滑動以及旋轉介面元素
- OAuth 登陸外掛提供一個更佳的方式去驗證身份
案例學習: Uber(叫車手機軟體)以一個非常 聰明的方式解決了定位的問題。Uber使用GPS定位系統去追蹤使用者所在的地址,Uber用自動鎖定地址代替了輸入地址,這使使用者更快並且更簡便的預定他們的旅途。
文字介面
軟體的文字介面元素的使用應該減少,相對的去支援圖示的使用。例如,你可以使用一個垃圾箱圖片去代替一個“刪除”的文字。
需要注意的是你需確定在這個軟體裡面,圖示與所表達的意義是統一的。
案例學習: Kudos(IOS圖片工具軟體),圖示和文字比例合適使用的例子。符號“刪除”,“贊”以及“分享”有統一的使用者介面體驗並且他們的意義簡潔明瞭,讓首次使用者操作更加方便。
螢幕之間的切換
多屏之間的切換要求流暢便捷,基本上切換鍵需要放在螢幕一半的最低端。這是因為大拇指常用在螢幕上進行導航,而且大多數人的大拇指並不能輕易訪問大螢幕的上方。
這幫助許多使用者在應用上多個部分之間的切換更加迅速。
例如在IOS上的谷歌瀏覽器用手指“邊緣滑動”(edge-swipe)會使使用者返回到歷史頁面。
案例學習:Twitter上的切換鍵被放在螢幕的最低端。這幫助使用者更加快速的觸碰相關鍵如主頁(Home)、通知(Notifications)、訊息(Messages)、我(Me)以進入軟體的各個部分。他們曾經將按鍵放在了最頂端,然而這增加了大屏使用者使用難度。
移動:沒有最好,只有更好
基本上設計中最重要的幾個方面就是手機應用的使用者介面設計以及使用者體驗(UI/UX),還有應該注意的是螢幕應該簡潔而不混亂。太多的動畫也不該應用在一個軟體裡。
如谷歌的Material Design的現代設計理念,強調設計的簡潔。一個應用程式的登陸頁面的第一印象是非常重要的,一個混亂的使用者介面會讓使用者失去方向,也一定會使使用者持續減少使用的興趣。
案例學習:谷歌收件箱在完成Material Design框架,保持一個簡潔直觀、方便使用的使用者介面方面做得非常好。譬如當你的收件箱是空的時候,介面也可以保持簡潔,轉換鍵保持流暢並且有一個令人滿意的畫面。即使使用者介面很簡潔,找到一些功能鍵也是非常方便。
總結(Wrapping up)
手機比以往任何時候都更便宜,更快,更強大,在未來的十年中,手機只會變得更加普遍。移動應用程式開發人員需要遵循這些簡單的設計原則,使他們的應用程式更直觀,整潔和易於使用。另外開發者應該確保閱讀並遵循作業系統特定的風格指南,因為它們提供了在使用者介面方面的屬於是否工作的重要見解。
譯文連結:http://www.codeceo.com/article/design-better-mobile-app-ui.html
英文原文:Notes for Designing Better Mobile Application Interfaces
翻譯作者:碼農網 – 葉露
[ 轉載必須在正文中標註並保留原文連結、譯文連結和譯者等資訊。]
相關文章
- 【譯】更好地設計 React 元件React元件
- 如何更好地使用 telescope
- Android 介面設計練習——電視直播軟體介面Android
- 動態軟體如何設定雲手機的程式的?
- 《如何做好軟體設計》:設計原則
- 軟體設計原則—介面隔離原則
- Mobirise for Mac手機網站建設軟體Mac網站
- 軟體設計師:計算機網路計算機網路
- “手把手教你設計”—12個最佳手機APP介面設計教程APP
- 2018年必看最新創意手機聊天介面設計
- PC 軟體 /Web 網站 / 小程式 / 手機 App 產品如何增加個人收款介面Web網站APP
- 如何更好管理 Api 介面(續)API
- 恢復聊天記錄手機軟體如何使用
- 如何成為更好的軟體開發人員
- 如何更好地理解中介軟體和洋蔥模型模型
- Node 中如何更好地打日誌
- QT硬體介面設計QT
- 【javaWeb】軟體工程課程設計後臺介面規範JavaWeb軟體工程
- SOLIDWORKS軟體不僅僅是三維機械設計軟體Solid
- 軟體介面測試為什麼很重要,軟體檢測機構如何收費?
- 軟體設計師:計算機系統知識計算機
- 如何獲得Android手機的軟體安裝列表Android
- 如何在 JavaScript 中更好地使用陣列JavaScript陣列
- 如何更好地緩解網路攻擊
- 波卡的國庫機制如何更好地實現Web3.0?Web
- 攝像機控制軟體CaptureGRID更好的幫您管理攝像機APT
- 讀軟體開發安全之道:概念、設計與實施11安全地程式設計程式設計
- PDF轉TXT手機軟體
- 軟體設計模式設計模式
- 區塊鏈如何更好地改進雲端計算解決方案區塊鏈
- 如何更好地謀生,從事嵌入式軟體開發五年的感悟和職業焦慮
- 更好地使用 ViewControllerViewController
- 如何成為更好的Java程式設計師?- javarevisitedJava程式設計師
- HMI人機介面相關介紹及人機介面設計
- 央視新聞《快三計劃免費軟體手機版》手機搜狐網
- IC設計企業如何選型ERP軟體
- 如何設計高併發介面?
- 直播軟體搭建,Android studio設計兩個介面間的切換Android
- Kubernetes 服務部署最佳實踐(一) ——如何更好地設定 Request 與 LimitMIT