7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 1/16

 redesigning multiple displays interaction 

Google Maps

Amanda Marinho - IxDS - Spring 2014 

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 2/16

!"#$%&

1. Current Product

2. Improved Design

3. Storyboard

4. Context of Use

5. Design Process

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 3/16

'( *+,,#$- .,/%+0-

1 display

Small

screen

Icon

and maps

at same

place

Searchor map

Keyboard

half screen

1

2

3

4

5

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 4/16

1( 234,/5#% 6#78"$

Application

open ONLY in

landscape

mode

The TV

is already

synchronized

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 5/16

1( 234,/5#% 6#78"$

Map is

blurry while

navigating

on TV

Phone

works as

trackpad

Menus are

only

visualized

TV displays

only the

map

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 6/16

1( 234,/5#% 6#78"$

Search box

and

keyboard

TV displays

only

selection in

the map

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 7/16

9( :-/,;</&,%

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 8/16

=( */$-#>- /? @7#

Phone and TV

are

synchronized 

1

Google Maps

opens at the

same time 

in both

2

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 9/16

=( */$-#>- /? @7#Map is gray 

on the Phone

3

Menu options

are clickable 

in the phone

4

Phone works

as trackpad

to navigate

5

Menu are

situated in

same locations

6

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 10/16

=( */$-#>- /? @7#

Map &

menus are

ONLY 

visualized

7

Menu on the TV

screen are in the

same location 

as hone

8

There is visual

feedback indicating

!nger position in

trackpad

9

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 11/16

=( */$-#>- /? @7#To activate

search box

user must tap

2x

10

Keyboard is

shown only in

the phone

11

User selects 

destination

12

Map

background

changes

13

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 12/16

=( */$-#>- /? @7#

Selected

destination

is shown in

the ma

14

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 13/16

=( */$-#>- /? @7#

User changes

map view in

con!gurations

15

After selection

TV map

changes

16

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 14/16

=( */$-#>- /? @7#

Map is

shown with

selected view

17

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 15/16

5.Storyboard

2. Ideation &

Feedback

A( 6#78"$ .,/0#77

1. Current

Product

4. Redesign

3. Sketches

6. Iteration &

Feedback

7. Finalsolution

7/18/2019 Multiple Displays Presentation - Interaction design class

http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 16/16

Thank you!doubts????? 

Amanda Marinho - IxDS - Spring 2014