抱歉久更啦~~~

本文為大家分享一點在移動AR產品設計中積累的經驗和認知,僅供參考,不足之處請指正。為了避免話題發散,從三個維度闡述:

一、應用場景

從產品應用場景區分,可以主要分為兩類:功能性產品和娛樂性產品,對於AR也是一樣。

1、功能性產品設計,主要考慮用戶痛點

比如AR導航,解決用戶找路困難的問題,重點在於導航路線的規劃AR輔助的指引等等,其中AR虛擬形象則屬於次要功能

圖片來自谷歌地圖體驗

比如AR實景翻譯,解決實時翻譯問題,重點在於實景呈現無需拍照等待,核心在於渲染呈現

圖片來自谷歌翻譯體驗

2、娛樂性產品,主要考慮用戶體驗

例如AR產品展示,核心要考慮用戶使用流程及內容呈現方式,要求內容模型要精緻、流程引導要豐富、交互操作要簡便;

圖片來自網易洞見APP體驗

例如AR互動遊戲,要結合AR虛實融合虛實互動,發揮AR的特點,體現AR的價值意義。

圖片來源網路,AR釣魚

所以,對於AR產品設計來講,首先要確定場景內容,明確要傳遞給用戶的價值和意義。舉個特別簡單的例子,詳細很多人都見過AR+識圖卡的產品應用,這個曾經被譽為顛覆傳統的產品如今變得為人詬病,我覺得很大程度上是因為AR產品設計的問題。

圖片來源網路

從產品維度講,通過AR識圖的方式,將傳統的圖文信息變成立體的模型/影音,在很大程度上提升了閱讀體驗和認知方式,但是並不代表AR就是掃圖出模型這麼簡單。如果是應用在認知教育上,應該重點將需要表達的知識點,通過AR的方式更直觀立體的表達;如果僅僅是內容展示,遊戲互動,那要更關注交互玩法,例如控制模型移動、基於任何位置放置、動態塗色等等。

圖片來自小熊尼奧APP體驗

應用場景不同,用戶群體不同,產品定位和功能設計都會各有偏重。

二、產品方案

AR產品設計,我一直堅持的觀點是,要體現出AR虛實融合以及虛實互動的特點。

有許多所謂的AR產品,或是通過識圖調起一個H5網頁,或是相機背景的H5網頁,並沒有真正體現出AR的價值,而且會對普通用戶造成錯誤的認知。

這裡主要強調三個方面:

1、內容呈現:AR是增強現實,AR內容是對現實的增強效果,而不是隨便疊加一個粗糙簡陋的模型或者圖片視頻。對大多數人來說,AR是高科技,是新奇玩意兒,通過AR技術呈現的應該是精緻的模型、酷炫的視頻,例如古建復原特效、太空星球模型、酷炫特效視頻等等。

圖片來自我的天科技APP體驗

2、虛實融合:同樣,通過AR呈現的內容要與現實環境有很好的融合效果,例如之前文章中提到的光照一致、幾何一致、虛實遮擋等等。除了上述技術方式之外,在AR設計中還可以在視覺層面做處理,實現真實感十足的AR效果。

下圖,是網易洞見APP->召喚網易廠花的案例,巧妙的運用了模型貼圖處理的方式,實現了非常酷炫的虛實融合效果,模型與環境融為一體,就像真的從桌面生長出來一樣。

圖片來自網易洞見APP體驗

而此前,HoLoLens推出的AR射擊遊戲,敵人出場的動效十分酷炫,從窗戶裂開的洞里飛出,極具真實感,分不清楚虛擬和現實。

圖片來自HoloLens體驗

3、虛實互動:交互是產品體驗的重要環節,同樣,豐富的交互方式能讓AR產品體驗變得更加生動。對於移動AR來說,因為搭載了移動設備,可以通過多點觸控、GUI交互、設備搖一搖/轉動等交互方式實現對AR場景的交互。

對於AR來說,豐富的輸入通道可以讓交互方式變得更加多元化,可以讓虛與實之間的互動更自然,體驗更好。其中,不同的AR技術可以實現不同程度的跟蹤,對於VIO的SLAM技術來說,可以實現房間規模大小的跟蹤效果,也就是說可以通過設備位置移動實現位移交互方式,例如自然向前走動進出任意門,自然移動轉動進行射擊遊戲等等。

圖片來自QQ-AR任意門體驗

三、交互細節

相對而言,業內有許多設計非常好的AR產品,當然也有很多粗製濫造的,許多產品設計人員其實並不能夠充分理解AR是什麼,可以怎麼展示,可以怎麼交互。同樣,對於普通用戶來說更是如此。

AR行業尚處於用戶初識階段,在三維環境里與內容的互動方式,有別於傳統的二維環境。在這裡重點介紹兩個AR產品中的交互細節

1、交互引導

因為AR是對場景/模型的呈現,需要對三維環境/模型進行交互,對用戶而言,三維透視、縱深這些概念也是有一定門檻的需要通過一定的引導告知才能更順利的進行體驗哪怕是最基礎的模型拖拽、縮放、旋轉等等。並且,引導方式也需要考慮AR場景中呈現的透視關係。

圖片來自網易洞見APP體驗截圖

特別喜歡Snapchat對AR場景中模型的交互引導,引導動畫時Gif序列幀,隨屏顯示但有模型跟隨的效果,是與模型位置相關的,不會丟失和割裂。

2、容錯設計

體驗過AR的用戶,會了解一個詞,叫「跟丟」,也就是跟蹤過程中模型丟失,找不到了。這種常見於圖像識別跟蹤和SLAM的AR場景中,因為環境信息的丟失或變更,AR模型也會丟失,這個時候需要做好容錯設計,做好跟丟補償,可以通過引導提示快速複位,重新體驗

圖片來自汽車之家APP體驗

上圖案例,就是AR場景中,模型跟蹤不穩定導致的場景丟失(這是目前技術的限制,無法徹底解決。不過好在ARKit基於VIO的SLAM技術可以解決這一問題,但在這裡,我們繼續說容錯設計和跟丟補償);當模型丟失後,通過出現的動畫按鈕,引導用戶點擊,基於當前位置重新定位展示。

最後,推薦一篇特別棒的AR產品設計的文章《如何設計具有「參與感」的線上活動?QQ-AR世界盃是這樣做的》zhuanlan.zhihu.com/p/42

推薦閱讀:

相关文章