互聯網產品設計中用戶體驗與交互設計優化策略

邵俊翔

Shao Junxiang

廣西藝術學院 廣西 南寧 530022

Guangxi University of Arts Nanning, Guangxi

關鍵字：用戶體驗；交互設計；色彩運用；優化策略；

新的互聯網產品設計項目，需要對項目進行全方位的溝通了解及診斷，逐步地推進項目設計。在設計流程和細節上不注意，會影響產品設計的體驗、視覺、交互方式，達不到最佳體驗效果。因此，如何進行用戶體驗與交互設計優化策略研究值得每一位互聯網產品研發者深思。通過國內外學者對此項研究發現，已有學者關注到用戶界面色彩體驗和交互設計并取得了優秀的研究成果，例如辛向陽以交互設計的對象：行為的設計、物理邏輯到行為邏輯進行深入研究。從現有研究來看，雖有部分關于用戶體驗與交互設計的原則理論研究，對于優化策略的研究卻很缺少，良好的用戶體驗和交互設計能改善人機交互的效能，增加應用程序的親和力，對于設計中的優化策略還需要更多的理論和實踐，尚有較大的研究空間。

1 互聯網產品設計狀況分析

1.1 互聯網產品設計現狀

當前的互聯網技術與設計領域相互影響和推動，從用戶角度出發，好的設計往往提升用戶體驗好感度，從而給產品設計提升高品質的體驗價值，因此設計對于互聯網產品是很重要的。

目前，互聯網產品設計通常分為交互設計和視覺設計兩個大的工作方向。交互設計的關注點在于用戶操作行為的設計和物的設計、產品功能的物理邏輯到行為邏輯的呈現[1]。而視覺設計的關注點在于產品能否給體驗的用戶既直觀又愜意的視覺體驗，如合理的顏色搭配、圖形元素、特效演示等。

5G時代，用戶對于產品的使用體驗要求不斷提升，從產品的設計應用技術呈現方式與場景色彩設計來看，樣式變得多樣化，用戶對設計的要求也更加嚴謹和重視。因此，近年來交互設計師相關崗位薪酬有明顯的改善，設計的邊界得到了廣泛的拓展，在互聯網的大舞臺上給設計人員發揮帶來更大的機遇和挑戰。

1.2 互聯網產品設計趨勢

互聯網的產品設計從設計同質化的體驗追求個性化和創新設計，在設計變革當中更多產品通過定位找到了機遇和挑戰。設計者必須了解競品和產品分析，鎖定目標群體，進行用戶細分研究和體驗需求，提升產品價值。筆者通過研究近年數字媒體藝術與技術的用戶體驗變化，從用戶體驗探索的媒介、交互、信息、場景等多角度出發，探索設計未來的趨勢。

圖1 用戶體驗影響因素

通過人、環境、硬件與技術四個維度，來探討和總結用戶體驗趨勢，在這個順勢而變的行業，大家在體驗創新設計的過程中，不斷尋求設計優化策略，了解互聯網產品設計趨勢，向設計未來的方向努力前行。關注產品與人之間的溝通，即用恰到好處的方式打破產品設計者和產品使用者之間無形的壁壘。互聯網產品在采用體驗型方法后，簡約的色彩搭配，通過多維度的感官刺激體驗者形成記憶。

圖2 用戶體驗結構圖

人工智能時代，機械化單向交互方式逐漸被打破，機器漸漸演化趨向于智能數據分析，主動觀察真實場景，感受用戶情感，預判用戶意圖并自動篩選完成意向信息呈現的工作方式。機器如何為人們提供便捷高效的智能化服務，未來還有非常大的想象空間。

2 極簡主義用戶體驗與交互設計

2.1 用戶體驗之旅

一個杰出的數字產品從用戶體驗中就可以看出產品差異化，有學者指出用戶體驗取決于交互設計，用戶在互動系統中感受。其實，用戶體驗涉及廣泛，是衡量一個產品是否好用的有效評判，包含了用戶對產品的使用所涵蓋色彩、印象、喜好、生理和心理等諸多因素。

互聯網用戶體驗是指人機交互過程中所獲得的體驗，從用戶打開互聯網產品的那一刻到關閉頁面時對觸發所形成的所有認知和感受。具有以下幾個特征：

①特性：體驗相對來說是一個比較有主觀性也比較抽象的概念，并沒有一個很確切的評判標準，由于每個人的喜好情感色彩訴求還有思維方式的不同，導致產品給用戶的感受和體驗也是不一樣的。

②感性：由于產品使用時，色彩成為用戶第一視覺，其次是周邊環境的影響，不同環境下產品視覺效果使用可能會帶給用戶不一樣的體驗，如應用程序的白天和夜晚的體驗界面區分。

