▲點擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識，助力全球 1 億設(shè)計師成長

轉(zhuǎn)自：酷家樂用戶體驗設(shè)計

編輯：章欣怡

共 2811 字 22 圖  預(yù)計閱讀 8 分鐘

Background

Part 1

• 商家們希望借助全景圖工具能夠打造更好的營銷體驗，增加獲客率和成交率
• 方案設(shè)計師們對于如何利用交互式展示的形式，更好地展現(xiàn)方案效果提出了挑戰(zhàn)。
  
  

Part 2

設(shè)計目標(biāo)

• 用戶側(cè)：提升用戶瀏覽效率
• 商家側(cè)：提升營銷互動體驗
• 產(chǎn)品側(cè)：提升產(chǎn)品框架可拓展性和品質(zhì)感
  
  

Part 3

• 空間物理信息：整屋信息，視角所在房間信息
• 設(shè)計輔助信息：商品信息，家具信息，材料信息，品牌、聯(lián)系方式等。
  

•  PC 端可以用鼠標(biāo)精確操作，所以錨點直接平鋪在戶型圖上方便用戶切換，若是重疊嚴(yán)重，支持用戶拖拽展開，方便用戶點選切換。
• 移動端精確操作困難，在有限區(qū)域內(nèi)顯示錨點只會干擾用戶視線，故可跳轉(zhuǎn)到三維戶型，用滑動模型，點擊選擇切換對象。
  
  

• 選用立體的形態(tài)更能讓場景熱點的存在貼合三維的場景。
• 拉近空間名稱與標(biāo)志的距離，在多個帶房間名稱的場景熱點距離較近重疊時，更好地識別定位關(guān)系。
  
  

Part 4

• 用戶可以更了解商品細(xì)節(jié)，同時有更多對比選擇余地，方便快速決策；
  
• 設(shè)計師可以縱向增加方案豐富程度，提高談單成交可能性。
  
  

Part 5

• 定位場景跟瀏覽場景互斥，當(dāng)用戶將注意力放在查看方案的時候，是顧不上看功能列表的。因此將 “看方案” 和 “找功能” 的場景區(qū)分開，共用同一塊區(qū)域，從而優(yōu)化信息排布。
  
• 但同時 “用功能” 的場景要求所見即所得，需要在操作功能開關(guān)的時候，及時瀏覽到是否在界面上生效，要求場景和功能能在同時被用戶關(guān)注到。
  
  

• 在主界面「看方案」，盡量減少操作按鈕占用界面的空間，讓用戶有足夠的空間沉浸瀏覽方案內(nèi)容，所以需要制定一定規(guī)則對現(xiàn)有功能進(jìn)行整合收納，同時為后續(xù)可能增加功能留出拓展空間。
  
• 功能列表可以遮蓋界面，因為不會同時看方案，但是因為部分功能需要及時預(yù)覽生效結(jié)果，所以遮蓋區(qū)域需要限制，不能是全屏。

• 收納同類功能，如熱點開關(guān)，放在下級菜單中進(jìn)行統(tǒng)一管理；
  
• 根據(jù)頻率決定分區(qū)，將高頻按鈕外露，低頻使用的功能在「工具箱」中收起；工具箱在有限區(qū)域內(nèi)可滑屏查看；
  
• 保證商家信息展示優(yōu)先級。
  
  

Part 6

The End