起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識干貨分享：VR全景工具設計改版
編輯導讀：現在家居行業、房地產行業越來越多采用VR全景工具，可以較為真實地感受到家居、房子的全貌，幫助消費者做出判斷。本文作者圍繞VR全景工具的設計展開分析，希望對你有幫助。
01 背景
VR全景為家具行業零售場景帶來革命性的變化，在交互式展示和營銷體驗這兩個方面帶來了突出的市場機會。相比傳統的靜態效果圖，在談單階段有全景圖工具的介入，帶來了明顯的客戶留店時長增加、線上傳播獲客提升以及所見即所得簽單率提高等商家營銷價值。
對設計師來說，借助全景圖能夠更好地為自己的客戶展現設計方案，襯托方案的品質，注解方案的細節，讓整個瀏覽過程的體驗感受更加舒適沉浸。
02 業務變化
我們在跟更多商家的密切合作過程中，也承接了越來越多的全景圖工具需求。而在之前的界面框架基礎上進行堆積，整個界面變得臃腫不堪；
- 商家們希望借助全景圖工具能夠打造更好的營銷體驗，增加獲客率和成交率
- 方案設計師們對于如何利用交互式展示的形式，更好地展現方案效果提出了挑戰。
借此契機，由設計側發起了此次體驗改版項目。
03 設計目標
具體分析問題之后發現，①商家的訴求是能夠通過全景圖充分傳遞設計意圖，提高營銷談單的效率；②用戶也就是全景圖的瀏覽者的訴求是能夠快速獲取方案信息，便于決策；③業務的訴求是能夠有拓展性更高的框架來承載后續的新增功能，同時提高產品的訪問深度。從而推導出了三個設計目標:
- 用戶側：提升用戶瀏覽效率
- 商家側：提升營銷互動體驗
- 產品側：提升產品框架可拓展性和品質感
04 提升用戶瀏覽效率
設計策略：拆分全景圖信息類型，在導覽內和場景內分別進行優化
用戶在瀏覽方案時，主要有兩類信息需要用戶關注:
- 空間物理信息：整屋信息，視角所在房間信息
- 設計輔助信息：商品信息，家具信息，材料信息，品牌、聯系方式等。
將瀏覽效率的提升拆分到空間信息和設計信息的傳遞效率的提升，即在輔助瀏覽者能夠快速理解整個空間的信息的同時，讓方案設計者的設計意圖可以充分傳遞給瀏覽者。
1. 導覽內空間信息傳遞
單張全景圖的技術本身即可以滿足用戶環視單空間的需求，但是在多空間的場景，需要全局視角將不同空間的全景聯系在一起，此時導覽的全局概覽就變的意義重大。
用戶理解空間之間的關系，需要知道自己所在房間位置、所在位置和全局的關系。2D的平面圖導覽和3D場景中的位置標識應有明確清晰的映射關系，并且突出用戶重點關注項。
此時經常出現的場景是在一個房間內渲染了多張全景圖的情況，即一個空間內有多個渲染錨點。移動端和PC端的交互處理需要做區分。
- PC端可以用鼠標精確操作，所以錨點直接平鋪在戶型圖上方便用戶切換，若是重疊嚴重，支持用戶拖拽展開，方便用戶點選切換。
- 移動端精確操作困難，在有限區域內顯示錨點只會干擾用戶視線，故可跳轉到三維戶型，用滑動模型，點擊選擇切換對象。
2. 場景內空間信息傳遞
在方案場景內，用戶是以第一人稱的漫游視角環視單個空間信息的，此時，場景熱點就是為用戶跳轉不同空間全景圖而存在的引導媒介，也是在全景圖中點擊量最高的熱點，如何讓他們能夠不突兀地顯示在三維場景中，自然地引導用戶進行點擊是優化的方向。
- 選用立體的形態更能讓場景熱點的存在貼合三維的場景。
- 拉近空間名稱與標志的距離，在多個帶房間名稱的場景熱點距離較近重疊時，更好地識別定位關系。
3. 場景內設計輔助信息傳遞
設計師通常會對方案做出額外的補充說明，而這些說明需要滿足幾個前提：關注度區分，可識別性和有序性
關注度區分：希望用戶在瀏覽方案時對不同類型的信息的關注度是不同的，比如商品是需要用戶重點關注的對象， 文字多會用于補充說明, 不需要用戶重點關注。設計側通過動效、顏色、細節豐富度等不同維度綜合考慮，區分熱點的重要程度，從而引導用戶的視線。
可識別性：不同于普通界面元素，全景圖在底圖非固定的前提下，要保證在亮暗兩色上的可識別性，所以在樣式上有一定的限制和原則需要遵守。
信息有序一致：作為輔助標注不能喧賓奪主，打破用戶瀏覽的沉浸感。所以標注雖然種類繁多，但需要按照體量，在有限樣式中增加，保證信息的有序性和一致性
05 提升設計師營銷談單效率
1. 設計策略：分層增加場景互動性，增加訪問深度
談單成功的前提是用戶充分了解方案，全景圖工具提供在單間商品內，多件商品之間，多個風格間和多個方案間等多個維度提供互動形式, 提高用戶跟場景方案的互動，增加了對方案的整體訪問深度。
- 用戶可以更了解商品細節，同時有更多對比選擇余地，方便快速決策；
- 設計師可以縱向增加方案豐富程度，提高談單成交可能性。
06 提升產品框架可拓展性和品質感
1. 設計思路：細分用戶行為場景，整合場景訴求點
隨著功能的不斷增加，現有高權益版本含功能30+個，如何提高框架的可拓展性，在界面上合理地布局，需要分場景來分析前置條件。
- 定位場景跟瀏覽場景互斥，當用戶將注意力放在查看方案的時候，是顧不上看功能列表的。因此將“看方案”和“找功能”的場景區分開，共用同一塊區域，從而優化信息排布。
- 但同時“用功能”的場景要求所見即所得，需要在操作功能開關的時候，及時瀏覽到是否在界面上生效，要求場景和功能能在同時被用戶關注到。
以上條件決定了界面特征：
- 在主界面「看方案」，盡量減少操作按鈕占用界面的空間，讓用戶有足夠的空間沉浸瀏覽方案內容，所以需要制定一定規則對現有功能進行整合收納，同時為后續可能增加功能留出拓展空間。
- 功能列表可以遮蓋界面，因為不會同時看方案，但是因為部分功能需要及時預覽生效結果，所以遮蓋區域需要限制，不能是全屏。
2. 框架拓展性提升-功能分類整合
- 收納同類功能，如熱點開關，放在下級菜單中進行統一管理
- 根據頻率決定分區，將高頻按鈕外露，低頻使用的功能在「工具箱」中收起；工具箱在有限區域內可滑屏查看。
- 保證商家信息展示優先級
3. 風格品質提升-風格探索
關鍵詞：未來、空間、延展，借鑒HMI設計風格 —— 微型儀表盤、斜切角
07 動態效果
https://www.bilibili.com/video/BV1QR4y1G7fj?spm_id_from=333.999.0.0
08 結語
全景圖去年也在展廳等細分領域得到了商業化的落地。我們在設計的時候也會結合更多的因素進行考量，比如不同于家居空間的小巧，展廳等商業空間商品的展示需求會更加密集，在這種情況下，如何結合空間特性，借助前端技術進行巧妙的呈現等，也非常值得思考發散。
新領域引入了更多不確定因素，在其間探索更需要設計師把握商業和體驗的平衡，我們也會針對特定的課題進行更深入的探討。
文中的數據均已做模糊處理, 非真實數據，僅作為演示用途, 對數據呈現不負相應責任。
作者：阿檀，公眾號：酷家樂用戶體驗設計
本文由 @酷家樂用戶體驗設計 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自Pexels，基于 CC0 協議
- 目前還沒評論，等你發揮！
