科技品牌網站如何打造沉浸式體驗？

新聞 2023-03-06編輯：深圳網站建設閱讀（）標簽： 沉浸 如何打造

深圳網站建設公司 幫助企業(yè)提升網站形象,彰顯公司實力,PC+手機+微信+小程序
【模板網站的價格】國際域名+阿里1G空間+備案 一條龍服務
【定制網站的功能】SEO精準營銷系統(tǒng)+城市分站+W3C標準
【營銷網站的效果】重長尾，重優(yōu)化，提權重，擴收錄，提排名
【量身訂制的設計】據據需求量身定制。設計到滿意為止
【專屬VIP的服務】24RX365 為您提供1對1的專屬VIP服務

　　智能家居的浪潮在國內一波又一波涌起，其實消費者并不太買賬，體驗感差，部分功能可有可無等一系列問題阻礙著智能家居在家庭的落地。

　　但這樣的情況已在發(fā)生轉變。一些兼具“家電”和“互聯網”基因的公司，從產品定義、技術研發(fā)、生態(tài)搭建等維度，將智能家居帶進我們的現實生活中

　　吸引消費者購買產品或者服務的理由就是獨特的賣點，實際上就是能夠吸引買家眼球的獨特的利益。一個完整的產品概念是立體的，我們的提煉法則可以從產品的3種屬性入手：

1. 　　產品核心(產品價值)
2. 　　產品形式(外形、質量、重量等)
3. 　　產品延伸(服務、身份、榮譽等附加價值)

　　身臨其境也就是所謂的沉浸感。在《設計的法則》一書中，對沉浸的解釋應用的是心流理論，簡而言之是利用人的感官體驗和認知體驗，營造氛圍讓參與者享受某種狀態(tài)。

　　就像VR顯示屏所展示的內容，由于它有著對視覺技術的把控、對場景封閉的塑造，以及對交互技術的強化，所以人們可以戴著頭盔參演一部電影。 網站內容的實質是在扮演信息交互的媒介，優(yōu)質的內容可以讓人直接與其進行交互，獲得價值。不單只是網站內容，應該是所有內容，未來的內容傳遞更關注用戶的沉浸感。

　　家庭物聯網中的身臨其境

　　實現用戶在網站能有身臨其境的感受，是關于沉浸感的“爭奪”，可以從三個層次來切入：

1. 　　信息的沉浸
2. 　　感官的沉浸
3. 　　大腦的沉浸

　　1.信息的沉浸信息當中能引發(fā)人們沉浸式關注的部分，比如關于奇聞、關于情感以及關于反常規(guī)等的信息能導致沉浸，這個層次的沉浸是初級的，它僅僅是信息釋放的刺激。

　　2.感官的沉浸

　　在這一層次，不限制于用文字作為載體，我們可以通過其他表現形式作為載體，釋放固定的刺激來喚起訪客的感官感受，或是情緒體驗，可能通過視覺、聽覺、感覺而傳遞。 兩個自動播放的視頻分別向訪客“講解”了“從孤立到整體的物聯網家庭場景體驗”和“打破不同類型智能家電之間的壁壘”，將訪客代入到整體、智能、互聯的家庭生活方式體驗，從而達到身臨其境的效果，也會有更直觀的理解和感受。用戶被吸引往往是置身于某一種場景之中，場景的設計代入感很強，這是感官和認知相結合在一起的體驗形式。

　　3.大腦的沉浸讓訪客的大腦全然沉浸的狀態(tài)，我們需要做的是稍微借助前兩個層次的方法，從而讓訪客達到第三層次的沉浸?？梢姵两皆O計的關鍵是吸引，用戶的視線首先要被吸引過來。 沉浸感可以理解為注意力的高度集中，在注意力越是高度集中的狀態(tài)，就越能體驗到沉浸感。那么，深色能讓用戶感知到應該將注意力迅速集中起來，不然總覺得看不清或者會錯過什么。所以說深色更容易讓人進入沉浸式體驗模式。

