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

閃屏界面

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

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

引導(dǎo)頁

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

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

首頁&菜單

- 首頁 -

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

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

- 菜單 -

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

登錄&個(gè)人資料界面

- 登錄界面 -

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

- 個(gè)人資料界面 -

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

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

統(tǒng)計(jì)界面

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

日歷界面

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

電商界面

- 目錄界面 -

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

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

產(chǎn)品界面

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

支付頁面

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

社交界面

- 動(dòng)態(tài)消息流 -

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

- 通訊錄 -

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

音樂界面

- 播放列表 -

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

- 播放器 -

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

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

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