99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

今年超火的放置類AR設計,送你一份大廠出品的設計指南(下)

2019-4-8    濤濤

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

模型交互的設計分析及體驗建議模型交互的作用范圍及交互特點


當用戶在真實環境的場景中穩定放下物體模型后,會有與模型進行進一步互動的需求。這類模型交互,通常會改變模型本身的物理屬性。例如:

  • 移動:改變物體在環境中的位置。
  • 縮放:改變物體的大小。
  • 旋轉:旋轉物體便于用戶不改變自身位置觀察物體。
  • 刪除/重置:讓模型在環境中消失或出現。

基于目前的 AR技術和手機設備限制,目前的模型交互主要是通過屏幕利用二維交互驅動 AR 三維場景中的模型,從而與模型進行互動。屏幕二維交互設計,主要是利用二維手勢和界面控件去達到交互的目的。例如:

  • 按鈕/搖桿:在手機界面中設計按鈕、搖桿。
  • 手勢:目前技術支持的瞬間的手勢操作、連續的手勢操作。比如單指點擊、單指長按、雙指縮放、雙指旋轉等等,我們在日常使用APP常用的手勢操作。

通過進行合理的分析設計,賦予這些手勢和界面控件具體的功能,去控制三維場景中模型的移動、旋轉、縮放。

模型移動的交互定義及設計形式

用戶會與模型進行互動,移動是最為常見的一種操作行為。通過在手機屏幕的手勢操作或按鈕操作,控制模型在現實場景中的位移。

我們需要通過設計用戶使用常用并熟知的手勢與模型進行交互,利用二維手勢驅動三維空間中的模型在X軸、Y軸、Z軸的位移。

放置模型后根據移動范圍X軸、Y軸、Z軸,與在現實環境的虛擬模型進行移動互動操作,設計手段包括手勢、搖桿的方式。可以參考以下五種設計內容:

  • 單指按住左右移動:模型移動以屏幕有效的外側邊沿為限。
  • 單指按住前后移動:縱深移動遵循近大遠小的透視效果。
  • 單指按住上下移動:模型以中軸線上下移動,實際為改變模型所在平面位置,投影以暗示高度。(需注意,單指按住前后和上下移動不會同時出現。)
  • 點哪去哪:模型從原位置向目標位置移動。
  • 界面搖桿:若屏幕手勢交互有可能對控制對象造成持續遮擋,或者無法很好的完成復雜操作要求,可以通過屏幕控件滿足需求。

模型移動并非需要X、Y、Z三個軸均開放,實際是根據模型位移交互的具體需求去選擇開放維度,并設計合理的交互方式去響應模型的移動。可參考以下案例:

模型旋轉的交互定義及設計形式

在現實場景中除了移動模型的位置,還可以通過旋轉360°來觀察模型細節,不僅控制模型還能把玩模型,賦予模型生命感,讓用戶更好地與模型進行互動。設計手段主要是針對手勢的設計。可以參考以下三種設計內容:

  • 雙指順/逆時擰:一只手雙指順時/逆時擰旋轉模型。
  • 雙指向左/向右滑動:一只手雙指左右滑動。
  • 單指向左/向右滑動:一只手單指左右滑動。

旋轉模型是為了全方位觀察模型,讓用戶更好地把玩模型。通過以下案例來進行說明:

模型縮放的交互定義及設計形式

移動模型、旋轉模型都是與模型互動,如果想深入了解模型則需要對模型進行縮放操作。設計手段包括手勢、滑動條、縮放倍數的按鈕。可以參考以下三種設計內容:

  • 雙指擴展/捏合縮放:以模型的中心點等比縮放。
  • 拖動滑動條縮放:拖動滑動條在0-100%的范圍內進行縮放,當標尺拖動到極限時,則模型不再響應縮放。
  • 固定縮放倍數按鈕:倍數已經固定,限定縮放的大小。