　　在打造沉浸感的設計上會被經常引用，這就能解釋，為什么要我們將云米5G物聯網頁面的“5G”字樣和頁面整體色調都設計為深色了。

　　產品體驗上的身臨其境

　　沉浸在云米的5G家庭物聯網，感受過云米打造的智能互聯未來的家之后，他們的主打產品又是如何在網站上做到，讓訪客有真實的產品體驗感受，同時又能強調產品的競爭力? 這就需要我們網站在產品體驗的沉浸式設計中，即要有吸引用戶的產品優(yōu)勢，還需要營造主題場景空間，通過場景延伸融合不同場景下的解決方案，適時制造有趣的互動體驗節(jié)點等等。從而使用戶沉浸其中，忘卻真實世界。

　　1.直觀明確的表達方式——短視頻和動態(tài)圖

　　我們不同于常規(guī)網站直接用產品圖加文字描述的形式，當你從首頁Banner圖的產品展示進入主打的產品詳情頁面——機器人和無繩吸塵器，只見一個自動播放的短視頻，直觀明確的演示了產品的工作狀態(tài)。

　　在沉浸感的設計中融入圖片、視頻，將產品的操作、狀態(tài)可視化，這些具象的形式可以讓訪客快速理解。

　　2.增加整體體驗的細節(jié)——微交互和動態(tài)圖

　　在網站的產品展示中離不開交互動效設計，合理有效的動效設計有助于提升用戶體驗，甚至可以進一步推動用戶與品牌的情感建立。 有了直觀明確的視頻呈現之后，就不需要過于花哨、炫酷和動感太強的交互了，這樣會使頁面看起來混亂，效果就會適得其反。加之，在時隔今日百花齊放的各類產品大環(huán)境中，微交互已經逐漸從膚淺的炫酷，轉型為富有內涵的用戶體驗的關鍵要素了。 我們向下滑動鼠標進入下一屏，左側的掃地機器人概念圖，會隨著我們滑動鼠標的動作緩緩地滑進頁面，再配合右側“紫外線殺菌技術”這一標題式文案，直觀點明了這個產品的核心功能。

　　我們還運用了【視差滾動】的交互效果，也就是當你滾動鼠標滾輪的時候，各圖層以不同速度移動，形成立體的運動效果，可以帶來十分出色的視覺體驗，搭配深色背景更能使訪客集中注意力沉浸其中，大大提升訪客體驗。

　　為了讓訪客可以看清楚這個產品的全貌，我們還做了產品3D示意圖，可按住鼠標左鍵根據環(huán)繞產品的圓形虛線進行拖動，可直觀地看清楚產品的全貌。

　　常規(guī)產品的展示相對于主打產品的展示會簡潔很多，只做了簡單的產品功能及特點的介紹。不過，與傳統(tǒng)外貿網站的產品展示不同的是，我們還運用具有科技感的產品應用示意圖便于訪客更好的理解。 同時，每個功能點的展示都伴隨著微動效而出現，流暢的動效體驗，可以讓訪客的閱讀過程更自然，增加了瀏覽體驗的舒適度。這樣的微動效加上圖片交錯出現的排版方式，也讓層級關系更加清晰，讓信息漸進式呈現，這些小細節(jié)足以讓視覺品質實現有效提升。

　　寫在最后

　　沉浸式體驗是一個相對新穎的概念，除了包括人的感官體驗，也包括認知體驗。在網站打造沉浸式體驗，可以讓訪客進入網站之后的瀏覽體驗有十分明確的目標，不會讓他們感到不知所措，增加了他們在網站的停留時間。 當然，網站對訪客的交互行為要有即時的反饋，就像游戲為何會讓用戶快速達到沉浸狀態(tài)，這跟用戶動作與響應時間的間隔設計是息息相關的。

• 上一章：面對非設計師的模板網站建設指南
• 下一章：企業(yè)家和網頁設計師之間的天作之合