TapMeasure-logo-font-black-small-nospacing

Just tap to measure anything

Just tap to measure anything

Three weeks before Apple announced the AR Kit in WWDC 2017, they contacted Occipital and woud like us to make an AR app using our computer vision technology with the AR Kit. We have this idea of using TapMeasure AR app to measure the room and get the 3D CAD file.

Three weeks before Apple announced the AR Kit in WWDC 2017, they contacted Occipital and woud like us to make an AR app using our computer vision technology with the AR Kit. We have this idea of using TapMeasure AR app to measure the room and get the 3D CAD file.

Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917
header4
apple_logo-1

Best of 2017 - App Store - Developers

Best of 2017 - App Store - Developers

AppStore-screenshot-1
AppStore-screenshot-2
AppStore-screenshot-3
AppStore-screenshot-4

The Top-Paid ARkit App

The Top-Paid ARkit App

top-arkit-apps-1
top-arkit-non-games-1

The Challenge

The Challenge

Despite the short time frame to design TapMeasure (three weeks), figuring out the best practices to design the AR experience is the main challenge. When Apple launched AR Kit in 2017, the surface detection speed was not as fast as now, and iPhones often failed to detect the surface. As a result, users got frustrated before they even started using the app.

Despite the short time frame to design TapMeasure (three weeks), figuring out the best practices to design the AR experience is the main challenge. When Apple launched AR Kit in 2017, the surface detection speed was not as fast as now, and iPhones often failed to detect the surface. As a result, users got frustrated before they even started using the app.

Lo-fi-mock

Making AR Apps Less Intimidating

Making AR Apps Less Intimidating

During the research process, we found people got frustrated easier when using AR apps since they're not familiar with the way it works. The new technology makes people feel intimidating. frustrating step for users. We started brainstorming the solutions to it.

AR-Key-1
AR-Key-2-1
AR-Key-4
AR-Key-3
AR-Key-5
icon-animation

Animated Instructions

Using animated visuals and text to guide users how to use the ar app is proved an effective way to catch users attention while the camera view is on. 

Animated Instructions

Using animated visuals and text to guide users how to use the ar app is proved an effective way to catch users attention while the camera view is on. 

Rotato-Movie-62
animation-instructions-1
tutorial
icon-tutorials

Tutorial Videos

Having the tutorial videos in the app can demonstrate users how to use the app. It's also important where and when to watch the tutorials. We show different tutorials when people tap the different tool buttons.

Tutorial Videos

Having the tutorial videos in the app can demonstrate users how to use the app. It's also important where and when to watch the tutorials. We show different tutorials when people tap the different tool buttons.

icon-visual

Visual Tooltips

Using visual tooltips helps explaining the features in the app clearly and reducing the cognitive load from users.

Visual Tooltips

Using visual tooltips helps explaining the features in the app clearly and reducing the cognitive load from users.

viusal-tooltips
gamification
icon-game

Gamification

Adding the game elements to help users explore the full features of the app and unlocking the advanced modes by completing the challenges/tasks. 

Gamification

Adding the game elements to help users explore the full features of the app and unlocking the advanced modes by completing the challenges/tasks. 

icon-ui

Succinct UI

Feature focused UI help people focus on what really matters.

Succint UI

Adding the game elements to help users explore the full features of the app and unlocking the advanced modes by completing the challenges/tasks. 

succint-ui-updated
measure no ipad
order flow ipad
measure no ipad
app-store-logo

Most Useful AR App

re-1
re-2
re-3
re-4

Check Other Works

CanvasiOS App / Branding / Logo / Website / Email / Online Ads / Event Booth / Brochure / Packaging & User Manual

BridgeWebsite / Branding / Logo / Mixed Reality App Prototype / Brochure / User Manual / Insert

StructureiOS App / Website / Email / Flyer / User Manual / Event Booth