Designing for the Apple Watch

46
hi@dkontaris.com Designing for the Apple Watch

Transcript of Designing for the Apple Watch

Page 1: Designing for the Apple Watch

[email protected]

Designing for the Apple Watch

Page 2: Designing for the Apple Watch

[email protected]

Dimitris KontarisUser Experience Professional

Page 3: Designing for the Apple Watch

[email protected]

Wearables The Basics Considerations Frameworks

Page 4: Designing for the Apple Watch

[email protected]

Wearables

Page 7: Designing for the Apple Watch

[email protected]

They serve a functional purpose

Page 9: Designing for the Apple Watch

[email protected]

The basics

Page 10: Designing for the Apple Watch

[email protected] yourself with the device

Page 11: Designing for the Apple Watch

[email protected]

Know the device itself

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

Know the interface

Page 12: Designing for the Apple Watch

[email protected] on the computer can be deceiving

Page 13: Designing for the Apple Watch

[email protected]

Marvel App

https://marvelapp.com

Page 14: Designing for the Apple Watch

[email protected] what you design and build

Page 15: Designing for the Apple Watch

[email protected]

Considerations

Page 16: Designing for the Apple Watch

[email protected] for your unique selling point

Page 17: Designing for the Apple Watch

[email protected]

What features should be carried over to the watch?

Navigation is crucial. You can easily get lost.

Page 18: Designing for the Apple Watch

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

Page 19: Designing for the Apple Watch

[email protected] is my App?

Page 20: Designing for the Apple Watch

[email protected]

Glances are live shortcuts.

Where is my App?

Page 21: Designing for the Apple Watch

[email protected]

GlancesComplications

Page 22: Designing for the Apple Watch

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

Page 23: Designing for the Apple Watch

[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: Designing for the Apple Watch

[email protected]

Simple frameworks to keep in mind

Page 25: Designing for the Apple Watch

[email protected] based apps

Page 26: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[email protected] based apps

Page 33: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[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: Designing for the Apple Watch

[email protected] apps

Page 43: Designing for the Apple Watch

[email protected] toilet situation

Page 44: Designing for the Apple Watch

[email protected]

J-oke

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

Page 45: Designing for the Apple Watch

[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: Designing for the Apple Watch

[email protected]

Thanks!