當我們將虛擬對象放置在用戶可以交互的真實世界環(huán)境中時，AR 就誕生了。AR可以通過各種類型的設備來完成，本文我們將討論智能手機等手持設備的AR實踐。

該項目是一個對 Nchworm——增強現(xiàn)實健身和訓練助手進行用戶體驗優(yōu)化的項目，項目將重點分享創(chuàng)建直觀且易于使用的沉浸式 AR 體驗背后的設計過程。

/背景Background

Nchworm 是一款增強現(xiàn)實運動表現(xiàn)應用程序，可通過你的手機在任何地方準確測量距離、創(chuàng)建訓練、球場、場地。Nchworm 幫助運動員在速度、敏捷性、加速度和耐力方面取得更好的成績，它還允許運動員準確地進行訓練。

/挑戰(zhàn)Challenge

與虛擬對象實時交互，并為在開放空間鍛煉的用戶創(chuàng)建直觀的沉浸式體驗，同時保持對運動員重要的關鍵數(shù)據(jù)獲取，例如時間跟蹤、鍛煉跟蹤和卡路里跟蹤。

1.發(fā)現(xiàn)

#1??Discovery

運動員、運動隊和他們的教練總是在尋找獲得更好成績和保證勝利的方法。新技術對于專業(yè)運動員來說是一個很大的優(yōu)勢，可以提高他們的技術并評估練習的利弊。

AR 是一個不可或缺的工具，運動員可以使用它來獲取每次擊球、跑步距離、推力、投擲、跳躍等的實時數(shù)據(jù)。有了這些信息，運動員可以糾正他們的行為、改變技術并做出正確的決定。

/AR用戶反饋

在沒有用戶調(diào)查的情況下，通過研究現(xiàn)有用戶對從 Google Play 和 App Store 下載應用程序的各種評論和看法，找出用戶在 AR 中發(fā)現(xiàn)的主要痛點和挑戰(zhàn)。用戶暴露的痛點是：

• 界面設計使用不當，并導致如何使用某些功能的混亂

• 測量距離的可靠性差

• GPS 和定位出現(xiàn)問題和故障

• 注冊顯示為非活動按鈕

• 一種設備的出色性能在其他設備的應用程序上不起作用

在所有應用程序中，最常見的痛點是使用用戶界面時的混亂。用戶認為需要更多說明，甚至必須聯(lián)系支持人員以了解如何使用應用程序。因此我們對用戶界面的易讀性和可讀性進行了廣泛的研究，以避免 AR 用戶在其他應用程序中遇到這些挑戰(zhàn)。

此次評估中考慮了用戶評論的應用程序包括 Strava、Jefit、Nike Run Club、Argus、Houzz Home Decor (ar)、TapMeasure — AR utility、AR Civilizations、AR Fitness。

/戶外或明亮燈光時用戶界面易讀性

根據(jù)研究，我們發(fā)現(xiàn)包括對比度在內(nèi)的幾個因素都會對易讀性產(chǎn)生影響。Edward F. Kelley 在一項關于顯示日光環(huán)境對比度測量方法和日光可讀性的研究中發(fā)現(xiàn)：

• 低對比度會降低可讀性

這些信息在用戶界面的開發(fā)中起著至關重要的作用，因為用戶將在不同的照明條件下使用該應用程序，這就是UI 工作將重點放在對比度上的原因。對比度越高，在不同光線下越明顯，應避免使用樸實、柔和和不飽和的顏色。我們所應用的色板將專注于大膽、飽和、互補的顏色，以最大限度地提高對比度。

/AR 中的可讀性和字體

Monotype 和麻省理工學院 AgeLab 進行的一項研究發(fā)現(xiàn)，字體的風格會影響駕駛員的眼睛在駕駛時注視儀表板屏幕和離開道路的時間。為了增強增強現(xiàn)實應用程序中的整體用戶體驗，提高可讀性的首選字體是無襯線字體。

/UX 審核——應用程序測試

對現(xiàn)有應用程序進行UX測試，并創(chuàng)建一份概述可用性檢查和 UX 最佳實踐建議的文檔?，F(xiàn)有的設計在視覺上不吸引人，并且缺乏用戶體驗設計和用戶界面設計的基礎來增強體驗。從視覺以及可用性角度來看，有許多領域需要改進，例如：

• 現(xiàn)實主義

AR 對象應該參與并反映其環(huán)境，使用陰影平面、反射、照明和紋理有助于利用現(xiàn)實主義強調(diào)在該位置上的對象。

