郭威林

（西北大學現(xiàn)代學院,陜西 西安 710130）

1 引言

隨著互聯(lián)網應用的發(fā)展，出現(xiàn)了很多受網民喜愛的APP平臺。在此背景下，本文以APP“Pet”為例，通過對UI的布局研究，引導受眾人群逐步點擊后續(xù)界面，達到增加APP的訪問流量以及購買APP上的各種增值服務次數的目的。

2 寵物類APP UI設計理論研究

APP的UI是用戶對APP的第一印象，其設計給用戶傳達出APP想要表達出的感情、基調、標志、特點等。因此，UI設計應當符合以上表達條件，不同的APP有自己不同的風格。例如，支付寶采取藍白色的色彩搭配，讓人感到清爽、干練，很好地突出了“快捷”的核心；微信也是如此，從LOGO簡單的兩個對話框讓人簡單明了地了解這是一個通訊軟件，APP界面的表現(xiàn)則能讓人直接看見對話框，快速完成社交需要。這兩個界面核心主題就是方便生活需求，他們都將核心主題通過UI設計給用戶清晰地表達了出來。

可以看出，要設計一款好的APP界面，突出核心最為重要?！癙ET”APP是一款面向大眾，幫助人們更好飼養(yǎng)寵物，感受寵物帶給人們溫情的集知識、社區(qū)、線上交易的軟件。其核心是讓用戶感受到寵物會給自己帶來幸福，并以優(yōu)質的養(yǎng)寵知識、社區(qū)交流來吸引對寵物感興趣的用戶，為用戶提供放心的產品服務并以此實現(xiàn)盈利，形成良性循環(huán)。因此，在UI設計上應該突出知識信息的共享以及綜合社區(qū)的表達，讓APP的不同用戶都能第一時間獲得自己需要的信息。

2.1 簡約性

在如今快餐式生活中，幾乎所有人都討厭等待。從用戶體驗上看，簡約的設計風格不僅僅可以讓人們快速找到自己需要的功能，也會是一種流行趨勢。一個好的UI設計不僅要有對應的功能，還要有一個簡單的界面。要密集有序，有效傳遞信息，帶來有趣的創(chuàng)新體驗。

清晰的界面尤為重要。如果一個APP打開后讓人無從下手，則會給用戶帶來與預期不相符的落差感，降低對這款APP的好感度。所以，UI設計不僅要突出產品特色，表明產品內容以此留住用戶，還要用簡潔的視覺呈現(xiàn)、傳達有效的內容，注意界面形式的結構和節(jié)奏，讓用戶的審美體驗得以實現(xiàn)。因此，UI設計風格自2013年以來流行扁平化[1]。

2.2 統(tǒng)一性

一個好的UI設計，文本元素、色彩元素、圖標元素、圖片元素等要統(tǒng)一。風格統(tǒng)一，用戶不會產生視覺上的混亂，這樣當用戶熟悉操作后，就很容易預測下一個操作動作。

如何保證UI設計的統(tǒng)一性？比如，在一個頁面中的圖標、字體、色彩、排版等形成同一種風格，在另一個界面中可以找到相同的元素，也就可以達成統(tǒng)一。雖然界面不同，內容會有所不同，但是字體、排版可以是接近的，圖標、色彩可以求同存異，使用相同的表現(xiàn)手法，以此來樹立自己的品牌形象，在用戶的心里留下印象，從而形成條件反射。比如，當人們看到黃色的袋鼠時就會想到美團。因此，要做到UI設計視覺的統(tǒng)一，其實就是在用戶的視野中重復關鍵元素，強化界面在用戶腦海的印象，并讓他們記住界面的獨有元素。

3 交互界面設計對用戶的影響

3.1 圖形LOGO

LOGO作為給用戶的第一印象，要簡潔，并且要清晰地表現(xiàn)出APP的核心功能與定位。LOGO的設計應與相應功能相匹配，秉持直觀性、通用性和一致性原則，滿足不同操作系統(tǒng)的設計規(guī)范，如尺寸、分辨率等[2]，還要與產品特點相結合，基于產品信息的表達和設計規(guī)范，加入品牌元素，如“粉色”“貓爪”等相關元素。“Pet”APP是一款面向對寵物感興趣的用戶群體，而寵物帶給人的感受是可愛的、治愈的，所以LOGO設計為可愛的粉色調貓爪，底色為溫暖治愈的粉色，表現(xiàn)出可愛的寵物向用戶招手，清晰地表達了APP的定位。

3.2 行為層次的交互設計

行為層次的設計與用戶的使用有關，這是一款APP的核心，需滿足可用性和易用性?？捎眯詫δ埽子眯詫换ピO計[3]。所以，了解用戶需求才能決定功能。使用“Pet”APP的核心用戶是想要了解飼養(yǎng)寵物的人群。

從養(yǎng)寵物的過程中來探索用戶的需求，包括：對寵物產生興趣，了解相應寵物的相關知識，飼養(yǎng)后的護理，應對飼養(yǎng)中出現(xiàn)的特殊情況，飼養(yǎng)過程中與他人交流分享的社交。將用戶飼養(yǎng)寵物的問題歸納為四個方面的用戶需求。

