如何更好地設計手機軟件界面

2016-11-10    ui設計分享達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,?請點這里 

 

手機已經(jīng)成為大多數(shù)人的使用方式,所以手機用戶界面成為基本用戶界面,這也成為許多設計者考慮設計手機軟件或者以網(wǎng)頁為基準的手機應用的因素。讓我們現(xiàn)在去測試一些普通的手機軟件UI元素來看看一些新手怎么完成他們,以及從中發(fā)掘更好的方式去解決問題。

盡可能的限制文本輸入

大多數(shù)的手機程序都提供一個文本框來捕捉用戶的反饋信息。然而我認為文本信息框應該只運用在一些必要的時刻,密碼輸入框就是一個完美的例子。

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

  • 改變輸入的方法如滑動以及旋轉(zhuǎn)界面元素

  • OAuth 登陸插件提供一個更佳的方式去驗證身份

案例學習: Uber(打車手機軟件)以一個非常 聰明的方式解決了定位的問題。Uber使用GPS定位系統(tǒng)去追蹤用戶所在的地址,Uber用自動鎖定地址代替了輸入地址,這使用戶更快并且更簡便的預定他們的旅途。

 

01.webp.jpg

 

文本接口

軟件的文本界面元素的使用應該減少,相對的去支持圖標的使用。例如,你可以使用一個垃圾箱圖片去代替一個“刪除”的文本。

需要注意的是你需確定在這個軟件里面,圖標與所表達的意義是統(tǒng)一的。

 

案例學習: Kudos(IOS圖片工具軟件),圖標和文本比例合適使用的例子。符號“刪除”,“贊”以及“分享”有統(tǒng)一的用戶界面體驗并且他們的意義簡潔明了,讓首次使用者操作更加方便。

屏幕之間的切換

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

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

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

案例學習:Twitter上的切換鍵被放在屏幕的端。這幫助用戶更加快速的觸碰相關鍵如主頁(Home)、通知(Notifications)、消息(Messages)、我(Me)以進入軟件的各個部分。他們曾經(jīng)將按鍵放在了最頂端,然而這增加了大屏用戶使用難度。

 

02.webp.jpg

 

移動:沒有最好,只有更好

基本上設計中最重要的幾個方面就是手機應用的用戶界面設計以及用戶體驗(UI/UX),還有應該注意的是屏幕應該簡潔而不混亂。太多的動畫也不該應用在一個軟件里。

03.webp.jpg

 

如谷歌的Material Design的現(xiàn)代設計理念,強調(diào)設計的簡潔。一個應用程序的登陸頁面的第一印象是非常重要的,一個混亂的用戶界面會讓用戶失去方向,也一定會使用戶持續(xù)減少使用的興趣。

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

總結(Wrapping up)

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

 

 

藍藍設計www.bouu.cn?)是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計BS界面設計?、 cs界面設計?、 ipad界面設計?、 包裝設計?、 圖標定制? 用戶體驗 、交互設計、?網(wǎng)站建設?、平面設計服務 

 

 

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