1.2 APP設計概述

自從智能手機普及以來，手機成為互聯網的新寵，并加快了移動互聯網的發展腳步。面對眾多數量的手機APP軟件，如何脫穎而出，首先需要做好APP的界面設計。手機APP界面設計一定要考慮到界面的視覺設計和界面設計的用戶體驗。下面我們就來詳細講解一下。

1.2.1 設計界面元素要統一

界面設計是為了滿足軟件的專業、標準的需求而產生的，是對軟件的使用界面進行美化優化及規范化的過程。具體包括軟件啟動界面設計、軟件框架設計、按鈕設計、面板設計、菜單設計、標簽設計、圖標設計，滾動條及狀態欄設計，如圖1-21所示。

不同手機界面的總體色彩和風格應該接近或類似系統界面的總體色調，這樣更符合人的心理視覺，而風格雜亂的界面可能會使用戶眼花繚亂，不適應。在設計操作流程時，也要遵循系統的規范性，盡量使所有的操作都統一化，這樣可以更有利于用戶掌握，從而更快地學會使用軟件。

除了考慮界面的統一性之外，還應該注重軟件界面的個性化。手機界面的統一性是基于手機系統視覺效果而言，個性化則是基于軟件本身的特征和用途而言。界面效果的個性化包括如下幾個方面。

實用性

為手機界面制作圖標時，應該盡可能考慮到屏幕的局限性，選擇具有典型行業特征且線條簡單的圖形，確保清晰性和有效性。界面構架的功能操作區、導航控制區等都應該統一規范，不同功能模塊的相同操作區域的元素風格也要一致，讓用戶能夠迅速掌握不同模塊的操作。

界面構架

手機界面中的導航區、功能操作區和內容已顯示區域都應該統一范圍，且風格色調應該盡量接近。不同功能模塊的相同操作區域的元素風格也應該協調統一，使整個界面統一在一個整體之中，這樣有利于用戶快速辨別不同的功能，并輕松學會操作使用。

界面色彩的個性化

色彩會影響一個人的情緒，不同的色彩會讓人產生不同的心理效應，反之不同的心理狀態所能接受的色彩也是不同的，不斷變化的事物才能引起人的注意。自然欣賞、社會活動方面，色彩在客觀上是對人們的一種刺激和象征；在主觀上又是一種反應與行為。界面設計的色彩個性化，目的就是用色彩的變換來協調用戶的心理，讓用戶用軟件產品時保持一種新鮮感，它是通過用戶根據自己的需要來改變默認的系統設置，選擇一種自己滿意的個性化設置，達到產品與用戶之間的協調性。在眾多的軟件產品中都涉及到了界面的換膚技術，在手機的軟件界面設計過程中，應用這一設置可以更大地提升軟件的魅力，滿足用戶的多方面需要，如圖1-22所示。

界面的分類

根據界面的不同特點，可以將界面分為以下幾類。

軟件界面：從狹義上來說，軟件界面就是指軟件中，面向用戶而專門設計的用于操作使用，以及反饋信息的指令部分。優秀的軟件界面設計，具有簡潔美觀、突出重點等特點；從廣義上來說，軟件界面就是某樣事物面向外界而展示它特點及功能的組成部分的界面，如圖1-23所示。

手機界面：手機現已成為人們生活的必需品，幾乎人手一部。美觀的手機界面也成了人們裝飾自己手機的一部分，如圖1-24所示。

游戲界面：游戲分為不同類型，所以界面的風格也不一樣。一般三維效果應用較為普遍，顏色新穎、版式新奇，主題明確，如圖1-25所示。

播放器界面：播放器界面一般都很簡潔、精美。界面中的元素、按鈕都會風格統一?？雌饋砭哂姓w性，美觀時尚，如圖1-26所示。

網站界面：網站界面設計承載著圖像、視頻、動畫等多種新媒體，網頁的內容更是豐富多彩。網站界面設計最重要的是注重用戶的體驗效果，使用戶能夠方便快捷地搜索到需要的信息，如圖1-27所示。

1.2.2 以用戶為中心的設計

通俗地說，針對使用者的需求和感受來估量，并且圍繞使用者為中心進行產品的設計，并不是讓使用者去適應產品。所以說無論產品的使用流程、產品的信息架構、人機交互方式等，都需要考慮使用者的使用習慣、視覺上的感受和理想的交互方式等。

一個好的并且以使用者為中心的產品設計，設計的產品應具有很高的有效性和使用者滿意度，延展開來，還包括對使用者來說產品的易學程度、對使用者的吸引程度，以及在體驗產品時的整體感受等。

（1）一個產品的來源可能有很多種情況，用戶需求、企業利益、市場需求，也可能是技術發展所驅動。從本質上來說，這些不同的來源并不矛盾。一個好的產品，首先是用戶需求和企業利益（或市場需求）的結合，其次則是低開發成本的需求，而這兩者都可能引發對技術發展的需求。

①越是在產品的早期設計階段，能充分地了解目標用戶群的需求，結合市場需求，就能越大程度上降低產品的后期維護甚至回爐返工的成本。如果在產品中給用戶傳達“我們很關注他們”這樣的感受，用戶對產品的接受程度就會上升，同時能更大程度上容忍產品的缺陷，這種感受絕不僅僅局限于產品的某個外包裝，或者某些界面載體，而是貫穿于產品的整體設計理念，這需要我們從早期的設計中就以用戶為中心。

②基于用戶需求的設計，往往能對設計“未來產品”很有幫助，好的體驗應該來自用戶需求，同時超越用戶需求。這同時也有利于我們對于系列產品的整體規劃。

