基于用戶體驗的互聯網產品界面設計分析

◆付昊苒 王澤 唐灝 林嘉怡

基于用戶體驗的互聯網產品界面設計分析

◆付昊苒 王澤 唐灝 林嘉怡通訊作者

（大連東軟信息學院 遼寧 116000）

隨著我國經濟的迅速發展，各項科學技術不斷更新，互聯網產品逐漸被推廣，因此基于用戶體驗的互聯網產品競爭十分激烈。接下來，我們主要圍繞互聯網產品界面設計展開探討，并提出幾點可供參考的可行性建議。

用戶體驗；互聯網產品；界面設計

近年來，互聯網技術的產生對人們的生活以及社會的經濟、政治、文化、藝術等都產生了重大影響。隨著互聯網技術的逐漸發展，其技術設計越來越廣泛。在這樣的時代背景下，互聯網產品的競爭越來越激烈，為積極應對競爭，立足于市場，我國各大互聯網產品不斷創新，想辦法提高競爭力，立足于市場經濟之中。其中，互聯網產品的界面成為互聯網運營商更新創造的首選。如何設計互聯網產品界面成為人們關注的問題，下面，我們對此進行簡單探討。

1 傳統產品界面設計存在的問題

我們所探討的互聯網產品界面的重點是基于用戶體驗的產品界面，因此這一方面的創新必須站在用戶的角度，以用戶的角度進行思考創新。在以往傳統的產品界面設計的案例中，大多沒有更好的考慮到這一點，在對產品界面設計之前沒有充分考慮到客戶的體驗感，沒有做出足夠完整的設計方案。傳統的互聯網產品界面更多關注了互聯網技術的可操作性，忽略了用戶體驗感，缺乏用戶的角度觀[1]。這與銀行自動取款機的設計是一樣的道理，當人們用銀行自動取款機進行存款或者取款的時候，人們覺得通過這種方法使得業務變得簡單便捷高效，這就說明自動取款機的設計更好的站在了用戶的角度考慮問題。而傳統的互聯網產品界面設計就缺乏這一優勢，致使傳統的產品設計界面存在很多不足之處，已經無法滿足現在大眾的需求。

2 基于用戶體驗的互聯網產品界面設計原則

基于互聯網技術的不斷更新改造，目前已經實現了大眾的互聯網購物模式，這種模式將在未來發展得越來越普遍。因此，傳統的互聯網產品界面的設計已經完全不能更好服務于人們的生活需要。然而，如今基于用戶體驗的互聯網產品界面設計的工作大多由互聯網的軟件工程師來完成的，這決定了互聯網產品界面的設計存在一定的專業性，但與此同時也存在一些弊端，比如設計的出發點以及審美感官上的不足。因此，下面我們對基于用戶使用的互聯網產品界面的設計原則進行簡單探討。

互聯網產品發展至今已經給人們帶來了很多的便利，它包括對互聯網用戶的社交、商品及各種游戲的服務，形式多樣，涵蓋方面十分廣闊。因此，互聯網產品的核心受眾是廣大用戶，用戶的“體驗感”對互聯網產品的發展起到決定性作用。受眾反饋將給互聯網產品的發展提供充分的建議。想要設計出良好的基于用戶體驗的互聯網產品界面，需要首先從受眾的角度出發，根據長期以來用戶體驗的反饋，包括產品的質量、便捷程度等，逐個進行頁面更新，分析現有互聯網界面的不足之處。其次，相關設計者要十分關注互聯網產品界面的布局、色彩。因為互聯網商品界面是大眾進入購物系統的第一步，這一界面在帶給用戶良好的體驗感方面發揮著重要的作用。因此，作為互聯網產品門臉的首頁布局和色彩對用戶的體驗感十分重要。互聯網產品界面的設計還應該本著一個重要的原則，那就是便捷。“受眾”是否受到吸引進入網頁，是界面的布局和色彩的吸引力所決定的。互聯網產品的頁面是否達到操作便捷，是否適合不同知識層次的受眾使用，是互聯網產品界面所要考慮的一個重要問題。這就要求相關設計師要從廣大受眾的角度出發，換位思考，如果自己是使用者，在操作上有哪方面的需求，如何操作最為便捷高效，減少用戶使用過程中的錯誤。例如，我們在使用網絡進行購物時，往往會出現大量的產品，如何使得“受眾”能夠更加快速地在大量產品中找到目標商品是值得我們關注的問題。我們可以嘗試將網絡商城中的商品按照大類進行分類，其次還可以在網頁的首行設置搜索引擎，讓大眾群體可以在進入購物網業的時候快速通過搜索功能找到目標物。這樣既可以留住客戶群體，又能為廣大用戶節省時間，達到共贏的良好狀態[2]。