雙指擴展/捏合縮放是在二維手機界面被大家熟知的手勢操作,而滑動條、固定縮放倍數按鈕的縮放形式,在AR場景多用于游戲類產品,一般在模型放置時固定模型大小,進入游戲后不支持手持操作。可以參考以下案例:

有一種特殊的情況,當支持放置多個模型時,如何設計呢?此時,需要通過點擊選中模型,模型進入選中態,與其他模型區分開,選中后進行的操作只作用于該模型,并支持刪除模型的功能。

為了增加模型交互時體驗的豐富和細膩程度,模型交互(過程中、成功后)會有相應的反饋設計。包括:模型自身的動效、符合真實世界的視覺表現、音效、震動、語音反饋等。

模型交互的設計原則和建議

1. 根據模型需要定義交互自由度

模型的交互程度,需根據特定模型的自身屬性/產品的類型去定義,并非所有可交互類型都需要涉及。跟核心模型體驗無關的交互可禁止或增加操作難度。例如科普類模型固定放置在平面后,需要便捷地旋轉以查看模型細節,但Y軸移動查看的需求不大,部分場景可考慮禁止Y軸操作。又例如游戲類 AR 模型位置相對固定,更多的體驗在于與固定模型進行的細部交互。

2. 手勢設計簡單且符合直覺

手勢設計優先使用通用的方式,若沒有通用的方式,則盡可能使用簡單和符合用戶直覺的方式進行設計。若違反該原則可能造成用戶的理解和記憶障礙,需要加重用戶引導,避免給用戶造成操作困難。

3. 手勢設計按需搭配且不可沖突

在設定模型的交互自由度后,可選擇合適的手勢進行搭配使用。但一種操作方式只可匹配一個交互結果,不可出現手勢沖突。手勢的搭配需要成套考慮。例如以下搭配:

異常處理的設計分析及體驗建議

1. AR中異常情況的定義及設計內容

傳統APP設計存在異常情況,比如無網絡加載失敗,登錄發生錯誤等情況,那在放置類AR 中是否存在異常情況呢?

在放置類AR 場景中體驗時,由于使用者操作不當,導致模型出屏或模型丟失,無法與其再進行交互,我們統稱為異常情況。還有一種情況比較特殊,當正在體驗放置類AR時,其它應用突然被喚起,再重新返回放置類AR 場景的處理。所以我們從交互設計層面需要對異常情況進行及時處理,正確引導用戶解決困惑,給使用者一個良好的 AR 體驗。

在與模型互動過程中,會出現異常情況,需要通過一些設計形式可以及時地幫助使用者解決異常問題,設計手段包括:文字、動圖、語音、輔助圖形、重置、復位,具體運用根據實際設計需求而定。可以參考以下設計內容:

  • 模型出屏:模型出屏后視覺線索引導用戶找到模型,可以搭配文字、動圖、語音等形式,按照設計場景來自由組合。
  • 模型丟失:當視覺線索引導未找到模型時,通過點擊按鈕將模型復位。按鈕可以常駐或非常駐。

當發生模型出屏、模型丟棄復位的異常情況,根據產品類型和場景選擇合適的設計手段,解決用戶的困惑。結合具體案例以說明:

在異常情況中有一些相對特殊的情況,第一種情況:體驗放置類AR時,手機來電后不得不離開,當再次返回時,根據技術能力來進行交互設計引導,保留場景及模型或引導用戶重新獲取平面建立AR場景。第二種情況:當進入AR場景后,模型是固定大小尺寸,在設計時,需要考慮讓用戶可以重新放置模型在新的位置,提供重置按鈕。

游戲類、科普類設計時需要保留之前AR場景,有延續性的體驗,技術做不到保留,則需要重新識別平面再次建立AR場景進行體驗,如果支持放置多個模型的場景,建議不保留。當進入AR場景后,模型是固定大小尺寸,在設計時,要考慮界面上需要重置按鈕,讓用戶可以重新放置模型在新的位置。下面結合案例具體說明:

此外,在AR內容體驗中也會發生丟失平面的異常情況。這里的異常處理可以使用話術準確告知用戶原因,還可以配以圖片、動圖、語音,更具象更清晰引導用戶解決問題。需注意與平面識別引導的設計形式保持一致性,若平面識別未使用語音,則識別失敗提示也不能使用語音,避免突兀感。可以參考以下設計內容:

  • 純文字話術:通過簡單明了的文字正確引導用戶操作。
  • 圖片/動圖+文字話術:圖片/動圖詮釋文字的含義,幫助用戶理解如何操作。
  • 語音+文字話術:語音輔助文字,使信息更有效傳達,從而引導用戶操作。

2. 異常情況的設計原則和建議

模型出屏后需要及時引導用戶找到模型,避免焦慮感。

模型丟失后需要通過設計形式的組合搭配,以操作便捷的交互引導用戶。

建議在設計游戲類、科普類AR產品時,再次返回APP 需要保留之前的AR場景,保留延續性。

注意如果進入AR場景時無音效和語音,則異常情況引導不能出現音效和語音,避免突兀感。

平面識別失敗后需要及時反饋用戶如何操作,需注意設計形式保持前后一致。

放置類AR的設計核心原則

以上就是AR放置類交互節點的分析和設計建議的詳細內容。我們希望設計師能圍繞AR應用的真實場景,考慮到每個體驗節點的細節,結合上文提到設計建議,在設計過程中關注以下關鍵目標,為用戶創造更加友好和細膩的交互流程和體驗過程。

  • 清晰:傳達的內容清晰明了,不會產生疑惑或歧義。
  • 有效:能幫助用戶成功達到交互目標。
  • 流暢:無停頓感,過程一氣呵成。
  • 愉悅:用戶感覺愉快、無壓力。
  • 可控:可自主交互,過程反饋清晰,給用戶盡在掌握中的感受。

希望通過我們提出的設計內容、設計原則建議能幫助到作為閱讀的設計師、開發者們,在日后的產品設計、交互設計中能讓用戶在放置類AR場景有更好的體驗,這也是我們編寫的目的所在,為AI科技盡綿薄之力。

藍藍設計www.lapeinture.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://www.lapeinture.cn

存檔

