UI界面設(shè)計中的常規(guī)觸點都有哪些頁面

UI界面在設(shè)計過程中需要考慮很多體驗問題，其中觸點頁面的類型的選擇也很重要，因此需要明確UI設(shè)計觸點都有哪些頁面？一起梳理一下：

1、啟動畫面

影響用戶對app的認知和看法最重要的是第一印象，如果用戶體驗和app的交流從一開始就非常愉快，這個app在用戶中很受歡迎。因此，在設(shè)計時，啟動畫面和其他頁面一樣重要。

啟動屏幕是用戶看到啟動app后的第一個屏幕。通常簡單，顯示產(chǎn)品名稱、標志和產(chǎn)品標語。為了確保啟動畫面在不同設(shè)備上看起來很好，設(shè)計者通常將要素集中在畫面中間。建議啟動屏幕顯示不超過4-8秒，否則用戶可能會不高興。另外，顯示加載進度可能很好，沒有耐心的用戶可以知道app什么時候開始。

2、引導(dǎo)頁面

引導(dǎo)頁是一組接口，展示了app可能給用戶帶來的功能和特點。對于初次啟動APP的用戶來說，似乎可以幫助他們在不熟悉的功能和控件中定位，了解app是否對他們有用。

應(yīng)用引導(dǎo)頁面的結(jié)構(gòu)和內(nèi)容對所有特定程序都有很高的個性化。但引導(dǎo)頁的設(shè)計有一些共同趨勢。首先，很多導(dǎo)購頁面都會使用定制插畫，不僅吸引人，而且容易理解，用戶一看就知道它的功能和特點。此外，設(shè)計師還會使用吉祥物，這是模仿與用戶進行真實溝通和情感紐帶的作用。此外，文字對引導(dǎo)頁面也很重要，敘述文字應(yīng)該簡短、有用、易讀。

3、首頁和菜單界面

主畫面是任何應(yīng)用程序所必需的重要組成部分。在眾多app中，首頁是大部分用戶與app互動的主要界面。主屏的設(shè)計取決于產(chǎn)品的類型和功能。然而，不同類型的應(yīng)用程序也有相同的組件。首先，主屏幕通常包括搜索字段或按鈕，以便用戶可以輕松搜索他們需要的內(nèi)容。另外，由于主屏幕是用戶使用的起點，通常包括提供各種內(nèi)容部分訪問的導(dǎo)航要素。

為了方便用戶的互動，移動應(yīng)用程序包含菜單，用戶點擊后可以直接到達特定的內(nèi)容。移動應(yīng)用程序有兩種菜單:一種是主接口的一部分，另一種是單獨的接口。建議將菜單中的選項數(shù)量保持在7個以下，只顯示重要部分。如果應(yīng)用程序需要更多的菜單，可以創(chuàng)建子類別。

4、登錄和個人信息界面

今天很多app為用戶打造個人賬號，所以每個設(shè)計師都需要知道如何設(shè)計注冊和個人信息界面。登錄界面應(yīng)簡潔明了，以便用戶可以輕松訪問應(yīng)用程序。通常有兩個輸入框，用戶可以輸入名稱和密碼和確認按鈕。對于初次使用該應(yīng)用程序的用戶，需要有注冊選項。

個人信息頁面使app內(nèi)的互動更加個性化。個人賬號是任何社交網(wǎng)絡(luò)應(yīng)用的關(guān)鍵部分，用戶可以進入網(wǎng)絡(luò)虛擬社區(qū)，與他人共享個人信息。設(shè)計師的主要任務(wù)是通過UX設(shè)計最大限度地提高便利性。根據(jù)InteractionDesignFoundation的說法，設(shè)計者必須明確地看到個人資料頁面，限制信息量。否則，個人資料頁面可能看起來很復(fù)雜。更重要的是，確保導(dǎo)航清晰是很重要的。這樣用戶就不用花太多精力去打開APP了。最后，個人資料頁面的設(shè)計應(yīng)該面向使用該應(yīng)用的目標群體。如果您的應(yīng)用程序想要滿足用戶的需求，您必須進行用戶調(diào)查。