③融性：用戶體驗不單單指應用程序當中某些部分的體驗，它同時還包含了應用的界面版式、色彩運用、交互方式還有響應速度等很多方面，是一個應用程序整體給用戶所呈現的體驗。

用戶體驗之旅，從用戶角度出發，以敘事方式描述使用產品或接受服務的體驗情況，旅途中以可視化的色彩圖形展示及互動，追求旅行的最佳體驗效果。

2.2 交互設計之美

交互設計是一門關于如何創建新的用戶體驗的學科，幫助人們擴充生活中的交互方式和空間敘事，進行良好溝通，以提升用戶交互方式的趣味性和新鮮感。通過對用戶行為和產品界面色彩進行交互可以為產品與用戶之間建立一種有機的聯系，這種聯系幫助用戶達到更加有效的目標，并創造良好的用戶體驗，在體驗過程中提高了效率，提升了用戶對產品的好感和美譽度。

App端交互以移動設備為中心。主要涉及手勢觸發，有點擊屏幕交互、連續點擊交互、長按交互、滑動交互、重力交互、全景交互、語音交互、虛擬交互等。

3 互聯網產品設計構建與優化策略

3.1 構思發現—用戶思維導圖優化策略

用戶思維導圖以發散性思維為基礎，把思維對象的相關信息用圖文并茂的方法匯聚到一起在進行創意。思維向四面八方發散，多角度捕捉靈感來源。導圖可以清晰梳理想法，聚焦主題，信息之間建立聯系，一幅清晰的思維全景圖，使設計者可以想到細節，又可以想到整體。設計者所關注的主題形象化了，更容易發現便于創造的誘發因素，形成良好的誘導設計方向。

導圖強調快速思維，思維越快思想組合越積極，力求最短的時間內將思維高速運轉起來，在思維涌出時敏感地捕捉到設計的誘發點。構思中還需要設計者進行應用程序框架功能模塊的規劃，從而有效高效地完成優良的設計框架。

3.2 體驗發現—用戶體驗設計優化策略

筆者通過查閱相關文獻、網絡資料及項目實踐中，深入學習交流，總結了產品體驗優化策略由簡入圣的進階過程劃分了三個塊面：

①界面設計篇：學習掌握模塊界面設計的方法和實例，比如頁面和圖標。關注細節設計，了解產品特性及需求。牽動用戶情感的紐帶的設計取決于圖標，當然，圖標設計須結合基礎界面的核心內容，在分場景中契合用戶體驗、原型交互、視覺動效來設計，找到最佳設計效果[3]。

②細節設計篇：分析常被忽略的細節設計，如讀取、彈窗、表單、狀態、缺省等設計方法。深入了解細節模塊，把控設計的風格，提升用戶的體驗。

③全鏈思維篇：理解藝術和技術之間的界限，比如沉浸式體驗設計、可視化服務設計、智能化設計等。并不是好看的設計體驗就好，往往是追求極簡設計更容易被用戶喜好。

3.3 設計發現—視覺藝術設計優化策略

在視覺色彩表現上，拋棄了擬物化設計中的光質感、立體感、透視感，摒棄一切裝飾效果，如陰影、肌理、3D效果的使用等，版面干凈利落，不添加任何羽化、濾鏡等效果。將界面設計回歸到藝術的根本，以點線面為表現元素，圖形和空間色彩簡潔化處理。

3.3.1 扁平化設計方法

扁平風格上給人簡約大氣，講究簡潔圖形、色彩、文字及合理有序的搭配。主次分明的風格，使圖形化的界面分割易于識別提高閱讀效率。它簡約卻不簡單，舍棄多余設計元素，簡潔明了有效傳達視覺交互。

3.3.2 以簡約主義為出發點

極簡主義的美術風格和當下互聯網領域的設計潮流不謀而合，秉承新媒體設計思維的傳承和發展。設計師應多借鑒國內外優秀設計，吸取設計思路和靈感，有效快捷提升設計品質。

3.3.3 秉持視覺一致原則

為有效建立用戶完整的設計模型和體驗效果，需把視覺風格和設計模式統一化。在圖標上也需要統一視覺表現，降低光影紋理材質陰影對設計的影響。

3.3.4 巧用裝飾元素點綴空間色彩

色彩搭配中，裝飾元素有效應用界面設計也是不錯的方法，但是必須簡潔化處理。視覺上，單純的扁平化設計不一定能滿足所有用戶的視覺體驗，裝飾元素的適當運用并不會阻礙和破壞設計的整體性，取巧發揮，利用細節為用戶有效提供簡潔大方卻又不失趣味的應用設計。

