科技品牌網(wǎng)站如何打造沉浸式體驗(yàn)？

新聞 2023-03-06編輯：重慶網(wǎng)站建設(shè)標(biāo)簽： 沉浸 如何打造

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

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

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

　　吸引消費(fèi)者購買產(chǎn)品或者服務(wù)的理由就是獨(dú)特的賣點(diǎn)，實(shí)際上就是能夠吸引買家眼球的獨(dú)特的利益。一個(gè)完整的產(chǎn)品概念是立體的，我們的提煉法則可以從產(chǎn)品的3種屬性入手：

1. 　　產(chǎn)品核心(產(chǎn)品價(jià)值)
2. 　　產(chǎn)品形式(外形、質(zhì)量、重量等)
3. 　　產(chǎn)品延伸(服務(wù)、身份、榮譽(yù)等附加價(jià)值)

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

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

　　家庭物聯(lián)網(wǎng)中的身臨其境

　　實(shí)現(xiàn)用戶在網(wǎng)站能有身臨其境的感受，是關(guān)于沉浸感的“爭奪”，可以從三個(gè)層次來切入：

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

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

　　2.感官的沉浸

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

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

　　在打造沉浸感的設(shè)計(jì)上會(huì)被經(jīng)常引用，這就能解釋，為什么要我們將云米5G物聯(lián)網(wǎng)頁面的“5G”字樣和頁面整體色調(diào)都設(shè)計(jì)為深色了。

　　產(chǎn)品體驗(yàn)上的身臨其境

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

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

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

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

　　2.增加整體體驗(yàn)的細(xì)節(jié)——微交互和動(dòng)態(tài)圖

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

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

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

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

　　寫在最后

　　沉浸式體驗(yàn)是一個(gè)相對(duì)新穎的概念，除了包括人的感官體驗(yàn)，也包括認(rèn)知體驗(yàn)。在網(wǎng)站打造沉浸式體驗(yàn)，可以讓訪客進(jìn)入網(wǎng)站之后的瀏覽體驗(yàn)有十分明確的目標(biāo)，不會(huì)讓他們感到不知所措，增加了他們?cè)诰W(wǎng)站的停留時(shí)間。 當(dāng)然，網(wǎng)站對(duì)訪客的交互行為要有即時(shí)的反饋，就像游戲?yàn)楹螘?huì)讓用戶快速達(dá)到沉浸狀態(tài)，這跟用戶動(dòng)作與響應(yīng)時(shí)間的間隔設(shè)計(jì)是息息相關(guān)的。

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