# Beyond Pixel - Design in Augmented Reality - 陳偉仁 Chris Chen 大會筆記

{%hackmd D_yXRZ3kQuiR5RjV0P_kPg %}

> 請等待大會開始

###### tags: `#FEDC2018`

## 自我介紹

1. Educational
本身讀動畫，對介面設計也很有興趣，在教育類產品公司擔任動畫師

2. Social Platform
你可以把臉貼到3D角色上面，上傳到平台上

3. Fire Fighting Assistant
**救災輔助系統**
對象：救災人員
NFC 應用

4. **PicCollage**
團隊蠻多元文化的，很多來自不同國家的成員
主要溝通都是用英文
不會塞滿很多廣告，注重使用者體驗
在拼貼趣的角色很多元

## 實驗性質的產品:

**01 AR Text**
我們做了很多 user research
在怎麼樣知道使用者的wow factor

**02 PartyBlox**

疊疊樂
使用者跟物件有互動
實做出來比較簡單

## Why AR
Why Augumented Reality now?

1. 什麼樣的工具

早期是運用在童書
AR主要是屬於附加的價值

深度學習

空間的認知
用手機去掃描物件的前後差異點

Facebook,Snapchat應用

## Is AR a better solution?
AR 適合自家的產品嗎？

舉例說明：
1. Measure
2. IKEA Place
3. DHL

## Experience Design in AR

**Tips 01: On-boarding Experience**

掃平面
黑白平面很難掃，有紋路的才比較好掃到
需要在燈光明亮的環境

[Onboarding in augmented reality mobile application](https://medium.com/inborn-experience/onboarding-in-augmented-reality-mobile-application-6e08e1d338f8)

**Tips 02: Direct and Intuitive Interaction**

不要做太複雜的操作
要去思考使用者是否能做這麼複雜的動作
去想像使用者怎麼在虛擬環境中互動
使用者是很容易分心，因為要去處理很多訊息

SwiftShot
拉彈弓，不是透過手作操作

**Tips 03: Two axis at the time**
Apple guideline: Two dimensional gesture in a 3D environment

在移動的同時，不要做 x.y.z 軸，三軸同時一起動，體驗會很差
盡量在兩個軸線做互動

**Tips 04: Scale matters**

可以透過改變物件的大小，帶給使用者不同的遠近感受or角色的更換

湯瑪士

**Tips 05: Background**
背景永遠在換，所以很難去控制背景

**Tips 06: Lighting and Shadow**
[用不同的 Blend mode 去轉換](https://medium.com/@goatsandbacon/a-quick-guide-to-designing-for-augmented-reality-on-mobile-part-3-2380f253467a)
None / Mutiply / Color Burn / Overlay / Soft Light

## Prototyping in AR

**AR studio-facebook**

無法把做好的東西留著，要上傳到臉書

**Framer**
講者自己最常用的工具

**Project Aero**
對設計師比較友善

Unity

## What's coming next?

Niantic-Pokemon Go
- Real worle platform
- Project Occlusion 遮蔽
- Project Neon 多人遊戲
****

穿戴式眼鏡
https:www.facebook.com/chris.deli.94