APP可以幫助我們解決生活中的各種疑難雜癥，而UI設(shè)計師的工作就是創(chuàng)造出令人滿意的用戶界面。為此，設(shè)計人員通常需要深入了解移動應(yīng)用程序的特性，了解它們的組成部分和功能。但隨著科技和生活方式的改變，現(xiàn)在已經(jīng)很難為任何一種APP區(qū)分出一套標(biāo)準(zhǔn)界面指南了。今天的文章就為大家介紹一下最常見和最受歡迎的UI界面，并為大家總結(jié)了它們所需的設(shè)計功能。

閃屏界面

第一印象對于一款A(yù)PP來說極為重要。當(dāng)用戶體驗從與應(yīng)用程序的交互一開始就很愉快時，這款A(yù)PP將更有機(jī)會受到用戶的歡迎，這就是為什么啟動畫面在UI界面中非常重要的原因。

閃屏界面是用戶看到的首個界面。它們通常非常簡約，并且需要提供產(chǎn)品的名稱，LOGO以及標(biāo)語。為了確保閃屏在不同設(shè)備上的呈現(xiàn)效果，設(shè)計師通常會將元素集中在屏幕中間。建議閃屏的顯示不超過2-3秒，否則用戶可能會不耐煩。此外，顯示加載進(jìn)度可能會很好，這樣不愿意等待的用戶就可以知道應(yīng)用程序何時啟動。

引導(dǎo)頁

引導(dǎo)頁常常為用戶展示了APP的導(dǎo)航，功能以及優(yōu)勢等信息。對于首次啟動APP的用戶來說，教程界面也可以幫助他們了解app的各種功能和控件，并了解應(yīng)用程序是否對他們有用。

雖然每款A(yù)PP的結(jié)構(gòu)和內(nèi)容都不盡相同，但引導(dǎo)頁的設(shè)計中則存在一些共同傾向。比如許多引導(dǎo)頁會選擇自定義插圖，以一種趣味的方式來表示特定的功能或優(yōu)勢。此外，設(shè)計師還經(jīng)常使用“吉祥物”，這是一個模仿與用戶進(jìn)行真實交流并設(shè)置情感紐帶的角色。另外，一個強(qiáng)有力的slogen提示對入門也很重要。提示應(yīng)該簡短，并且具有可讀性。

首頁&菜單

- 首頁 -

首頁是APP界面的重要組成部分，它承擔(dān)了與用戶的絕大部分交互。首頁的設(shè)計雖然取決于產(chǎn)品的類型和用途，但關(guān)鍵的設(shè)計元素還是類似的。

比如，首頁通常包括搜索框或按鈕，以便用戶可以輕松搜索到他們需要的內(nèi)容。此外，由于首頁是用戶旅程的起點，因此它還應(yīng)該具有導(dǎo)航元素，方便用戶可以訪問不同的功能區(qū)域。

- 菜單 -

為了方便用戶交互體驗，APP的菜單展示應(yīng)該包含了用戶可能點擊移動的所有方向。在APP中有兩種菜單的呈現(xiàn)方式 ：一、它可以是首頁的一部分或單獨的頁面。建議菜單中的選項種類不超過7種，僅顯示重要部分即可。二、如果APP需要更多的菜單選項，那么創(chuàng)建子類別可能是個好主意。

登錄&個人資料界面

- 登錄界面 -

現(xiàn)在大部分的app都可以讓用戶自己創(chuàng)建賬號，因此每個設(shè)計師都應(yīng)該知道如何設(shè)計登錄和個人資料界面。登錄頁面應(yīng)該簡潔明了，以便用戶可以輕松訪問應(yīng)用程序，通常只需要用戶名稱和密碼以及確認(rèn)按鈕。對于第一次使用該應(yīng)用程序的用戶，必須有注冊選項。

- 個人資料界面 -

個人資料界面會使APP內(nèi)的交互更加個性化，根據(jù)每個用戶的特征進(jìn)行有效的數(shù)據(jù)處理。此外，個人帳戶是任何社交網(wǎng)絡(luò)應(yīng)用程序的關(guān)鍵部分，決定了用戶是否能夠在能夠在虛擬社交群體中與其他人共享個人信息。在這里，設(shè)計師的主要任務(wù)就是通過智能UX最大限度地提高便利性。

設(shè)計師需要考慮的第一點就是個人資料頁一定要清晰易用，限制信息量，否則頁面可能看起來太復(fù)雜。更為重要的是，APP導(dǎo)航一定要直觀易懂，這樣用戶就不必花費太多精力來思考下一步怎么操作。最后，app的個人資料頁應(yīng)該是針對特定目標(biāo)群體，如果你需要app滿足用戶需求的話，那么必須做用戶調(diào)研。

統(tǒng)計界面

很多APP都統(tǒng)計了用戶的活動信息。它提供的數(shù)據(jù)越多，統(tǒng)計界面的設(shè)計就越難，因為設(shè)計師需要確保用戶能在界面上直觀且清晰的看到所有關(guān)鍵數(shù)據(jù)。但如果使用圖形曲線、比例、以及原始圖標(biāo)則可以使統(tǒng)計界面在APP上看起來格外流暢和干凈。此外，統(tǒng)計界面還需要不同的排版，以便用戶可以輕松讀取數(shù)據(jù)。

日歷界面