（1）信息檢索：了解寵物的相關知識，尋找自己感興趣的寵物；

（2）飲食與照料：飼養(yǎng)后如何照看自己的寵物，給它更好的生存環(huán)境；

（3）社交活動：互相交流養(yǎng)寵經驗，分享養(yǎng)寵趣事，結交同城寵友；

（4）專業(yè)針對性：應對寵物疾病等突發(fā)狀況，提供專業(yè)幫助。

將用戶需求轉化為功能，并按照優(yōu)先級排布，其中，核心功能包括基于大數據的寵物飼養(yǎng)知識、整合線下寵物服務資源、與他人的社交溝通等。將功能融入到APP的主要模塊中，滿足APP對于用戶的功能性與易用性，如圖1所示。

圖1 APP頂部功能

（1）養(yǎng)寵知識：滿足用戶了解寵物飼養(yǎng)知識的相關需求；

（2）寵物社區(qū)：可以在這里認識養(yǎng)寵達人，交流養(yǎng)寵經驗；

（3）寵物服務：整合線下寵物服務資源，滿足養(yǎng)寵的日常需求；

（4）寵物急救：應對寵物疾病尋找附近的寵物醫(yī)院，進行專業(yè)幫助。

3.3 界面交互的流程設計

交互設計的本質是理解和設計用戶的行為。設計師在設計產品時要了解用戶的心理需求，對用戶的行為進行預測和判斷，然后進行相應設計，從而滿足用戶需求，實現(xiàn)目標，為用戶創(chuàng)造良好的體驗[4]。了解了APP的建設目的之后，就需要將其融入設計當中。進入APP之后，通過填寫個人資料創(chuàng)建賬號。通過添加寵物來確定展示相應的內容，如對貓咪感興趣，或者已經飼養(yǎng)了一只貓咪寵物，主頁將會以貓咪為主要內容進行推送，提供飼養(yǎng)寵物的必備知識及幫助，以此快速滿足用戶的第一需求，增加用戶的好感，延長用戶瀏覽時間。

此外，每個模塊都有內部的交互反饋，如在私信中，可以直接與官方客服溝通獲取服務，與好友交流，組建群聊等，以此增加用戶的歸屬感，讓用戶感到這不是一個冷冰冰的APP，而是一個有溫度的溫暖的“愛寵大家庭”，如圖2所示。

圖2 APP內部交互

同時，針對不同養(yǎng)寵用戶的需求，養(yǎng)寵知識的內部反饋有多種寵物的飼養(yǎng)知識，將盡量滿足用戶的養(yǎng)寵需要。進入養(yǎng)寵知識板塊后可以選擇不同的寵物以及不同的內容，如常識、喂養(yǎng)、馴養(yǎng)、護理、疾病等。

3.4 動態(tài)交互

動態(tài)交互是指用戶在交互界面中通過點擊、滑動等交互操作觸發(fā)的動態(tài)反饋效果，除了把握動畫效果的運動規(guī)律外，還包括自主反饋交互與交互式敘事的故事預演效果[5]。

動態(tài)交互是動態(tài)視覺反饋給用戶的一種實時效果，具有更多的互動反饋。如在嗶哩嗶哩中點贊時，會出現(xiàn)擬人形象做出相應的動作，讓人對自己的交互行為得到了更多的反饋，具有激勵和感恩的作用，還增加了趣味性，還有“點贊成功”的反饋信息。在“Pet”APP中，添加了自己的寵物后，則會出現(xiàn)相應的動物叫聲，讓用戶聽到寵物的呼喚，更有情感渲染力。

3.5 延伸界面

反思層基于本能和行為層的設計，構建了應用與用戶之間更深層、更緊密的關系。它主要以觸發(fā)用戶情感記憶來喚起共鳴，建立自我形象為設計方法，在長期的使用過程中不斷提高忠誠度和增加歸屬感[6]?！癙et”APP中可以利用分享的方式延伸社交圈，如有著獨到的養(yǎng)寵經驗，有著同樣品種的寵物，或者同樣喜愛寵物且居住在附近的人。在點擊主頁上方的寵物社區(qū)后可以看見由其他用戶分享的內容，并且在定位之后可以看見附近的人，可以在此找到志同道合的人，還可以在這里分享自己的養(yǎng)寵趣事以及評論、點贊、關注。除了提供了內容分享外，這種垂直的社交分享更具有針對性。

4 結語

隨著時代的變遷，寵物曾經用于看家護院的功能性已經大大地減少了，而是作為家庭成員，像伙伴一樣的存在，成為許多人的情感寄托。伴隨著越來越大的寵物市場，互聯(lián)網上缺乏針對性的應用。本文從視覺風格、交互設計、情感延伸上探索“Pet”APP的UI設計方法并實踐，學習了UI設計的相關知識，以了解養(yǎng)寵人群的基本需求為基礎，從實用性和娛樂性上滿足用戶需求，也為將來設計、開發(fā)類似互聯(lián)網產品提供參考。