• 深度

即使包含距離標記，也很難確定圓錐體的距離。在 AR 體驗中，最好通過正確使用陰影平面、遮擋和透視來創(chuàng)建深度。這將有助于將較大的對象放置在更靠近用戶的位置，將較小的對象放置在更遠的位置以定義深度。

• 內(nèi)容操作

這個應用程序中幾乎所有的控件都是按鈕。在 AR 體驗中，一定要避免屏幕控制。內(nèi)容選擇、縮放和旋轉(zhuǎn)都應該通過手勢來完成。多點觸控手勢示例：

• 旋轉(zhuǎn)?— 支持一指和兩指的手勢

• 縮放 — 支持捏的手勢

并非所有關注可用性的應用程序都非常糟糕，該應用程序在兩個方面做得很好：

• 移動

Nchworm 鼓勵移動，這是為 AR 設計時經(jīng)常被忽視的關鍵元素，該應用程序清楚地提醒用戶他們可以通過引導步驟四處移動。它還巧妙地放置物體，鼓勵他們向它移動。

• 發(fā)現(xiàn)表面

該應用程序有效地向用戶展示了如何使用手機找到表面。它使用插圖向用戶展示如何正確掃描，并提供即時反饋以顯示檢測到的表面。

在為 AR 設計時，可以遵循 Google 的增強現(xiàn)實設計指南，它是設計 AR 體驗的非常全面的參考。

2.定義

#2??Define

/繪制草圖Sketch

在進入線框階段之前，我們制作了很多草圖，并繪制用戶旅程和添加注釋，主要是因為在制作線框圖時總是會回到草圖這一步。有時我們也會將一張草圖中的元素與另一張草圖混合搭配，以尋找最好的想法來展示到屏幕上。

/線框圖Wireframe

通過繪制盡可能接近最終結(jié)果的高保真線框圖，來幫助我們和利益相關者想象最終設計的樣子。

/用戶流映射User Flow

/視覺參考Visual Board

完成所有研究之后，我們尋找了一些設計靈感，并在 Invision 上創(chuàng)建了情緒板，以實現(xiàn)有凝聚力的視覺設計。

/配色方案Color

/排版Layout

正如上述研究中提到的，為了增強增強現(xiàn)實應用程序中的整體用戶體驗，提高可讀性的最佳字體是一種人文主義的無襯線字體。所以我們從 Google 字體中選擇了 Open Sans，并以不同的字體粗細使用它。

3.發(fā)展

#3??Development

最后的完善階段，我們選擇直接添加顏色和圖像。在這個過程中，我們嘗試了不同的風格和元素，以找到最有效的方法。

/設計變化

第一版設計太簡單，第二版太科技，所以我們試圖給設計帶來一種充滿活力和運動感的感覺，同時也強調(diào)了 AR 對象，這樣用戶就可以清楚地看到，當點擊錐體時，他會切換到 AR模式。

最終設計

為 AR 體驗設計需要應用你所有的用戶體驗知識，例如用戶研究、競爭測試、UX 審核、草圖、線框圖等，但對于增強現(xiàn)實技術，必須滿足某些原則才能確保得到最佳的用戶體驗可能。

更多知識干貨以及其他海外留學的資訊可以關注UXD交互工業(yè)產(chǎn)品設計分享或者添加小助手，還可獲取講座直播哦~

|福利大放送 | WELFARE?
對于設計初學者，完成從0開始創(chuàng)作幾乎是不可能的，就像學習過程中書讀百遍其義自見一樣。有了大量的積累，才能在腦海里建立素材庫，這些素材庫能幫助同學們完成最初的設計想法積累，基于這樣的基礎再進行個性化的創(chuàng)作，最終才能做出高質(zhì)量的作品集。全球院校最新作品集免費拿！添加小助手即可獲?。?/p>

UXD交互工業(yè)產(chǎn)品設計學院是尤克斯國際旗下的一家專注于交互、服務、工業(yè)、產(chǎn)品設計專業(yè)的頂級設計學院。除了一對一設計課、基礎技能課程、小組課題、設計評圖、聯(lián)合教學外，我們提供不定主題的公開課和內(nèi)部小組課，教學計劃課程由三大部分組成，包括基礎軟件技能教學、設計理論系統(tǒng)講座、申請必備知識解析等。

本文版權歸UXD尤克斯所有

部分圖片來自于網(wǎng)絡

如有侵權請與我們聯(lián)系