ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Prototyping

An idea in a making
January 11, 2013
Interaction Patterns Android Activities and
                                                       Project
Tasks

                         Per Nordqvist
?   Soft                 Interaction Designer
                         Ocean Observations
                          per@oceanobservations.com

?   Organic               pernordqvist




?   Deep                 Lisa Tyboni
                         Interaction Designer
                         Ocean Observations
?   Adaptable             lisa@oceanobservations.com
                          lisatyboni


?   Distinct




                                                                 2
Introduction

Ocean Observations
in 30 sec!
Ocean Observations¡¯ redesign of the Android UI, helped
our client Japanese operator KDDI break the pre-order
record of smartphones in Japanese history. Being 5 times
more popular than the runner up Samsung Galaxy.

Hard-to-use and meaningless products are bad for
business. With help from insights about users of services
and products as well as technology & market trends we
come up with design strategies and UI design that makes
digital services easier to use and more lovable.

We create meaningful interactions with and for brands all
over the world. Besides KDDI we have helped for
example ABB design more secure control systems to be
used in areas like nuclear power plants, and made sure
Skype had a coherent experience across mobile
platforms at launch.

No use, no gain. Our design services will help you win!




                                                            3
Introduction

Three parts..
with breaks in between


An idea in a making
Discussion about prototypes in general and parameters to consider.


A smorgasbord of cases
We share examples of how we have worked with and the experiences
we have gained by making prototypes.


The case: Service Design
Service prototyping exercise.




                                                                     4
An idea in a making




                      PROTO... why?




                                      5
An idea in a making

Without an iterative workflow...




                                   End of project




                                                    6
An idea in a making

...you¡¯re lucky if you¡¯re the winner.

                      Maybe this path offered a better end result?   End of project




                                                                     End of project




                                                                                      7
An idea in a making

Prototypes help you to choose
the right way


                                End of project




                                                 8
An idea in a making

Test with 5 users to find 80% of
the usability problems




           Source: Jacob Nielsen¡¯s Alertbox



                                              9
An idea in a making

Different strokes for different ideas




                                        Time & cost




                                                      10
An idea in a making

Quick and dirty




  Quick and dirty




                      11
An idea in a making

Rapid digital




  Quick and dirty     Rapid digital




                                      12
An idea in a making

Full-blown development




  Quick and dirty     Rapid digital   Full-blown development




                                                               13
An idea in a making

How to choose?
                                              Target group

          Time



                           THE
                        PROTOTYPE



                                                Environment

              Outcome




                          Platform & Device




                                                              14
An idea in a making




                      Target group




                                     15
An idea in a making

Environment




                      16
An idea in a making

Platform & Device




                      17
An idea in a making

Time




                      18
An idea in a making




                      Outcome




                                19
Schedule

Three parts..
with breaks in between


An idea in a making
Discussion about prototypes in general and parameters to consider.


A smorgasbord of cases
We share examples of how we have worked with and the experiences
we have gained by making prototypes.


The case: Service Design
Service prototyping exercise.




                                                                     20

More Related Content

An idea in a making

  • 1. Prototyping An idea in a making January 11, 2013
  • 2. Interaction Patterns Android Activities and Project Tasks Per Nordqvist ? Soft Interaction Designer Ocean Observations per@oceanobservations.com ? Organic pernordqvist ? Deep Lisa Tyboni Interaction Designer Ocean Observations ? Adaptable lisa@oceanobservations.com lisatyboni ? Distinct 2
  • 3. Introduction Ocean Observations in 30 sec! Ocean Observations¡¯ redesign of the Android UI, helped our client Japanese operator KDDI break the pre-order record of smartphones in Japanese history. Being 5 times more popular than the runner up Samsung Galaxy. Hard-to-use and meaningless products are bad for business. With help from insights about users of services and products as well as technology & market trends we come up with design strategies and UI design that makes digital services easier to use and more lovable. We create meaningful interactions with and for brands all over the world. Besides KDDI we have helped for example ABB design more secure control systems to be used in areas like nuclear power plants, and made sure Skype had a coherent experience across mobile platforms at launch. No use, no gain. Our design services will help you win! 3
  • 4. Introduction Three parts.. with breaks in between An idea in a making Discussion about prototypes in general and parameters to consider. A smorgasbord of cases We share examples of how we have worked with and the experiences we have gained by making prototypes. The case: Service Design Service prototyping exercise. 4
  • 5. An idea in a making PROTO... why? 5
  • 6. An idea in a making Without an iterative workflow... End of project 6
  • 7. An idea in a making ...you¡¯re lucky if you¡¯re the winner. Maybe this path offered a better end result? End of project End of project 7
  • 8. An idea in a making Prototypes help you to choose the right way End of project 8
  • 9. An idea in a making Test with 5 users to find 80% of the usability problems Source: Jacob Nielsen¡¯s Alertbox 9
  • 10. An idea in a making Different strokes for different ideas Time & cost 10
  • 11. An idea in a making Quick and dirty Quick and dirty 11
  • 12. An idea in a making Rapid digital Quick and dirty Rapid digital 12
  • 13. An idea in a making Full-blown development Quick and dirty Rapid digital Full-blown development 13
  • 14. An idea in a making How to choose? Target group Time THE PROTOTYPE Environment Outcome Platform & Device 14
  • 15. An idea in a making Target group 15
  • 16. An idea in a making Environment 16
  • 17. An idea in a making Platform & Device 17
  • 18. An idea in a making Time 18
  • 19. An idea in a making Outcome 19
  • 20. Schedule Three parts.. with breaks in between An idea in a making Discussion about prototypes in general and parameters to consider. A smorgasbord of cases We share examples of how we have worked with and the experiences we have gained by making prototypes. The case: Service Design Service prototyping exercise. 20