Top Banner
hi@dkontaris.com Designing for the Apple Watch
46

Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

Jan 07, 2017

Download

Technology

MobileUX London
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Designing for the Apple Watch

Page 2: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Dimitris KontarisUser Experience Professional

Page 3: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Wearables The Basics Considerations Frameworks

Page 4: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Wearables

Page 7: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

They serve a functional purpose

Page 9: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

The basics

Page 10: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] yourself with the device

Page 11: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Know the device itself

https://developer.apple.com/watch/human-interface-guidelines/

Know the interface

Page 12: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] on the computer can be deceiving

Page 13: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Marvel App

https://marvelapp.com

Page 14: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] what you design and build

Page 15: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Considerations

Page 16: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] for your unique selling point

Page 17: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

What features should be carried over to the watch?

Navigation is crucial. You can easily get lost.

Page 18: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] - Design for minimum interaction with the Watch

Page 19: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] is my App?

Page 20: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Glances are live shortcuts.

Where is my App?

Page 21: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

GlancesComplications

Page 22: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] the very existence of the app on the Watch

Page 23: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Does it solve a problem on the wrist / improving users lives in any way?

Is its USP transferable to the Watch?

Does it make the app experience better when accessed from the wrist?

Page 24: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Simple frameworks to keep in mind

Page 25: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] based apps

Page 26: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

It’s 18 degrees outside.

It is raining at the moment in your area and the temperature will fluctuate from 18 to 13 degrees today.

During the day the temperature is going to look like that.

During the week it’s going to look like that.

And this is some other more detailed information you might be interested in.

Information Prioritisation

The Weather app - What’s the weather?

Page 27: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

It’s 18 degrees outside.

It is raining at the moment in your area and the temperature will fluctuate from 18 to 13 degrees today.

During the day the temperature is going to look like that.

During the week it’s going to look like that.

And this is some other more detailed information you might be interested in.

The Weather app - What’s the weather?

Page 28: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

It’s 18 degrees outside.

It is raining at the moment in your area and the temperature will fluctuate from 18 to 13 degrees today.

During the day the temperature is going to look like that.

During the week it’s going to look like that.

And this is some other more detailed information you might be interested in.

The Weather app - What’s the weather?

Page 29: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] App

It’s 18 degrees outside.

It is raining at the moment in your area and the temperature will fluctuate from 18 to 13 degrees today.

During the day the temperature is going to look like that.

During the week it’s going to look like that.

And this is some other more detailed information you might be interested in.

The Weather app - What’s the weather?

Page 30: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] App

It’s 18 degrees outside.

It is raining at the moment in your area and the temperature will fluctuate from 18 to 13 degrees today.

During the day the temperature is going to look like that.

During the week it’s going to look like that.

And this is some other more detailed information you might be interested in.

The Weather app - What’s the weather?

Page 31: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] App

It’s 18 degrees outside.

It is raining at the moment in your area and the temperature will fluctuate from 18 to 13 degrees today.

During the day the temperature is going to look like that.

During the week it’s going to look like that.

And this is some other more detailed information you might be interested in.

The Weather app - What’s the weather?

Page 32: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] based apps

Page 33: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Consistent workflow with

iPhone app

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Citymapper - I want to go home

Page 34: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 35: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 36: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 37: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 38: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 39: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 40: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 41: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Citymapper - I want to go home

I want to go home.

Let’s go. How do I get there?

How many calories am I going to lose if I choose to walk? How much would each trip cost?

Page 42: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] apps

Page 43: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected] toilet situation

Page 44: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

J-oke

https://itunes.apple.com/gb/app/j-oke-i-need-quick-one-liner/id1049977422?mt=8

Page 45: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Familiarise yourself with the device

Designing on the computer can be deceiving

Test what you design and build

Design for your unique selling point

Design for minimum interaction with the Watch

Where is my App?

Question the very existence of the app on the Watch

Prioritise Information

Have a consistent workflow with iPhone app

Reca

p

The Basics

Considerations

Frameworks

Page 46: Mobile UX London - Great Misconceptions of Designing for the Apple Watch by DIMITRIS KONTARIS

[email protected]

Thanks!