設計移動App的十大技巧
編寫一款Android或iOS應用也許很容易,但是若想設計的成功卻不是一件簡單的事,使用者介面對於一款移動應用的成功是至關重要的。也許你會說,為何介面那麼糙的Flappy Bird可以大紅大紫,可那畢竟是特例,製作精良設計美觀的應用才是移動界的主流。對此,如何設計一個更好的應用,這裡有十個技巧。
技巧1:主題明確直接
一款好的應用就是集中精力將一件事情做到最好。當別人問你這款應用是做什麼時,你可以僅用一句話就能夠描述你所做的應用,而無需使用其他“細節”去贅述。此外,當使用者開始啟動應用時,可以在很短的時間內知道這款應用的用途及目的。如果使用者在瀏覽了四個級別的選單後才能進行實際操作,那麼你的應用即將面臨的命運就是被解除安裝。
技巧2:使用返回按鈕
在Android上,原生系統提供的返回按鈕可以讓使用者始終按原路返回。而在iOS上,返回按鈕是由軟體控制的,所以,在做應用時要時刻記得要提供一個返回按鈕,並且如使用者所希望的那樣處在介面的左上角。總之,要以使用者的習慣為中心,滿足他們的期望。
技巧3:考慮鍵盤啟用後的螢幕外觀
大多數的移動應用都有使用鍵盤輸入的一個或多個螢幕。不幸的是,許多設計師沒有考慮到,當螢幕上的鍵盤被啟用時,螢幕的外觀會變得如何。所以,當你在測試應用時,要確保即使鍵盤處於啟用狀態,螢幕上也存在足夠的空間來顯示內容,讓使用者能夠知道自己在進行什麼操作。
技巧4:周到考慮使用佔位符
如果應用中只有幾個資料輸入欄位,欄位中的佔位符用得好會使應用看上去更加乾淨。而如果應用中有多個資料輸入欄位,用佔位符取代欄位標籤使用會讓佈局看上去非常混亂。一旦使用者在這一欄位中輸入一些資訊,除非這些資訊是眾所周知的,否則他們自己也不知道這些資訊應該是什麼。所以,要時刻注意佔位符的使用。
技巧5:謹慎挑戰新特性
在應用程式設計的舊時代中,軟體開發者總是儘可能多的嚮應用中新增功能。他們衡量應用成功與否主要關注應用中包含多少功能,然而,移動領域的革命早已改變了這一點。
在桌面應用裡,將一個稍微有用的功能新增到子選單中,使用者可能會覺得這是一個不錯的主意,因為它很可能是與其他應用的主要區別點。不過在移動應用中,若也使用這種方法,只會使得你的應用介面變得凌亂不堪。所以在挑戰新的功能時,也要多考慮是否會因小失大。
技巧6:把標籤放在正確的位置
在iOS中,主標籤導航看起來不像標籤。圖示處於視窗的底部,主要用於使用者在應用中切換頁面。所以iOS使用者並不希望它處在視窗頂部,而Android使用者卻與之相反。Android系統中,標籤很典型的置於應用的頂部並且可以左右滾動。這裡所說的關鍵就是,如果你的應用需要依賴一個“標籤”作為你應用中的主要導航,你需要根據目標平臺是iOS還是Android,再決定應該把標籤放置在哪個位置。
技巧7:注意按鈕尺寸大小
簡單設計中有一個傾向,為了新新增一個事件我們會縮小按鈕或者字型的尺寸,來讓螢幕適應所有內容,其實這是一個很不好的行為。不知道你是否有這樣的一個體驗,當你試圖在智慧手機上使用一個不是專為手機設計的Web頁面時,你會發現在這個頁面上點選正確的連結是一件多麼痛苦的事情。所以,你要確保應用的按鈕足夠的大,就算使用者在較小的手機上進行操作也可以方便好用。
技巧8:考慮按鈕位置
當使用者拿著智慧手機時,拇指可以很容易的觸控到螢幕的下半部分。而且右撇子訪問右側最簡單,左撇子則與之相反。所以,如果你設計的應用是單手使用的,就要記住按鈕的位置放在哪裡才最方便。
技巧9:提供使用者需要的資訊
任何時候你提示使用者輸入時,要考慮到使用者需要哪些資訊去做決定並採取什麼行動。如果你的使用者介面上不將這一資訊提供在同一個位置而促使他們輸入,他們可能需要取消並導航到資訊所在地再回來做決定。對於使用者來說,這是一個很不爽的體驗。
技巧10:圖片解析度
現代的智慧手機都有著驚人的高解析度,看上去也的確漂亮。但是如果你還是使用低解析度的圖片作為圖示的話,你的應用會顯得粗糙模糊,特別是在原生作業系統的對比之下。不過有一個更好的方法,就是使用基於向量的影象,這樣,圖片就可以擴充套件到任何解析度上了。
來源:developer
相關文章
- App之“文字”的設計技巧APP
- 一次移動記賬App的設計探索APP
- 移動app原型設計軟體:Flinto for MacAPP原型Mac
- App啟動頁設計例項和技巧,啟動即讓人心動APP
- 移動開發者的自學寶典:十大線上程式設計學習網站移動開發程式設計學習網站
- 移動辦公APP之極辦公的設計鑑賞APP
- 移動應用app設計開發工具:Creo 2 for macAPPMac
- 十大技巧優化Android App效能優化AndroidAPP
- 淺談導航設計 開發者必備的十大實用技巧
- 靈感來源:36個移動APP介面設計欣賞APP
- 十大技巧快速提升原生APP開發效能APP
- 移動應用中的流設計
- 移動端開發技巧
- 移動支付時代的手機和app安全設定APP
- 移動設計八原則
- 從互動設計角度,聊聊Web網站和移動App的六大差異Web網站APP
- 詳解Facebook的移動廣告投放技巧
- 移動介面設計的一些心得
- 程式設計技巧之-表驅動法程式設計
- 程式設計師如何提高職場價值 推薦十大技巧程式設計師
- 移動介面設計趨勢分析
- 《PhoneGap精粹:構建跨平臺的移動App》——1.4節為容器而設計APP
- 移動端基於動態路由的架構設計路由架構
- 移動遊戲開發的五個技巧遊戲開發
- 11個最好的移動應用設計教程
- 移動端導航的七種設計模式設計模式
- 移動站點最佳化:移動端導航的七種設計模式設計模式
- 程式常用的設計技巧
- 移動設計需摒棄的幾大PC應用設計方法
- 移動端和PC端互動設計上的區別
- 超越按鈕 - 談手勢驅動的移動介面設計
- Google移動網站設計原則Go網站
- 中國移動應用設計趨勢
- 《移動UI設計模式》小編手記UI設計模式
- 巨好用的移動app安全測試工具分享,移動app測試需要多少費用?APP
- 小談移動APP安全APP
- showdoc 推出移動版 AppAPP
- “視網膜屏準時代”的網頁和移動端Apps的設計&HTML製作網頁APPHTML