<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    2. 

    <del id="afajh"><form id="afajh"></form></del>
    

    5. 

        1. <th id="afajh"><progress id="afajh"></progress></th>

          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>
          實(shí)戰(zhàn)技巧｜沉浸式設(shè)計(jì)的應(yīng)用探索
          共
                3463字，需瀏覽
                    7分鐘
                
           ·
          2021-05-23 11:15
          
                    

                    
                    
                    
                    



          ▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們
          歡迎來(lái)到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
          三分設(shè)｜連接知識(shí)，幫助全球 1 億設(shè)計(jì)師成長(zhǎng)
          阿里巴巴設(shè)計(jì)官方認(rèn)證 MCN 機(jī)構(gòu)
          SUXA 深圳體驗(yàn)設(shè)計(jì)協(xié)會(huì)華東分會(huì)
          全球服務(wù)設(shè)計(jì)共創(chuàng)節(jié)城市站發(fā)起者
          ·
          轉(zhuǎn)自：京東設(shè)計(jì)中心JDC
          編輯：劉麗
          共 2822 字，預(yù)計(jì)閱讀 8 分鐘


          本文將梳理沉浸式設(shè)計(jì)的定義、相關(guān)理論和觀點(diǎn)，結(jié)合沉浸式設(shè)計(jì)的一些應(yīng)用案例歸納沉浸式設(shè)計(jì)的幾種常見(jiàn)手段，最后再借用相關(guān)數(shù)據(jù)論證沉浸式設(shè)計(jì)的價(jià)值。


          什么是沉浸式設(shè)計(jì)？

          最初沉浸式體驗(yàn)的提出是基于 VR 技術(shù)的多感官沉浸體驗(yàn)，而本文探究的方向?yàn)榛ヂ?lián)網(wǎng)產(chǎn)品的沉浸式設(shè)計(jì)，因此本文提到的理論和觀點(diǎn)會(huì)更加偏向用戶在使用互聯(lián)網(wǎng)產(chǎn)品時(shí)的場(chǎng)景、心理與習(xí)慣。

          對(duì)于沉浸式設(shè)計(jì)的定義可以從以下兩個(gè)角度來(lái)理解。

          1. 從用戶感官體驗(yàn)角度 —— IE9沉浸式瀏覽體驗(yàn)的描述
          “IE 9 界面設(shè)計(jì)簡(jiǎn)潔，并與 Windows 7 良好集成，為網(wǎng)站提供更大的顯示區(qū)域，從而讓用戶聚焦于應(yīng)用本身，而不是瀏覽器。瀏覽器控件減少并且處于半透明狀態(tài)，避免干擾用戶的視線，真正讓網(wǎng)絡(luò)內(nèi)容成為用戶關(guān)注的焦點(diǎn)?！?/span>

          IE 9 對(duì)于沉浸式設(shè)計(jì)的描述更多的關(guān)注在與用戶交互的層面，注重界面和控件的表現(xiàn)形式以及用戶的感官體驗(yàn)。

          2. 從用戶認(rèn)知體驗(yàn)角度 —— 心流理論
          《設(shè)計(jì)的法則》 中對(duì) Immersion 的解釋就是使用的心流理論 flow（心流）。心流理論的核心是當(dāng)人在技能和挑戰(zhàn)匹配時(shí)，可以完全沉浸在當(dāng)前的情境中，忘卻真實(shí)的世界和時(shí)間的流逝。
          心流理論對(duì)于沉浸式體驗(yàn)的描述更多聚焦于用戶的認(rèn)知體驗(yàn)，即挑戰(zhàn)與能力相匹配的體驗(yàn)。

          而既包含豐富的感官經(jīng)驗(yàn)，又包含豐富的認(rèn)知體驗(yàn)的活動(dòng)才能創(chuàng)造最令人投入的沉浸式體驗(yàn)。因此，本文將結(jié)合以上兩種定義來(lái)探究沉浸式設(shè)計(jì)。


          沉浸式設(shè)計(jì)有何特征？

          沉浸式體驗(yàn)有三類特征：條件特征、體驗(yàn)特征 和 結(jié)果特征。

          1.條件特征
          目標(biāo)明確：用戶在體驗(yàn)過(guò)程中需要有非常明確的目標(biāo)。
          及時(shí)反饋：對(duì)用戶的交互行為有及時(shí)的反饋。
          匹配：能力與挑戰(zhàn)匹配。

          2.體驗(yàn)特征
          行動(dòng)與知覺(jué)的融合：比如游戲中砍人掉血，點(diǎn)贊后的動(dòng)效等。
          全情投入：注意力集中，用戶的專注力非常高，是沉浸式體驗(yàn)中非常重要的特點(diǎn)。
          主控感：用戶認(rèn)為可以通過(guò)自己的互動(dòng)參與，影響最終結(jié)果。

          3.結(jié)果特征
          無(wú)憂無(wú)慮：失去自我意識(shí)。
          忽略時(shí)間：對(duì)時(shí)間的錯(cuò)覺(jué)，在體驗(yàn)中將對(duì)時(shí)間的認(rèn)知拉長(zhǎng)或縮短。
          體驗(yàn)即目標(biāo)：目標(biāo)會(huì)變成體驗(yàn)本身，愿意為了良好的體驗(yàn)而去沉浸其中。
          而以上特征不必全部實(shí)現(xiàn)才能達(dá)到心流，如抖音的內(nèi)容視頻，用戶在觀看的過(guò)程中并沒(méi)有明確的目標(biāo)，但是內(nèi)容的吸引能讓用戶全情投入，失去自我意識(shí)，同時(shí)降低對(duì)時(shí)間的感知。因此沉浸式設(shè)計(jì)是可以針對(duì)體驗(yàn)特征的某一點(diǎn)入手的，結(jié)合產(chǎn)品目標(biāo)針對(duì)性的完成設(shè)計(jì)。


          沉浸式設(shè)計(jì)依據(jù)的法則

          1. 敘事性法則
          敘事性設(shè)計(jì)的方法有很多，不僅包含常規(guī)意義上的故事情節(jié)線索，也可以通過(guò)對(duì)情境、角色、氛圍、節(jié)奏等的設(shè)計(jì)讓用戶融入到故事中來(lái)。

          2. 最省力法則
          降低人們?cè)谶_(dá)成目標(biāo)時(shí)的認(rèn)知阻力 （達(dá)成目標(biāo)的腦力活動(dòng)總量） 和運(yùn)動(dòng)阻力 （達(dá)成目標(biāo)的體力活動(dòng)總量） 就是最省力法則。


          沉浸式設(shè)計(jì)的一些手段及應(yīng)用案例

          前文中提到了沉浸式設(shè)計(jì)的兩種定義： 感官層面的界面處理和認(rèn)知層面的心流理論。圍繞這兩種定義，本文整理出以下幾種沉浸式設(shè)計(jì)手段。

          1. 感官層面
          （1）深色背景集中注意力
          沉浸式設(shè)計(jì)的第一步是吸引，首先要先把用戶的視線吸引過(guò)來(lái)。Android 10 和 iOS 13 上都適配了深色模式，而且 Apple 和 Google 也一直致力于對(duì)深色模式的開(kāi)發(fā)中。
          這是因?yàn)樯钌谋尘俺嗽谌豕猸h(huán)境下有更好的可讀性外，也會(huì)降低周圍元素的影響，讓用戶更關(guān)注于內(nèi)容，特別是圖片和視頻為主的應(yīng)用。如抖音的橫屏視頻背景默認(rèn)為黑色，淘寶的首頁(yè)猜喜信息流背景也為黑色，攜程也開(kāi)始了以圖片+黑色半透明蒙版形式的沉浸式設(shè)計(jì)嘗試。
          （2）降低控件存在感
          對(duì)控件進(jìn)行閑置時(shí)半透明的處理，可以降低控件對(duì)內(nèi)容的干擾，讓用戶更專注于內(nèi)容本身。如下圖中的qq音樂(lè)中的 “撲通” 模塊，控件和說(shuō)明僅在剛進(jìn)入本頁(yè)以及用戶點(diǎn)擊屏幕時(shí)才會(huì)出現(xiàn)，出現(xiàn)后便很快消失，保證用戶可以專注于視頻本身。
          （3）全屏豎屏增強(qiáng)內(nèi)容感知
          對(duì)于圖文視頻等內(nèi)容類應(yīng)用，全屏豎屏的形式可以讓視角更加聚焦、重點(diǎn)更加突出，快速占據(jù)用戶注意力，充分、深度傳達(dá)內(nèi)容信息。因此越來(lái)越多的應(yīng)用均開(kāi)始進(jìn)行豎屏或全屏的設(shè)計(jì)探索。如全民k歌中的歌曲播放界面和推薦信息流，小紅書(shū)的關(guān)注信息流，以及直播界面等。

          2. 認(rèn)知層面
          （1）故事性設(shè)計(jì)
          通過(guò)故事情節(jié)內(nèi)容，結(jié)合視覺(jué)表現(xiàn)形式 （如插畫(huà)、條漫等） ，吸引并感染用戶。

          （2）成就感設(shè)計(jì)
          這一手段是讓用戶的能力與面對(duì)的挑戰(zhàn)相匹配，在游戲設(shè)計(jì)當(dāng)中最為常見(jiàn)。在玩游戲時(shí)最爽的并不是擊敗怪物的瞬間，而是游戲不斷創(chuàng)造一個(gè)新的挑戰(zhàn)，自己通過(guò)提升能力去克服挑戰(zhàn)這種感覺(jué)。

          3. 感官層與認(rèn)知層結(jié)合
          空間場(chǎng)景化設(shè)計(jì)。這是感官和認(rèn)知結(jié)合的體驗(yàn)形式。場(chǎng)景的代入感很強(qiáng)，用戶很容易被場(chǎng)景吸引并專注于其中。空間設(shè)計(jì)體現(xiàn)了空間感縱深感，打開(kāi)的是空間維度；再利用模擬現(xiàn)實(shí)的設(shè)計(jì)表達(dá)引入場(chǎng)景，場(chǎng)景化的表達(dá)能夠結(jié)合用戶的認(rèn)知習(xí)慣，高效地傳達(dá)信息，同時(shí)也營(yíng)造了沉浸式的體驗(yàn)氛圍。


          沉浸式設(shè)計(jì)的價(jià)值

          結(jié)合以上分析，本文從用戶體驗(yàn)價(jià)值和商業(yè)價(jià)值兩方面來(lái)探討沉浸式設(shè)計(jì)的應(yīng)用價(jià)值。

          1.沉浸式設(shè)計(jì)的用戶體驗(yàn)價(jià)值
          （1）價(jià)值 1 ：幫助用戶聚焦注意力
          沉浸式設(shè)計(jì)能讓用戶有 更沉浸式的瀏覽和使用體驗(yàn)。沉浸式設(shè)計(jì)可以讓 瀏覽視角更聚焦、內(nèi)容重點(diǎn)更突出，因此用戶注意力提升后，信息觸達(dá)更充分，從而能使內(nèi)容更快的占據(jù)用戶心智。

          （2）價(jià)值 2 ：更方便用戶操作
          以豎屏全屏為例，豎持手機(jī)更加符合用戶大多數(shù)的使用場(chǎng)景和習(xí)慣，操作也更便捷自如，與碎片化的生活場(chǎng)景更加契合；同時(shí)用戶查看觀點(diǎn)和發(fā)表觀點(diǎn)時(shí)操作也更加便捷。

          2.沉浸式設(shè)計(jì)的商業(yè)價(jià)值
          本文以豎屏廣告相關(guān)數(shù)據(jù)進(jìn)行參考，來(lái)部分論證沉浸式設(shè)計(jì)的商業(yè)價(jià)值。

          （1）價(jià)值 1：豎屏變現(xiàn)效率更高
          從廣告效果來(lái)看，豎屏廣告無(wú)論是視頻的播放完成率還是用戶的視覺(jué)注意力指數(shù)都要超出橫屏廣告。根據(jù) Snapchat 的統(tǒng)計(jì)數(shù)據(jù)，全屏豎屏視頻廣告的播放完成率比橫屏視頻廣告高 9 倍，視覺(jué)注意力高 2 倍，點(diǎn)擊率高 1.44 倍，互動(dòng)效果提升 41 %。

          （2）價(jià)值 2：豎屏廣告變現(xiàn)價(jià)格更高
          從變現(xiàn)收益來(lái)看，豎屏廣告比圖文廣告 CPM 要高 2-5 倍。因?yàn)槌两揭曨l信息流廣告通過(guò)與用戶的互動(dòng)引導(dǎo)更具原生性，廣告本身成為內(nèi)容的一部分，這樣傳遞品牌信息觸達(dá)用戶的可能性顯然更大，更有利于占領(lǐng)用戶心智，從而保證轉(zhuǎn)化率更高。


          結(jié)語(yǔ)

          通過(guò)以上的梳理和分析可以明確沉浸式設(shè)計(jì)的適用范圍：即更適合需要長(zhǎng)時(shí)間吸引人注意力的活動(dòng)使用；而對(duì)于需要快速獲取大量信息、獲得信息后需要快速脫離當(dāng)前場(chǎng)景的活動(dòng)并不適宜。因此在使用沉浸式設(shè)計(jì)時(shí)也要結(jié)合設(shè)計(jì)本身的形式和目標(biāo)。

          綜上，沉浸式設(shè)計(jì)在互聯(lián)網(wǎng)產(chǎn)品中的應(yīng)用雖然仍在探索中，但從目前抖音、淘寶以及各種手游等產(chǎn)品的沉浸式設(shè)計(jì)現(xiàn)狀來(lái)看，沉浸式設(shè)計(jì)的用戶體驗(yàn)價(jià)值和商業(yè)價(jià)值是具有非常大的潛力的。


          超值課程推薦
          華為用戶體驗(yàn)設(shè)計(jì)的體系搭建方法
          超 10 億用戶的產(chǎn)品，到底是怎么做用戶體驗(yàn)的？
          揭秘滴滴、蔚來(lái)等大廠的用戶體驗(yàn)設(shè)計(jì)策略

          原創(chuàng)好文推薦
          一款為你帶來(lái)難忘體驗(yàn)的美食 APP
          Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)
          2021 年用戶體驗(yàn)設(shè)計(jì)趨勢(shì)分析
          想要引導(dǎo)用戶行為轉(zhuǎn)化，設(shè)計(jì)師必須深刻理解這 4 個(gè)認(rèn)知心理學(xué)理論
          讓設(shè)計(jì)圈一片嘩然的 Google 新 logo 到底出了什么問(wèn)題？國(guó)外的設(shè)計(jì)專家這么說(shuō)
          如何系統(tǒng)的增強(qiáng)用戶粘性，提升產(chǎn)品轉(zhuǎn)化率？你要懂得“行為設(shè)計(jì)學(xué)”
          設(shè)計(jì)新趨勢(shì)「玻璃擬態(tài)」到底是什么？這里有一份實(shí)現(xiàn)效果的詳細(xì)教程
          如何將設(shè)計(jì)系統(tǒng)快速的從 Sketch 切換到 Figma？這里有 6 個(gè)需要注意的關(guān)鍵點(diǎn)


          歡迎大家關(guān)注三分設(shè)，每天分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí)，定期大咖老師直播分享，零距離連麥，答疑解惑。
          
                
          瀏覽
                    57
          點(diǎn)贊
    
          評(píng)論
    
          收藏
    
          分享
        
          手機(jī)掃一掃分享
          分享
    
          
        舉報(bào)
    
          評(píng)論
          圖片
          表情
          推薦
        
          點(diǎn)贊
    
          評(píng)論
    
          收藏
    
          分享
        
          手機(jī)掃一掃分享
          分享
    
          
        舉報(bào)
    
          

          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            2. 

            <del id="afajh"><form id="afajh"></form></del>
            

            5. 

                1. <th id="afajh"><progress id="afajh"></progress></th>

                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  

日本亚洲一
|
四虎影库男人精品
|
俺来也俺也去成人女优
|
久久久精品三级无码
|
日本在线视频一区二区三区
|