3 基于用戶體驗的互聯網產品界面設計分析

3.1 基于用戶感官體驗的界面設計

互聯網產品界面設計要為大眾使用者提供一種視覺的導向，能夠使得“受眾”進入互聯網頁面時有一個感官上的指引，引導“受眾”能夠有一個有序的閱讀功能。這就要求相關設計師要發揮設計靈感，首先對互聯網產品界面進行排版。例如，如果想設計一個縱向閱讀的購物界面，設計師可以將店鋪名字以及牌面設置在網頁的最上方，接下來是產品的搜索引擎，再往下是商品的分類。廣大受眾將會通過點擊具體商品進入相關的產品鏈接，產品的鏈接中同樣是按照縱向排列的順序，首先是產品的主圖，接下來是產品的價格明細，再下面可以設置一些評價明細，縱向依次排列的是商品的詳細簡介及相關圖片功能介紹等。如果想要設計一種橫向的視覺效果，也類似于此，只是將相關引擎設置為橫向即可。這樣整體設計下來，互聯網產品的相關界面會為大眾提供一種無形的視覺引導，從“受眾”進入網絡的一刻起，就會被無形的視覺引擎所引導，使得受眾的瀏覽層次分明，便于“受眾”快速找到目標商品，減少受眾的視覺疲勞。因此，在互聯網產品界面的設計過程中設計師要注意受眾的感官界面設計，為受眾提供優質的服務[3]。比如 photo notes采用了最近流行的扁平化設計，整個界面簡潔大方不失活潑，如圖1所示。

圖1 互聯網產品扁平化設計

3.2 基于用戶感官體驗的界面色彩設計

在眾多視覺感官要素中，色彩這個因素一直以來都占據主導地位。鮮艷的色彩給人一種無形的吸引力，清新的色彩使人感到微妙的親切感。在眾多的互聯網產品的商城中，產品界面的色彩設置在很大程度上發揮著重要的決定作用。如果我們登錄網上各種商城，我們可以明顯感覺到不同商城給我們帶來的視覺差異，我們首先看到的差異必定是產品界面色彩的差異。因此，這就要求相關設計者要花時間在學習相關色彩的搭配上面，認真研究所售商品的整體風格特征，通過不斷的實驗和設計，自身先進行一下感官察覺，并從中選擇一種最適合分享產品的色彩風格特征。互聯網產品頁面顏色的設計要符合產品的主題，并不是一切艷麗的顏色都適合任何一種互聯網產品的頁面。因此，在進行頁面的色彩選擇之前，我們必修站在受眾的角度進行反向思考，思考如果自己是受眾，自己是不是會接受這種互聯網產品，是否喜歡使用該種產品，只有這樣做，通過嚴密的思考和調查，才能夠盡可能設計出較為完善的互聯網頁面。只有這樣才可以使得互聯網產品界面盡可能滿足受眾的感官體驗，使得“受眾”能夠對分享的產品產生濃厚的興趣，以此來吸引大眾購買商品。

3.3 基于用戶情感體驗的界面設計

當下，各種互聯網產品界面層出不窮，競爭激烈。然而在這么激烈的競爭背景下，如何進行互聯網界面設計成為我們重點需要關注的話題。相關設計者應該善于觀察生活，從生活實際中探尋設計的靈感，推動互聯網技術的正向發展。通過細心觀察我們不難發現，隨著經濟的發展，雖然人們的生活水平也隨之不斷提高，但是人們的社交情感逐漸變得薄弱，人與人之間的溝通變得越來越少。這在一方面反映了人們的情感訴求，相關互聯網界面設計者可以充分利用這一點，對互聯網產品界面進行優化，使得人們通過互聯網產品獲得感情上的訴求。只有這樣，才能夠使得互聯網產品更好的被受眾所接納，讓受眾在進入某一互聯網產品的界面時有一種莫名的親切感，這種親切感就像大眾平時使用的日常用品一樣，讓其產生依賴感。當某一個互聯網產品界面的設計達到了一個近乎完美的效果時，就會有更多的群眾愿意去使用該產品，在長時間的接觸使用并且獲得良好的體驗感時，群眾就會不自覺地對該種互聯網產品產生強烈的依賴感，這時就達到了互聯網產品界面設計的真正目的。