成人高清免费| 国产国产人免费视频成69堂| 国产国语在线播放视频| 99久久精品国产高清一区二区| 久久国产影视免费精品| 亚洲精品影院久久久久久| 精品视频在线看 | 免费一级片在线| 久久精品大片| 成人免费网站视频ww| 久久99这里只有精品国产| 九九精品久久久久久久久| 日韩欧美一二三区| 国产不卡在线观看| 天天做日日爱夜夜爽| 日本免费看视频| 国产欧美精品| 日本特黄特黄aaaaa大片| 国产一区二区精品久久| 久久久久久久久综合影视网| 欧美大片aaaa一级毛片| 日本免费乱理伦片在线观看2018| 欧美大片一区| 日韩在线观看视频免费| 精品视频在线看 | 色综合久久手机在线| 四虎久久影院| 国产一级生活片| 亚洲天堂在线播放| 精品国产一区二区三区久久久蜜臀 | 国产麻豆精品高清在线播放| 精品国产一区二区三区久| 可以免费看污视频的网站| 久久久成人网| 免费国产在线视频| 亚洲精品影院| 久久99这里只有精品国产| 亚洲 激情| 国产美女在线一区二区三区| 精品国产一级毛片| 国产一级生活片| 国产激情视频在线观看| 一 级 黄 中国色 片| 日韩一级黄色大片| 黄视频网站免费观看| 欧美另类videosbestsex久久 | 欧美一区二区三区在线观看| 国产不卡在线观看视频| 91麻豆tv| 久久久久久久久综合影视网| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 九九九国产| 精品国产一级毛片| 九九干| 精品视频在线看 | 国产成人啪精品| 黄色短视屏| 精品视频在线观看免费| 沈樵在线观看福利| 可以免费看污视频的网站| 天天色成人网| 天天色成人网| 国产不卡在线看| 成人影视在线播放| 欧美a级成人淫片免费看| 国产伦精品一区二区三区在线观看 | 黄视频网站在线观看| 精品视频在线观看一区二区| 天天做人人爱夜夜爽2020毛片| 国产成人精品综合在线| a级精品九九九大片免费看| 欧美1区2区3区| 99久久精品国产免费| 日本免费区| 免费的黄色小视频| 四虎影视精品永久免费网站| 91麻豆tv| 午夜在线观看视频免费 成人| 亚久久伊人精品青青草原2020| 国产成人啪精品视频免费软件| 欧美另类videosbestsex视频| 日日夜夜婷婷| 日韩在线观看网站| 亚洲 激情| 国产不卡高清| 国产一区免费在线观看| 亚洲精品永久一区| 精品久久久久久中文字幕一区| 精品久久久久久中文字幕2017| 精品久久久久久影院免费| 二级特黄绝大片免费视频大片| 国产福利免费观看| 国产成人精品综合| 韩国毛片| 欧美激情一区二区三区视频 | 九九免费精品视频| 免费国产在线视频| 国产原创视频在线| 国产精品1024永久免费视频| 精品国产一级毛片| 日韩一级黄色片| 久久国产一区二区| 夜夜操网| 高清一级做a爱过程不卡视频| 青青青草视频在线观看| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产韩国精品一区二区三区| 国产一区二区精品| 精品在线免费播放| 色综合久久天天综线观看| 国产精品免费精品自在线观看| 国产原创中文字幕| 精品视频一区二区| 黄视频网站在线观看| 精品久久久久久中文字幕一区| 国产成人精品影视| 午夜精品国产自在现线拍| 四虎久久影院| 亚洲精品影院一区二区| 四虎影视久久久| 日韩一级黄色| 999精品视频在线| 一级毛片视频在线观看| 精品视频在线观看免费| 欧美18性精品| 一级片片| 免费国产一级特黄aa大片在线| 99久久精品费精品国产一区二区| 欧美激情伊人| 一本高清在线| 在线观看导航| 中文字幕一区二区三区精彩视频| 国产美女在线一区二区三区| 午夜激情视频在线观看| 精品视频在线观看免费| 欧美a级v片不卡在线观看| 色综合久久久久综合体桃花网| 九九久久国产精品大片| 久久99中文字幕| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 超级乱淫伦动漫| 麻豆系列 在线视频| 国产欧美精品午夜在线播放| 亚州视频一区二区| 免费一级生活片| a级毛片免费观看网站| 美国一区二区三区| 日本免费乱人伦在线观看| 精品久久久久久中文| 精品在线免费播放| 91麻豆tv| 日韩在线观看网站| 香蕉视频久久| 日韩在线观看网站| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 人人干人人插| 国产伦久视频免费观看视频| 精品久久久久久免费影院| 日日爽天天| 欧美激情一区二区三区视频高清 | 日韩在线观看网站| 亚洲精品中文一区不卡| 亚州视频一区二区| 日韩综合| 国产国产人免费视频成69堂| 国产一区二区精品在线观看| 日韩av成人| 国产a免费观看| 中文字幕97| 色综合久久天天综合观看| 国产视频网站在线观看| 日日日夜夜操| 精品国产一区二区三区国产馆| 99色视频在线观看| 成人免费高清视频| 欧美激情一区二区三区视频| 一级毛片视频在线观看| 国产精品免费久久| 黄视频网站在线看| 日韩中文字幕在线观看视频| 国产网站免费| 午夜在线亚洲| 精品久久久久久免费影院| 色综合久久天天综合观看| 沈樵在线观看福利| 国产亚洲精品成人a在线| 九九精品久久久久久久久| 欧美大片一区| 韩国三级一区| 九九九网站| 国产亚洲精品成人a在线| 久久久久久久免费视频| 精品视频在线观看一区二区三区| 欧美另类videosbestsex视频| 精品国产香蕉伊思人在线又爽又黄| 九九干| 久草免费在线观看| 日韩中文字幕在线播放| 欧美国产日韩久久久| 天天做日日干|