設計移動App的十大技巧

来源:http://www.cnblogs.com/androidshouce/archive/2016/07/14/5669067.html
-Advertisement-
Play Games

編寫一款Android或iOS應用也許很容易,但是若想設計的成功卻不是一件簡單的事,用戶界面對於一款移動應用的成功是至關重要的。也許你會說,為何界面那麼糙的Flappy Bird可以大紅大紫,可那畢竟是特例,製作精良設計美觀的應用才是移動界的主流。對此,如何設計一個更好的應用,這裡有十個技巧。 技巧 ...


編寫一款Android或iOS應用也許很容易,但是若想設計的成功卻不是一件簡單的事,用戶界面對於一款移動應用的成功是至關重要的。也許你會說,為何界面那麼糙的Flappy Bird可以大紅大紫,可那畢竟是特例,製作精良設計美觀的應用才是移動界的主流。對此,如何設計一個更好的應用,這裡有十個技巧。

  技巧1:主題明確直接

  一款好的應用就是集中精力將一件事情做到最好。當別人問你這款應用是做什麼時,你可以僅用一句話就能夠描述你所做的應用,而無需使用其他“細節”去贅述。此外,當用戶開始啟動應用時,可以在很短的時間內知道這款應用的用途及目的。如果用戶在瀏覽了四個級別的菜單後才能進行實際操作,那麼你的應用即將面臨的命運就是被卸載。

  技巧2:使用返回按鈕

  在Android上,原生系統提供的返回按鈕可以讓用戶始終按原路返回。而在iOS上,返回按鈕是由軟體控制的,所以,在做應用時要時刻記得要提供一個返回按鈕,並且如用戶所希望的那樣處在界面的左上角。總之,要以用戶的習慣為中心,滿足他們的期望。

  技巧3:考慮鍵盤激活後的屏幕外觀

  大多數的移動應用都有使用鍵盤輸入的一個或多個屏幕。不幸的是,許多設計師沒有考慮到,當屏幕上的鍵盤被激活時,屏幕的外觀會變得如何。所以,當你在測試應用時,要確保即使鍵盤處於激活狀態,屏幕上也存在足夠的空間來顯示內容,讓用戶能夠知道自己在進行什麼操作。

  技巧4:周到考慮使用占位符

  如果應用中只有幾個數據輸入欄位,欄位中的占位符用得好會使應用看上去更加乾凈。而如果應用中有多個數據輸入欄位,用占位符取代欄位標簽使用會讓佈局看上去非常混亂。一旦用戶在這一欄位中輸入一些信息,除非這些信息是眾所周知的,否則他們自己也不知道這些信息應該是什麼。所以,要時刻註意占位符的使用。

  技巧5:謹慎挑戰新特性

  在應用程式設計的舊時代中,軟體開發者總是儘可能多的嚮應用中添加功能。他們衡量應用成功與否主要關註應用中包含多少功能,然而,移動領域的革命早已改變了這一點。

  在桌面應用里,將一個稍微有用的功能添加到子菜單中,用戶可能會覺得這是一個不錯的主意,因為它很可能是與其他應用的主要區別點。不過在移動應用中,若也使用這種方法,只會使得你的應用界面變得凌亂不堪。所以在挑戰新的功能時,也要多考慮是否會因小失大。

  技巧6:把標簽放在正確的位置

  在iOS中,主標簽導航看起來不像標簽。圖標處於視窗的底部,主要用於用戶在應用中切換頁面。所以iOS用戶並不希望它處在視窗頂部,而Android用戶卻與之相反。Android系統中,標簽很典型的置於應用的頂部並且可以左右滾動。這裡所說的關鍵就是,如果你的應用需要依賴一個“標簽”作為你應用中的主要導航,你需要根據目標平臺是iOS還是Android,再決定應該把標簽放置在哪個位置。

  技巧7:註意按鈕尺寸大小

  簡單設計中有一個傾向,為了新添加一個事件我們會縮小按鈕或者字體的尺寸,來讓屏幕適應所有內容,其實這是一個很不好的行為。不知道你是否有這樣的一個體驗,當你試圖在智能手機上使用一個不是專為手機設計的Web頁面時,你會發現在這個頁面上點擊正確的鏈接是一件多麼痛苦的事情。所以,你要確保應用的按鈕足夠的大,就算用戶在較小的手機上進行操作也可以方便好用。

  技巧8:考慮按鈕位置

  當用戶拿著智能手機時,拇指可以很容易的觸摸到屏幕的下半部分。而且右撇子訪問右側最簡單,左撇子則與之相反。所以,如果你設計的應用是單手使用的,就要記住按鈕的位置放在哪裡才最方便。

  技巧9:提供用戶需要的信息

  任何時候你提示用戶輸入時,要考慮到用戶需要哪些信息去做決定並採取什麼行動。如果你的用戶界面上不將這一信息提供在同一個位置而促使他們輸入,他們可能需要取消並導航到信息所在地再回來做決定。對於用戶來說,這是一個很不爽的體驗。

  技巧10:圖片解析度

  現代的智能手機都有著驚人的高解析度,看上去也的確漂亮。但是如果你還是使用低解析度的圖片作為圖標的話,你的應用會顯得粗糙模糊,特別是在原生操作系統的對比之下。不過有一個更好的方法,就是使用基於矢量的圖像,這樣,圖片就可以擴展到任何解析度上了。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • node.js越來越熱,應用的場景也越來越多。 但也因為是開源軟體,所以具備大多數開源軟體都存在的“版本問題”,版本發展很快,版本前後差異性大,老系統用新版本node跑不過,全局安裝的第三方組件和node版本相關造成全局版本混亂。 nvm是解決這一問題的利器。 nvm是node版本管理工具,主要特點 ...
  • 相信很多人只知道閉包這個詞但是具體是怎麼回事就不太清楚了,最近在群里有很多小伙伴討論這個問題但還是矇矓矓的趕腳。索性就寫了這篇文章來幫助大家一起理解閉包。 變數作用域 閉包其實想明白了很簡單,但是在理解閉包之前,我們先溫習一下作用域的概念不多說 直接上代碼來的直接 全局變數 局部變數 我們大家都知道 ...
  • 關鍵代碼如下: public class MainActivity extends Activity { private String msg="Android: "; /** * Called when the activity is first created. */ @Override pro ...
  • 第一種:(iOS8以後可用) 在Xib或stroyboard中(代碼也可以) 利用AutoLayout設置好label的約束(比如可以設置四個邊都距離屏幕50等方式,必須四個邊都要固定好)。 在代碼部分: 預估cell的高度,然後設置cell的高度自動調整尺寸即可,代碼如下: 第二種:bouding ...
  • tip 1 : 給UIImage添加毛玻璃效果 func blurImage(value:NSNumber) -> UIImage { let context = CIContext(options:[KCIContextUseSoftwareRenderer:true]) let ciImage ...
  • 一、iOS屏幕適配發展歷程 設備適配技術 4及以前(iPad未出) 直接用代碼計算 有了iPad autoResizing 有不同屏幕的iPhone後 autoLayout 有更多不同屏幕的iPhone後 sizeClass 二、各個技術的特性 1、 直接用代碼計算 由於屏幕的大小都一樣,只有橫豎屏 ...
  • 首先需要一個專有的啟動圖片(沒有則新建) 其次決定適配的系統及橫豎屏 查看相應圖片的指定尺寸 按照尺寸添加圖片 OK。 如果尺寸不對或者沒有為相關的機型進行適配,就會導致該機型顯示時存在上下黑邊的情況。 ...
  • 一,效果圖。 二,工程圖。 三,代碼。 RootViewController.h RootViewController.m ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...