設計移動App的十大技巧,app十大技巧

來源:互聯網
上載者:User

設計移動App的十大技巧,app十大技巧

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

  技巧1:主題明確直接

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

  技巧2:使用返回按鈕

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

  技巧3:考慮鍵盤啟用後的螢幕外觀

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

  技巧4:周到考慮使用預留位置

  如果應用中只有幾個資料輸入欄位,欄位中的預留位置用得好會使應用看上去更加乾淨。而如果應用中有多個資料輸入欄位,用預留位置取代欄位標籤使用會讓布局看上去非常混亂。一旦使用者在這一欄位中輸入一些資訊,除非這些資訊是眾所周知的,否則他們自己也不知道這些資訊應該是什麼。所以,要時刻注意預留位置的使用。

  技巧5:謹慎挑戰新特性

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

  在案頭應用裡,將一個稍微有用的功能添加到子功能表中,使用者可能會覺得這是一個不錯的主意,因為它很可能是與其他應用的主要區別點。不過在行動裝置 App中,若也使用這種方法,只會使得你的應用介面變得淩亂不堪。所以在挑戰新的功能時,也要多考慮是否會因小失大。

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

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

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

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

  技巧8:考慮按鈕位置

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

  技巧9:提供使用者需要的資訊

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

  技巧10:圖片解析度

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.