3.3.5 扁平化的交互設計

交互的易用性和界面的友好性是其重要考慮因素之一。除了優秀的界面之外，必然取決于功能實現的合理性，對于用戶任何額外的操作步驟都會降低其體驗效果。提升交互領域的改造和創新，設計出符合現代審美需求，真正能為用戶提供便利的產品應用。

3.4 色彩發現—空間色彩搭配優化策略

在視覺藝術設計中，根據實際的需要優化用戶界面色彩也是非常重要的環節。界面設計與色彩優化的策略有直接的關聯性，對用戶的瀏覽速度及適應有決定性，目前，互聯網產品設計趨向于扁平化色彩設計方向。

強調配色好感度。使用戶產生好感和共鳴的配色，更能引發用戶自發地去了解設計所要傳達的意圖。如：在表現食品應用時，考慮激發人的欲望進行消費購買，常見的方法就是使用高明度高純度的色彩使用。

通過色彩導引閱讀和使用，合理對色彩位置的調和管理，達到色彩自然引導視覺流程作用。如：色彩方案中易識別需要強對比的色彩來進行設計，當然還需要考慮色彩簡潔化搭配。

利用色彩引導消費設計。優秀的色彩設計可以在應用被使用時，給用戶留下第一眼的色彩印象，提高用戶轉化率。如：適當的空間色彩及留白，可以點綴產品主題，色彩識別體驗更佳，建議一個移動互聯網產品用色不超過三種，一種主色，兩種輔助色調。

3.5 原型發現—交互動效設計優化策略

交互設計的終極目標是改變和影響用戶的行為，達到期望的業務結果，如訪問、搜索率等結果指標，結果指標因產品而異，不具有普遍性。而在交互設計中，以交互設計定律為指導的過程指標（少快好省）是通用的，可以說放之四海皆準。

靜態頁面瀏覽者會覺得很平淡呆板，如果頁面訪問時有入場動效，會更加友好，需要探索一番，換言之，好的交互創意甚至能讓瀏覽者產生心流模式，頁面不斷給出交互動畫效果，獲得更多驚喜收獲及嘗試。

3.6 程序發現—功能設計應用優化策略

低代碼開發使團隊提高工作效率又可以快速構建和部署互聯網產品應用程序。低代碼或無代碼平臺的用戶可以用點擊界面構建項目，而不必為給定應用程序編寫每一行代碼。

以往不同終端都需要選擇不同的編程語言進行有效地編寫，才能實現不同終端的體驗。如今只需要一套代碼就可以在多個平臺上兼容。

當前我們對于技術、大數據的需求也逐漸提高，想必對軟件編程這個領域的訴求也越來越多。無論是作為軟件編程的專家還是作為該領域的小白來說，了解這些優化策略并把握其動態，一定會讓我們受益頗多。

3.7 測試發現—設計進程細節優化策略

互聯網產品的應用一般劃分為前端和后臺。我們可以理解成后臺是用來實現應用程序的功能的。而前端是屬于功能的表現。除了后端需要在性能上做優化外，前端也需要在性能優化，才能給我們的用戶帶來更好的用戶體驗。前后端優化，不僅為產品節約成本，還能吸引用戶增強了用戶體驗。下面從三個方面簡要說明前端優化：在HTML優化方面，從超文本、文件、用戶體驗方面進行減少嵌套層級關系、文件加載遵循W3c標準、訪問加載等進行優化，不僅提升速度而且可以快速解析便于引導。在CSS優化方面，從渲染和動畫方面進行精簡代碼模塊和動畫加載，既能提升渲染速度且對瀏覽器兼容更佳。在JS優化方面，從JS文件、變量與函數、動效、緩存等進行路徑位置、節流函數、減少動效、降低緩存來進行優化，既提升性能及效率又對用戶體驗帶來更佳的體驗效果。

結論

交互設計之美，助力打造完美的用戶體驗之旅。本文通過對互聯網產品設計中用戶體驗、色彩搭配、交互設計細節優化的思考，從互聯網產品設計現狀、用戶體驗和交互設計、構建與優化策略進行研究。通過反復調查分析，集思廣益尋求產品設計解決方案，再從互聯網產品的構思、體驗、視覺、色彩、交互、研發、測試等方面，闡明用戶體驗與交互設計中的改進優化的關鍵點，尋求清晰思路，提升設計效率，有效設計優化，打造出色的用戶體驗設計。總之，設計優化策略是用來解決用戶實際問題最直觀的結論，構建有價值的功能體驗，并遵循用戶的使用方式和思考。因此對用戶體驗、色彩搭配、交互設計的細節作出優化是十分有必要的。