5、統(tǒng)計界面

各種應(yīng)用都包含用戶活動的統(tǒng)計信息。提供的數(shù)據(jù)越多，統(tǒng)計界面的設(shè)計就越困難。設(shè)計者必須確保看到的界面清晰，包括所有可用的重要信息。圖形曲線、比例和原始圖標可以使統(tǒng)計界面在移動應(yīng)用程序中看起來光滑清潔。此外，統(tǒng)計界面需要不同的布局，以便用戶可以輕松閱讀數(shù)據(jù)。

6、日歷

活動應(yīng)用、待辦事項列表應(yīng)用和許多其他應(yīng)用程序需要為用戶提供日歷。根據(jù)app的類型，日歷可以完成注意和計劃等功能。視覺風(fēng)格應(yīng)與移動應(yīng)用的主題和目的相匹配。

7、電子商務(wù)界面

任何電子商務(wù)項目的主要目標是銷售產(chǎn)品。視覺展示對用戶的決策有很大影響。目錄是公司銷售商品的名單。設(shè)計師的工作是設(shè)計目錄，吸引用戶的注意力，鼓勵他們購買產(chǎn)品。移動應(yīng)用中的產(chǎn)品列表可以類似于許多電子商務(wù)網(wǎng)站，其中項目放在這些列表中，可以通過垂直滾條查看。一行中的產(chǎn)品數(shù)量取決于屏幕寬度。

在滾動目錄中，商品的另一種組成方法是水平滾動。為了使導(dǎo)航更直觀，水平行中的最后一個項目不應(yīng)顯示在完整的視圖中，以便用戶看到這是滾動的方向。另外，產(chǎn)品的照片和插圖的質(zhì)量應(yīng)該很高，用戶可以清楚地看到購買的東西。目錄界面應(yīng)包含呼吁性用語按鈕，用戶可通過該按鈕向購物車添加商品。這樣，用戶就可以直接從目錄屏獲取產(chǎn)品信息，而不需要轉(zhuǎn)到這個特定位置的頁面。

8、商品信息界面

商品信息界面顯示了商品的重要信息，幫助用戶決定是否需要購買該產(chǎn)品。設(shè)計師專注于屏幕中心的圖片，描述數(shù)據(jù)通常放在下面。設(shè)計人員可將數(shù)據(jù)分為大小、材料等分類，使用戶能夠輕松找到所需的信息。

9、結(jié)算界面

現(xiàn)在很多購物都是在智能手機上完成的，所有的公司都想讓移動購物流程變得前所未有的方便。退房流程是用戶購買產(chǎn)品前的最后一步。設(shè)計師的任務(wù)是讓人在采取這一步時感到舒適。對于用戶來說，讓用戶了解自己的個人信息安全是很重要的，所以設(shè)計師一定要通過視覺元素來保證用戶的信息安全。

10、社交界面
即時信息，人們經(jīng)常使用各種各樣的社交應(yīng)用程序進行通信，關(guān)注周圍的新聞和更新。Feed是一聞和用戶關(guān)注的信息流。實踐表明，移動用戶喜歡通過Feed快速掃描信息，因此需要簡單明了的設(shè)計，不會因視覺細節(jié)而分散注意力。新聞可以通過滾動逐一呈現(xiàn)。為了使導(dǎo)航更直觀，應(yīng)該展示下一個新聞的一部分。

11、聯(lián)系頁面

地址簿發(fā)展了很長時間。從紙筆記本到不同的數(shù)字變體，它在視覺上一直在變化，但目的只有一個:保存朋友和其他親密人物的信息。地址簿界面向用戶顯示名稱按字母順序排序的聯(lián)系人數(shù)據(jù)列表。每個聯(lián)系人都可以點擊進去，有詳細的數(shù)據(jù)，包括電話號碼、電子郵件、Skype、Messenger等聯(lián)系人。另外，聯(lián)系方式有小圖片，使搜索過程更容易。