3.4 基于情感體驗的“引導詞”設計

互聯網產品的界面具有一個共同的特點，那就是空間很小，不具備較多的空白空間。這使得一些用戶在面對空白沒有提示的空間時，他們有時無法對自己的需求進行準確的描述，當他們想要在搜索引擎中進行詞匯搜索時，大腦處于空白狀態，無法找到目標產品。這時大部分的人有可能都會選擇放棄搜索，導致互聯網產品受眾的流失，非常不利于互聯網產品的推銷[4]。為更好解決這個問題，互聯網的相關設計者可以引用關鍵詞的方式來為使用者解決這個問題。關鍵詞的引用是指，設計者可以在互聯網產品首頁界面的搜索引擎中設置有關產品的搜索關鍵詞匯，這樣可以更好地把大眾引入相關產品界面，避免“受眾”因為無法正確找到目標產品詞匯而導致的問題，提高使用者的使用效率，節省使用者的使用時間，使得使用者愿意主動去參與去使用。設計者還可以在搜索引擎中設置文字閃爍的輸入功能，制造一種緊迫的提示感，并針對所提示的內容進行加工設計，激發用戶使用的欲望。例如，我們很常見的微博，在“微博”的相關界面中會有一個“熱搜”的模塊，這一模塊的設置使得用戶可以直接通過“熱搜”模塊清晰地看到大眾所感興趣的話題，使得“受眾”可以直接點擊自己所喜愛和關心的話題。再如，各個瀏覽器頁面的設置在一定程度上也精心設置了這種模塊，當“受眾”進入某瀏覽器界面的時候，在首頁都會有一個主題鮮明的熱點搜索話題，這些熱點話題能夠第一時間抓住群眾的眼球，為觀眾提供搜索熱度的話題內容。這種設計的思維是通過情感上的共鳴來抓住大眾的眼球，使得互聯網產品的頁面有所吸引力，為使用者提供良好的產品。

3.5 基于情感體驗的“附件控件”設計

如上文所提到的，互聯網產品界面的設計要關注的重點要素之一是操作的便捷性。如何使得設計的互聯網產品界面具備更加便捷的界面，為廣大群眾提供高效便捷的服務是一個優秀的設計者必須考慮的問題之一。然而，在我們所見的互聯網產品的界面設計中，大多沒有完全考慮到這一點，致使互聯網產品的使用者體驗感較差，甚至對某些產品失去使用的興趣。因此，互聯網產品界面設計者必須解決這個問題。而為網業添加附件控件正好能解決這個問題，提升用戶的體驗感。這種附件控件大體可以分為刪除控件和提醒控件，這種設計可以使得互聯網產品界面更趨于人性化。例如，設計師可以根據受眾的續需求，設置一些常用的字段，并為受眾提供刪除附件，這個附件最大的特點是使用者可以快速刪除自己不需要的字段，在一定程度上簡化了使用者的操作步驟，避免了因為無關的內容影響受眾的體驗感。而提醒控件最大的作用就是為受眾提供一些提醒的字段，這種提醒控件的設置最主要的目的是為簡化使用者的操作流程，同樣也發揮著提高使用者體驗感的重要作用，給受眾提供一個良好的體驗感。

4 結語

網絡信息技術迅速發展，網絡相關產業競爭激烈，各相關產業只能通過不斷的創新才能更好地立足于當下的市場經濟中，當下的互聯網產品也是如此，而互聯網產品界面的設計對其產品的推廣意義重大。綜上所述，根據當下的產業發展情況，基于用戶使用的網絡產品界面設計技術亟待被繼續創新。以上為本文的全部見解，希望能夠對互聯網產品界面設計產生積極有效的促進作用。

[1]寧馨兒. 以用戶體驗為導向的博物館互聯網產品設計研究[D].湖南師范大學，2020.

[2]劉香漁. 基于用戶體驗的高校慕課APP界面設計研究[D].長春工業大學，2018.

[3]袁浩洲. 基于用戶體驗的互聯網個人信用評分產品設計研究[D].華東理工大學，2017.

[4]唐余虎. 基于用戶體驗的B2C產品界面設計研究[D].東南大學，2017.