multiple displays presentation - interaction design class
DESCRIPTION
Assignment required for Interactions Design class at University of MadeiraTRANSCRIPT
![Page 1: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/1.jpg)
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
![Page 2: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/2.jpg)
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
![Page 3: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/3.jpg)
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
![Page 4: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/4.jpg)
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
![Page 5: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/5.jpg)
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
![Page 6: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/6.jpg)
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
![Page 7: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/7.jpg)
7/18/2019 Multiple Displays Presentation - Interaction design class
http://slidepdf.com/reader/full/multiple-displays-presentation-interaction-design-class 7/16
9( :-/,;</&,%
![Page 8: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/8.jpg)
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
![Page 9: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/9.jpg)
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
![Page 10: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/10.jpg)
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
![Page 11: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/11.jpg)
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
![Page 12: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/12.jpg)
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
![Page 13: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/13.jpg)
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
![Page 14: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/14.jpg)
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
![Page 15: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/15.jpg)
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
![Page 16: Multiple Displays Presentation - Interaction design class](https://reader031.vdocuments.net/reader031/viewer/2022021316/55cf885555034664618f8150/html5/thumbnails/16.jpg)
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