（2）隨著用戶有著越來越多的同類產品可以選擇，用戶會更注重他們使用這些產品的過程中所需要的時間成本、學習成本和情緒感受。

①時間成本，簡而言之就是用戶操作某個產品時需要花費的時間，沒有一個用戶會愿意將他們的時間花費在一個對自己而言僅為實現功能的產品上，我們的產品應該傳達出積極的情緒感受，讓用戶快速地完成他們所需要的功能，這是最基本的用戶價值。

②學習成本，主要針對新手用戶而言，這點對于網絡產品來說尤其關鍵。同類產品很多，同時容易獲得，那么對于新手用戶而言，他們還不了解不同產品之間的細節價值，影響他們選擇某個產品的一個關鍵點就在于哪個產品能讓他們簡單地上手。有數據表明，如果新手用戶第一次使用花費在學習和摸索上的時間和精力很多，甚至第一次使用沒有成功，他們放棄這個產品的幾率是很高的，即使有時這意味著他們同時需要放棄這個產品背后的物質利益，用戶也毫不在乎。

③情緒感受，一般來說，這點是建立在前面兩點的基礎上，但在現實中也存在這樣一種情況：一個產品給用戶帶來極為美妙的情緒感受，從而讓他們愿意花費時間去學習這個產品，甚至在某些特殊的產品中，用戶對情緒感受的關注高于一切。例如在某些產品中，用戶對產品的安全性感受要求很高，此時這個產品可能需要增加用戶操作的步驟和時間，來給用戶帶來“該產品很安全很謹慎”的感受，這時減少用戶的操作時間，讓用戶快速地完成操作，反而會讓用戶感覺不可靠。

1.2.3 手機界面設計常用的5種布局

在設計手機界面時，合理的布局可以讓信息看起來層次分明，用戶可以很容易地找到自己想要的信息，產品的交流率和信息傳遞的效率也都會大大提升。下面介紹了手機界面設計中常用的5種布局。

（1）豎排列表布局：手機屏幕一般列表是豎屏顯示的，文字是橫屏顯示的，所以豎排列表可以包含比較多的信息。列表長度沒有限制，在視覺效果上顯得整齊美觀，用戶接受度也很高，所以是最常用的布局之一。豎排列布局一般用于并列元素的展示，包括目錄、分類、內容等，如圖1-28所示。

（2）橫排列表布局：這是并列元素橫向顯示的一種布局，一般常見的工具欄都采用這種布局。橫排列表中可以顯示的數量比較少，是由于受手機屏幕寬度的限制，在原色數量較少的情況下比較適合這種布局。在界面需要展示更多的內容時，豎排列表是不二之選，如圖1-29所示。

（3）九宮格布局：九宮格布局是非常經典的設計，展示形式簡單，一眼就能看懂，用戶接受程度很廣范。雖然它有時候讓人有種設計陳舊的感覺，不過它改變原來的一些體式在目前來說還是比較流行的，如圖1-30所示。

（4）彈出框布局：彈出框在版面設計上是很常見的。在需要它的時候才彈出，其他時間，彈出框會把內容隱藏，用來節省屏幕空間。彈出框可以在原有的界面上進行操作，不需要彈出界面，體驗起來還是比較方便的。在安卓系統上，彈出框的使用很普遍，比如菜單、單選框、多選框等，在蘋果手機系統上使用得相對少一些。

（5）標簽布局：在搜索界面和分類界面時，會采用標簽的方式來展現，增加了應用的趣味性。

1.2.4 提升關注內容

高品質APP的優勢顯而易見，但使APP品質提高并不是容易的事。一個更好的APP將進入良性循環，更高品質的APP將轉換成更高的用戶評價，也就是更多好評、更多下載、更高忠誠度和更長使用時間。高品質APP更有可能獲得有口皆碑的正向效應。

衡量一個APP是否成功的大多數方法，取決于使用者的行為。例如使用者相關的關注量，其中包括下載數、每日活躍安裝數，這些都突顯出了使用者的重要性。

（1）傾聽用戶

首先傾聽用戶，可以從閱讀和回復使用者在購買APP的網絡中的評論做起；還有一個傾聽方法，就是進行產品公開測試或可信任測試，利用這一點，可以將下一個準備發布的版本提交到購買網站前，先提供給部分早期試用者。

（2）提升穩定性和清除缺陷

我們都知道，APP的總體穩定性對于評級及使用者滿意度有很大的影響，也有非常多的工具和技術可以在不同設備和用戶場景中對APP進行測試和優化。其中一項值得注意但尚未被善用的工具——界面/APP執行猴（猴子），可以用來捕獲穩定性方面的問題。同時，在大多數安卓設置中有內建的谷歌錯誤報告機制，用戶可以借此向開發者報告APP的崩潰。

（3）改進UI響應

讓使用者流失的最重要的一點，就是給他們提供緩慢、遲鈍的APP設計。研究表明，速度是非常重要的，對于任何界面，無論是桌面、瀏覽器或手機都是一樣。而事實上，速度的重要性在手機上被進一步放大，因為使用者通常是在途中或者匆忙之間獲取信息。

（4）注重細節

一個需要特別關注的細節是APP圖標的質量和一致性，必須確保APP的圖標（特別是啟動圖標）足夠清楚明了，在所有分辨率下都能夠保持像素級的完美，盡可能遵循圖標準則。

1.2.5 啟動和退出

啟動引導頁面和退出頁面的設計對APP來說非常重要，簡潔的3～5個頁面傳遞給用戶APP更新的重要功能、引導用戶體驗、重大活動推出等。而退出頁面的設計，在簡潔或者可愛的效果之下，會讓使用者流連忘返，對APP的使用更加有興趣了，如圖1-31所示。