活動APP，待辦事項APP以及許多其他應(yīng)用都為用戶提供日歷功能。根據(jù)應(yīng)用的不同類型，日歷也需要具有特定的功能，例如提醒或計劃等。那么日歷的視覺風(fēng)格就應(yīng)該符合app的調(diào)性和目標(biāo)。

電商界面

- 目錄界面 -

任何一個電商APP的主要目標(biāo)都是銷售產(chǎn)品，所以視覺的呈現(xiàn)效果對用戶決策有著極大的影響，設(shè)計師的工作就是創(chuàng)造出吸引用戶并鼓勵他們購買產(chǎn)品的目錄。App的產(chǎn)品列表可以與很多其他電商網(wǎng)站類似，商品分類放置，用戶可以垂直滑動進(jìn)行查看，每一行中的產(chǎn)品數(shù)量根據(jù)屏幕寬度確定。

APP目錄中產(chǎn)品組織的另一種方法就是將商品水平滾動放置。為了使導(dǎo)航更直觀，水平行中的最后一項不應(yīng)該顯示在完整視圖中，以便讓用戶發(fā)現(xiàn)滾動的方向。此外，產(chǎn)品的照片或插圖應(yīng)該是高質(zhì)量的，以便用戶可以清楚地看到他們將要購買的物品。目錄界面還應(yīng)包括一個購物按鈕，用戶可以通過該按鈕直接將商品添加到購物車中。這樣的話，用戶就可以直接從目錄界面挑選產(chǎn)品，而不需要一定要在某個特定頁面進(jìn)行購買。

產(chǎn)品界面

產(chǎn)品界面是一件商品的詳細(xì)介紹頁面，所以它應(yīng)該顯示商品的所有關(guān)鍵信息，以幫助用戶決定是否需要該產(chǎn)品。設(shè)計師們通常會將產(chǎn)品圖片置于屏幕最中心，產(chǎn)品描述放在下方，還可以將商品描述以材質(zhì)、型號等數(shù)據(jù)分組，以便用戶輕松找到所需的信息。

支付頁面

現(xiàn)在大部分人的消費都是通過手機(jī)完成的，因此任何一家公司都希望讓支付流程變得更加簡單。設(shè)計師的任務(wù)就是讓人們在支付過程中感到舒適和便捷。支付頁面第一個也是最重要的一個部分就是個人信息表格，用戶需要根據(jù)購買的平臺不同填寫不同的個人信息，比如姓名，銀行卡號，賬戶密碼等。此外，對于用戶來說，個人數(shù)據(jù)安全是非常非常重要的，因此設(shè)計師必須通過視覺元素向用戶保證他們的信息是安全的。這些安全元素可以是一些標(biāo)注，知名品牌授權(quán)的圖標(biāo)，甚至也可以是一些證書圖標(biāo)。

社交界面

- 動態(tài)消息流 -

人們經(jīng)常會使用社交應(yīng)用關(guān)注一些新聞和更新消息。動態(tài)消息流會持續(xù)變化地展示新聞和一些其它用戶關(guān)注的內(nèi)容。實踐表明，移動端用戶更加傾向于快速瀏覽動態(tài)信息流，因此他們需要一個簡單明了的設(shè)計方式，不會因視覺細(xì)節(jié)而過載。新聞可以通過滾動逐一呈現(xiàn)，為了使導(dǎo)航更直觀，下一條新聞應(yīng)該選擇部分顯示，以提示用戶還有下一部分內(nèi)容。

- 通訊錄 -

聯(lián)系人名單已經(jīng)發(fā)展了很長時間。從紙質(zhì)筆記到不同的數(shù)字載體，它在視覺上也一直變化，但始終只有一個目的：保存關(guān)于朋友和其他親密人物的關(guān)鍵數(shù)據(jù)。手機(jī)通訊錄一直以姓名的字母順序進(jìn)行排序，每個聯(lián)系人都應(yīng)該是可點擊的，并提供詳細(xì)的數(shù)據(jù)，其中包括電話號碼，電子郵件，有時還包括Skype，Messenger等通訊信息。此外，通訊錄信息應(yīng)提供一張聯(lián)系人頭像，以便于搜索

音樂界面

- 播放列表 -

音樂愛好者喜歡為每個情景創(chuàng)建自己的播放列表。顯然，每個音樂應(yīng)用程序都應(yīng)該為用戶提供此類功能。不同app的播放列表界面都很相似：：一個音樂列表，顯示歌名，歌手名稱或樂隊名稱，和音樂的長度。此外，設(shè)計師還應(yīng)該添加一個歌曲所屬的專輯的小圖像，如果沒有專輯信息，也應(yīng)該有一個圖標(biāo)，例如音符等。

- 播放器 -

播放器界面應(yīng)該擁有易于識別的切換、暫停和啟動按鈕，通常位于屏幕底部的中央。屏幕的主要部分通常由歌曲圖片占據(jù)。此外，許多設(shè)計師會將音樂視覺效果作為屏幕的中心部分，而不是圖片。音樂視覺效果是一個展示想象力和創(chuàng)造力的好機(jī)會，這對設(shè)計師來說總是很有啟發(fā)性。

互聯(lián)網(wǎng)的不斷發(fā)展會讓更多的新型界面涌現(xiàn)，用戶需求也在不斷的更新變化，設(shè)計師們應(yīng)該準(zhǔn)備好迎接挑戰(zhàn)，在不斷的創(chuàng)新中得到啟發(fā)，加油哦~

～此文轉(zhuǎn)載，如有侵權(quán)，請聯(lián)系刪除