SlideShare a Scribd company logo
Multiscreen Design Strategies
         FloatLearning 2011

         Josh Campbell




        Magic Might
Friday, June 10, 2011
Innovation through


        Magic Might
         Design strategy and execution at the intersection
         of mobile, web and beyond




                                                             2


Friday, June 10, 2011
Multiscreen Design Strategies




         Magic Might                     3




Friday, June 10, 2011
Multiscreen Design Strategies




         Magic Might                     4




Friday, June 10, 2011
Multiscreen Design Strategies




         Magic Might                     5




Friday, June 10, 2011
Topics

              • How to target experiences (market overview)
              • Interaction Patterns
              • Gestural Differences
              • Coordinated screen designs
              • Q&A




         Magic Might                                          6




Friday, June 10, 2011
Considerations &
         Constraints




         Magic Might        7




Friday, June 10, 2011
Considerations
         The decision points you weigh in your design.




         Magic Might                                     8




Friday, June 10, 2011
Constraints
         The known, fixed elements that you design for.




         Magic Might                                      9




Friday, June 10, 2011
UX Landscape
         For “Mobile” applications




         Magic Might                 10




Friday, June 10, 2011
Impact of
         Product & Software design
         on Application Designers




         Magic Might                 11




Friday, June 10, 2011
iOS
         Easy right?




         Magic Might    12




Friday, June 10, 2011
Which iOS?
         iOS 3, 4 or the upcoming 5?




         Magic Might                   13




Friday, June 10, 2011
Retina-Display?
         Retina or Original display?




         Magic Might                   14




Friday, June 10, 2011
iPad or iPhone?
         Screen dimensions




         Magic Might         15




Friday, June 10, 2011
Even iOS has
         complications
         Apple still requires you to think about their product
         design in your application design.




         Magic Might                                             16




Friday, June 10, 2011
Android
         Much less focused.




         Magic Might          17




Friday, June 10, 2011
Android Versions
                        Cupcake



                 6
                        Donut
                        Eclair
                        Froyo
                        Gingerbread
                        Honeycomb



         Magic Might                  18




Friday, June 10, 2011
Android Versions
        70%                                                                                 64.6%


    52.5%


        35%
                                                                        21.2%
    17.5%
                                                                                                      0.092
                         1.9%                    2.5%                                                               0.006
                        Cupcake                  Donut                  Eclair              Froyo   Gingerbread   Honeycomb
                                                                                 Versions

         Data collected during a 14-day period ending on June 1, 2011

         http://goo.gl/sgND



         Magic Might                                                                                                          19




Friday, June 10, 2011
Android Resolutions
 80%                     75.2%


 60%


 40%


 20%                                                                       17%

              3.3%                                                                  2.8%    0.7%             1.1%
               Small     Normal   Large           Xlarge     Small         Normal   Large   Xlarge   Small   Normal    Large   Xlarge
                              HDPI                                              MDPI                              LDPI


            Data collected during a 14-day period ending on June 1, 2011

            http://goo.gl/Ow8r


         Magic Might                                                                                                                    20




Friday, June 10, 2011
What’s your HDPI?
         800x480
         854x480
         960x540
         1280x800

         Magic Might         21




Friday, June 10, 2011
Screen Dimensions
         4.5” 800x480
         4.3” 800x480
         4” 800x480
         4” 960x540
         3.7” 854x480

         Magic Might         22




Friday, June 10, 2011
not to mention...
         Processor differences
         Color Depth
         Button Placement
         UI themes


         Magic Might             23




Friday, June 10, 2011
But that’s just iOS
         and Android...


         Magic Might           24




Friday, June 10, 2011
Others are just as varied.


         Magic Might                  25




Friday, June 10, 2011
...
         Blackberry
         Symbian
         Windows
         Palm

         Magic Might    26




Friday, June 10, 2011
Mobile OS-North America
         All phones types

         40%
                          36.23%


         30%                                          27.86%

                                                                    21.17%
         20%


         10%                                                                               8.22%
                                                                                 6.46%


                             iOS                       Android      Blackberry   Symbian   Other
                                                                     Versions

         Data collected during a 3 month period March to May 2011

          http://goo.gl/o1AJW



         Magic Might                                                                               27




Friday, June 10, 2011
Mobile OS-Worldwide
         All phones types

         40%
                                                                                 31.9%
         30%
                          23.2%
         20%                                          16.55%                               15.56%
                                                                    13.49%
         10%


                             iOS                       Android      Blackberry   Symbian    Other
                                                                     Versions

         Data collected during a 3 month period March to May 2011

          http://goo.gl/o1AJW



         Magic Might                                                                                28




Friday, June 10, 2011
Mobile OS-North America
         Smartphones

         60%
                        51%

         45%                    42%

                                                       32%    32%
         30%
                                                                    24%

         15%                                  12%
                                                                                  8%
                                                                            3%          1%                  1%
                                                                                              0%     0%
                        2010 2011             2010 2011       2010 2011     2010 2011   2010 2011    2010 2011
                            iOS                 Android        Blackberry     Symbian     WebOS     Windows Phone

         Data collected from March to June in 2011 and 2010


          http://goo.gl/yl8O


         Magic Might                                                                                                29




Friday, June 10, 2011
Mobile OS-Worldwide
         Smartphones

         50%
                        41%
                                   37%
     37.5%                                          35%

                                                                    27%
         25%
                                                                                                  20%
                                                                           17%     16%
     12.5%
                                                                                           6%
                                                                                                          0.59% 0.18%
                        2010   2011                 2010            2011   2010     2011   2010    2011   2010   2011
                          Symbian                             iOS            Blackberry       Android        WebOS

         Data collected from March to June in 2011 and 2010


          http://goo.gl/yl8O


         Magic Might                                                                                                    30




Friday, June 10, 2011
The landscape is clearly
         fragmented...


         Magic Might                31




Friday, June 10, 2011
Your design should be too


         Magic Might                 32




Friday, June 10, 2011
Design with a Benchmark
         in mind


         Magic Might               33




Friday, June 10, 2011
Benchmark

              • Screen Size (Dimensions)
              • Screen Resolution
              • OS & Version
              • Tablet/Phone
              • Processing Speed
              • Input Requirements
              • Upgradability?



         Magic Might                       34




Friday, June 10, 2011
Look for the largest
         market and define a clear
         benchmark
         Try to serve the fewest number of people with each
         benchmark




         Magic Might                                          35




Friday, June 10, 2011
Don’t reinvent, reorganize
         Use the paradigms that are people are most
         familiar with and the OS provides to make it easier...




         Magic Might                                              36




Friday, June 10, 2011
A simple example




         Magic Might        37




Friday, June 10, 2011
Twitter for iPad




         Magic Might    38




Friday, June 10, 2011
Twitter for iPad




         Magic Might    38




Friday, June 10, 2011
Twitter for iPad




         Magic Might    38




Friday, June 10, 2011
Twitter for iPad




                        A   B   C



         Magic Might                38




Friday, June 10, 2011
Twitter for OS X




         Magic Might    39




Friday, June 10, 2011
Twitter for OS X




                        A   B




         Magic Might            39




Friday, June 10, 2011
Twitter for iPhone




         Magic Might    40




Friday, June 10, 2011
Twitter for iPhone




                        A   B   C




         Magic Might                40




Friday, June 10, 2011
Twitter for Android




         Magic Might     41




Friday, June 10, 2011
Twitter for Android



                         A


                         B   C




         Magic Might             41




Friday, June 10, 2011
Email Account

                Bob Smith                       8:12 AM
                Very important Message


                Amazon.com                      7:32 AM
                Your Amazon.com order has shipped


                Built in Chicago                4:32 PM
                Built in Chicago Weekly Update: Spot-


                TT Chicago                      3:45 PM
                TastingTable CHI: The city's most exciting


                W3C Newsletter                  2:18 PM
                W3C Public Newsletter


                Scott Wilson                    8:12 AM




         Magic Might                                         42




Friday, June 10, 2011
Email Account

                Bob Smith                       8:12 AM
                Very important Message


                Amazon.com                      7:32 AM
                Your Amazon.com order has shipped


                Built in Chicago                4:32 PM
                Built in Chicago Weekly Update: Spot-


                TT Chicago                      3:45 PM
                TastingTable CHI: The city's most exciting


                W3C Newsletter                  2:18 PM
                W3C Public Newsletter


                Scott Wilson                    8:12 AM




         Magic Might                                         42




Friday, June 10, 2011
Built in Chicago                4:32 PM
                Email Account
                Built in Chicago Weekly Update: Spot-
                light on Obtiva, Startup City and Some
                Bob Events
                Great Smith                      8:12 AM
                Very important Message
                Built in Chicago
                Promoting digital innovation in the
                Amazon.com
                world's greatest city
                                                 7:32 AM
                A message to all members ofshipped
                Your Amazon.com order has Built in
                Chicago

                Built in Chicago
                Dear Built in Chicago Members, 4:32 PM
                Built in Chicago Weekly Update: Spot-
                A quick note to thank everyone for such
                a great month of activity--we are over
                TT Chicago
                3,200 members and almost 800 blog PM
                                                 3:45
                posts, averaging 800+ city's most exciting
                TastingTable CHI: The visits/day. Be
                sure to Follow Us on Twitter so we can
                start sharing your updates and celebrat-
                W3C Newsletter
                ing your successes. Also, check out a PM
                                                 2:18
                W3C Public Newsletter
                few great upcoming events below-you
                won't want to miss the chance to hear
                some of the best local entrepreneurs
                Scott Wilson A final note remind-
                share their stories.             8:12 AM
                ing everyone to upload a profile picture


         Magic Might                                         42




Friday, June 10, 2011
Email Account    A                           Built in Chicago                 4:32 PM
                                                             Built in Chicago Weekly Update: Spot-
                                                             light on Obtiva, Startup City and Some
                Bob Smith                       8:12 AM      Great Events
                Very important Message
                                                             Built in Chicago
                                                             Promoting digital innovation in the
                Amazon.com                      7:32 AM
                                                             world's greatest city
                Your Amazon.com order has shipped            A message to all members of Built in
                                                             Chicago

                Built in Chicago                4:32 PM                       C
                                                             Dear Built in Chicago Members,
                                 B
                Built in Chicago Weekly Update: Spot-
                                                             A quick note to thank everyone for such
                                                             a great month of activity--we are over
                TT Chicago                      3:45 PM      3,200 members and almost 800 blog
                TastingTable CHI: The city's most exciting   posts, averaging 800+ visits/day. Be
                                                             sure to Follow Us on Twitter so we can
                                                             start sharing your updates and celebrat-
                W3C Newsletter                  2:18 PM      ing your successes. Also, check out a
                W3C Public Newsletter                        few great upcoming events below-you
                                                             won't want to miss the chance to hear
                                                             some of the best local entrepreneurs
                Scott Wilson                    8:12 AM      share their stories. A final note remind-
                                                             ing everyone to upload a profile picture


         Magic Might                                                                                     43




Friday, June 10, 2011
Gmail for Honeycomb




         Magic Might     44




Friday, June 10, 2011
Gmail for Honeycomb




                        A   B



         Magic Might            44




Friday, June 10, 2011
Gmail for Honeycomb




         Magic Might     45




Friday, June 10, 2011
Gmail for Honeycomb




                        B   C



         Magic Might            45




Friday, June 10, 2011
Sparrow OS X




         Magic Might    46




Friday, June 10, 2011
Sparrow OS X




                        A   B




         Magic Might            46




Friday, June 10, 2011
Sparrow OS X




         Magic Might    47




Friday, June 10, 2011
Sparrow OS X




           A            B   C




         Magic Might            47




Friday, June 10, 2011
Screen constructs for
         multiple devices




         Magic Might             48




Friday, June 10, 2011
Multi Pane




         Magic Might    49




Friday, June 10, 2011
Grid Layouts




         Magic Might    50




Friday, June 10, 2011
Coverflow/Carousel




         Magic Might          51




Friday, June 10, 2011
Use interaction patterns that
         work well across screens.
         Multi-Pane is great for tablets & tvs
         Grid layouts work well for direct manipulation
         Carousels work well for indirect manipulation




         Magic Might                                      52




Friday, June 10, 2011
Keep the Idea & Intent of
         the application the same




         Magic Might                 53




Friday, June 10, 2011
Optimize the interaction
         and layout for the target
         device benchmark.




         Magic Might                 54




Friday, June 10, 2011
But what about the
         fragmentation?




         Magic Might          55




Friday, June 10, 2011
Be Ruthless.

         Pick a Benchmark.

         Your users will thank you.


         Magic Might                  56




Friday, June 10, 2011
Gestures & Input




         Magic Might        57




Friday, June 10, 2011
Direct    Indirect




         Magic Might               58




Friday, June 10, 2011
Direct    Indirect




         Magic Might               59




Friday, June 10, 2011
Try to use analogous
         gestures:
         swipe = scroll
         tap = click
         press & hold = right-click


         Magic Might                  60




Friday, June 10, 2011
Last.fm Kinect




         Magic Might    61




Friday, June 10, 2011
Last.fm Kinect




         Magic Might    61




Friday, June 10, 2011
Gestures are slightly
         different for each
         platform.
         You apps should be too.



         Magic Might               62




Friday, June 10, 2011
Multi screen interactions




         Magic Might                 63




Friday, June 10, 2011
Two of the Same




         Magic Might       64




Friday, June 10, 2011
Two Different




         Magic Might     65




Friday, June 10, 2011
1+ devices working in
         concert




         Magic Might             66




Friday, June 10, 2011
Two Way Communication




         Magic Might             67




Friday, June 10, 2011
One Way Communication




         Magic Might             68




Friday, June 10, 2011
One Way Communication




         Magic Might             69




Friday, June 10, 2011
Inform other Participants




         Magic Might                 70




Friday, June 10, 2011
Multiple screens can
         enhance an experience by
         making it a shared
         experience.



         Magic Might                71




Friday, June 10, 2011
Multiple screens can
         provide better input
         mechanisms.
         iPhone remote app provides a keyboard for Apple TV




         Magic Might                                          72




Friday, June 10, 2011
Final Advice...

         Magic Might       73




Friday, June 10, 2011
In a fragmented market
         your design probably
         should be too.

         Magic Might              74




Friday, June 10, 2011
Have a tight benchmark as
         a starting point for the
         user experience.

         Magic Might                 75




Friday, June 10, 2011
Use gestures that are
         appropriate for each
         device and platform.

         Magic Might             76




Friday, June 10, 2011
Look for opportunities to
         leverage multiple screens
         together for new ways to
         enhance learning.

         Magic Might                 77




Friday, June 10, 2011
The market changes fast,
         always be ready to adapt.

         Magic Might                 78




Friday, June 10, 2011
Questions




         Magic Might    79




Friday, June 10, 2011
Thank you
         Josh Campbell

         @magicandmight

         Magic Might      80




Friday, June 10, 2011

More Related Content

Viewers also liked

La (r)evolucion del punto de venta - IoT en Retail
La (r)evolucion del punto de venta - IoT en RetailLa (r)evolucion del punto de venta - IoT en Retail
La (r)evolucion del punto de venta - IoT en Retail
Sol Mesz
 
Stratégie Social Media - Dans quel contexte ?
Stratégie Social Media -  Dans quel contexte ?Stratégie Social Media -  Dans quel contexte ?
Stratégie Social Media - Dans quel contexte ?
Jean-Charles Gautard
 
Ergonomie, pour un site efficace et intuitif
Ergonomie, pour un site efficace et intuitifErgonomie, pour un site efficace et intuitif
Ergonomie, pour un site efficace et intuitif
Véronique Brabant
 
Expérience Consommateur : 3 principes que les marques ne peuvent plus ignorer
Expérience Consommateur : 3 principes que les marques ne peuvent plus ignorerExpérience Consommateur : 3 principes que les marques ne peuvent plus ignorer
Expérience Consommateur : 3 principes que les marques ne peuvent plus ignorer
iProspect Canada
 
Designing Multi-Device Experiences (book review)
Designing Multi-Device Experiences (book review)Designing Multi-Device Experiences (book review)
Designing Multi-Device Experiences (book review)
Stefan Freimark
 
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
Use Age
 
Le décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iSLe décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iS
C2iS
 
La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...
La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...
La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...
Constance Gros
 
Quelle place pour le Storytelling dans les stratégies de communication des en...
Quelle place pour le Storytelling dans les stratégies de communication des en...Quelle place pour le Storytelling dans les stratégies de communication des en...
Quelle place pour le Storytelling dans les stratégies de communication des en...
Jean-Christophe Prat
 
Millward Brown digital & media predictions 2016 : tendance n°1 TV
Millward Brown digital & media predictions 2016 : tendance n°1 TVMillward Brown digital & media predictions 2016 : tendance n°1 TV
Millward Brown digital & media predictions 2016 : tendance n°1 TV
Kantar Millward Brown France
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
Sol Mesz
 
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Wolfram Nagel
 
Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?
Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?
Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?
Christian Radmilovitch
 
Content Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-MappingContent Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-Mapping
Wolfram Nagel
 
Dataviz : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...
Dataviz  : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...Dataviz  : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...
Dataviz : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...
Serge Courrier
 
Ecrire son business-plan - Garanti 0% BullShit - Par Guilhem Bertholet
Ecrire son business-plan - Garanti 0% BullShit - Par Guilhem BertholetEcrire son business-plan - Garanti 0% BullShit - Par Guilhem Bertholet
Ecrire son business-plan - Garanti 0% BullShit - Par Guilhem Bertholet
Guilhem Bertholet
 

Viewers also liked (16)

La (r)evolucion del punto de venta - IoT en Retail
La (r)evolucion del punto de venta - IoT en RetailLa (r)evolucion del punto de venta - IoT en Retail
La (r)evolucion del punto de venta - IoT en Retail
 
Stratégie Social Media - Dans quel contexte ?
Stratégie Social Media -  Dans quel contexte ?Stratégie Social Media -  Dans quel contexte ?
Stratégie Social Media - Dans quel contexte ?
 
Ergonomie, pour un site efficace et intuitif
Ergonomie, pour un site efficace et intuitifErgonomie, pour un site efficace et intuitif
Ergonomie, pour un site efficace et intuitif
 
Expérience Consommateur : 3 principes que les marques ne peuvent plus ignorer
Expérience Consommateur : 3 principes que les marques ne peuvent plus ignorerExpérience Consommateur : 3 principes que les marques ne peuvent plus ignorer
Expérience Consommateur : 3 principes que les marques ne peuvent plus ignorer
 
Designing Multi-Device Experiences (book review)
Designing Multi-Device Experiences (book review)Designing Multi-Device Experiences (book review)
Designing Multi-Device Experiences (book review)
 
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
3 - Les dispositifs de suppléance perceptive : quels principes pour quelles i...
 
Le décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iSLe décodeur 2016 par Agence C2iS
Le décodeur 2016 par Agence C2iS
 
La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...
La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...
La strategie culturelle des marques d'alcool, 20 ans apres la loi Evin - Memo...
 
Quelle place pour le Storytelling dans les stratégies de communication des en...
Quelle place pour le Storytelling dans les stratégies de communication des en...Quelle place pour le Storytelling dans les stratégies de communication des en...
Quelle place pour le Storytelling dans les stratégies de communication des en...
 
Millward Brown digital & media predictions 2016 : tendance n°1 TV
Millward Brown digital & media predictions 2016 : tendance n°1 TVMillward Brown digital & media predictions 2016 : tendance n°1 TV
Millward Brown digital & media predictions 2016 : tendance n°1 TV
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
 
Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?
Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?
Stratégie : pourquoi les e-commerçants doivent passer au cross-canal ?
 
Content Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-MappingContent Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-Mapping
 
Dataviz : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...
Dataviz  : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...Dataviz  : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...
Dataviz : quels outils pour quelles visualisations (Serge Courrier) - MAJ (1...
 
Ecrire son business-plan - Garanti 0% BullShit - Par Guilhem Bertholet
Ecrire son business-plan - Garanti 0% BullShit - Par Guilhem BertholetEcrire son business-plan - Garanti 0% BullShit - Par Guilhem Bertholet
Ecrire son business-plan - Garanti 0% BullShit - Par Guilhem Bertholet
 

Similar to Multiscreen Design Strategies

Uxcampla deck jamyli
Uxcampla deck jamyliUxcampla deck jamyli
Uxcampla deck jamyli
Jamy Li
 
Android Development Slides
Android Development SlidesAndroid Development Slides
Android Development Slides
Victor Miclovich
 
Smart Pad In 10 months
Smart Pad In 10 monthsSmart Pad In 10 months
Smart Pad In 10 months
Seungyul Kim
 
Learning Interactions On Mobile
Learning Interactions On MobileLearning Interactions On Mobile
Learning Interactions On Mobile
Raptivity
 
[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해
[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해
[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해
lswcap
 
Managing App Development
Managing App DevelopmentManaging App Development
Managing App Development
Richard Harrington
 
Accenture Mobility MWC 2012 - Bubble over barcelona - lars kamp
Accenture Mobility MWC 2012 - Bubble over barcelona - lars kampAccenture Mobility MWC 2012 - Bubble over barcelona - lars kamp
Accenture Mobility MWC 2012 - Bubble over barcelona - lars kamp
Lars Kamp
 
【代々木系新春セミナー】中国スマートフォン関連市場
【代々木系新春セミナー】中国スマートフォン関連市場【代々木系新春セミナー】中国スマートフォン関連市場
【代々木系新春セミナー】中国スマートフォン関連市場
Michiyasu Yabuki
 
De fluwelen revolutie van android
De fluwelen revolutie van androidDe fluwelen revolutie van android
De fluwelen revolutie van android
Remco Bron
 
Australian broadcasting summit 2011
Australian broadcasting summit 2011Australian broadcasting summit 2011
Australian broadcasting summit 2011
Lauren Oldham
 
Social media in mena feb2011
Social media in mena feb2011Social media in mena feb2011
Social media in mena feb2011
Y AlKh
 
Inc pres (dma bristol messaging) 24 jun11 v1.0
Inc pres (dma bristol messaging) 24 jun11 v1.0Inc pres (dma bristol messaging) 24 jun11 v1.0
Inc pres (dma bristol messaging) 24 jun11 v1.0
Jason Cross
 
Microsoft mobile development bitwise-curtis guilbot
Microsoft mobile development bitwise-curtis guilbotMicrosoft mobile development bitwise-curtis guilbot
Microsoft mobile development bitwise-curtis guilbot
BiTWiSE
 
The State of the App Economy
The State of the App EconomyThe State of the App Economy
The State of the App Economy
Flurry, Inc.
 
Email Design for All Devices
Email Design for All DevicesEmail Design for All Devices
Email Design for All Devices
Silverpop
 
Mobilize UGent
Mobilize UGentMobilize UGent
Researching the "next billion consumers" in emerging markets through mobile t...
Researching the "next billion consumers" in emerging markets through mobile t...Researching the "next billion consumers" in emerging markets through mobile t...
Researching the "next billion consumers" in emerging markets through mobile t...
Merlien Institute
 
Mobile, Mobile, Mobile
Mobile, Mobile, MobileMobile, Mobile, Mobile
Mobile, Mobile, Mobile
Paul Golding
 
Mobile Apps - The Business & Technology
Mobile Apps - The Business & TechnologyMobile Apps - The Business & Technology
Mobile Apps - The Business & Technology
Andri Yadi
 
BIC5 Ian morgan google uk Making the Web Work for You 2012
BIC5 Ian morgan google uk Making the Web Work for You 2012BIC5 Ian morgan google uk Making the Web Work for You 2012
BIC5 Ian morgan google uk Making the Web Work for You 2012
Wavelength
 

Similar to Multiscreen Design Strategies (20)

Uxcampla deck jamyli
Uxcampla deck jamyliUxcampla deck jamyli
Uxcampla deck jamyli
 
Android Development Slides
Android Development SlidesAndroid Development Slides
Android Development Slides
 
Smart Pad In 10 months
Smart Pad In 10 monthsSmart Pad In 10 months
Smart Pad In 10 months
 
Learning Interactions On Mobile
Learning Interactions On MobileLearning Interactions On Mobile
Learning Interactions On Mobile
 
[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해
[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해
[태블릿코드] 모바일 게임 개발 전략, 더 넓은 세상을 향해
 
Managing App Development
Managing App DevelopmentManaging App Development
Managing App Development
 
Accenture Mobility MWC 2012 - Bubble over barcelona - lars kamp
Accenture Mobility MWC 2012 - Bubble over barcelona - lars kampAccenture Mobility MWC 2012 - Bubble over barcelona - lars kamp
Accenture Mobility MWC 2012 - Bubble over barcelona - lars kamp
 
【代々木系新春セミナー】中国スマートフォン関連市場
【代々木系新春セミナー】中国スマートフォン関連市場【代々木系新春セミナー】中国スマートフォン関連市場
【代々木系新春セミナー】中国スマートフォン関連市場
 
De fluwelen revolutie van android
De fluwelen revolutie van androidDe fluwelen revolutie van android
De fluwelen revolutie van android
 
Australian broadcasting summit 2011
Australian broadcasting summit 2011Australian broadcasting summit 2011
Australian broadcasting summit 2011
 
Social media in mena feb2011
Social media in mena feb2011Social media in mena feb2011
Social media in mena feb2011
 
Inc pres (dma bristol messaging) 24 jun11 v1.0
Inc pres (dma bristol messaging) 24 jun11 v1.0Inc pres (dma bristol messaging) 24 jun11 v1.0
Inc pres (dma bristol messaging) 24 jun11 v1.0
 
Microsoft mobile development bitwise-curtis guilbot
Microsoft mobile development bitwise-curtis guilbotMicrosoft mobile development bitwise-curtis guilbot
Microsoft mobile development bitwise-curtis guilbot
 
The State of the App Economy
The State of the App EconomyThe State of the App Economy
The State of the App Economy
 
Email Design for All Devices
Email Design for All DevicesEmail Design for All Devices
Email Design for All Devices
 
Mobilize UGent
Mobilize UGentMobilize UGent
Mobilize UGent
 
Researching the "next billion consumers" in emerging markets through mobile t...
Researching the "next billion consumers" in emerging markets through mobile t...Researching the "next billion consumers" in emerging markets through mobile t...
Researching the "next billion consumers" in emerging markets through mobile t...
 
Mobile, Mobile, Mobile
Mobile, Mobile, MobileMobile, Mobile, Mobile
Mobile, Mobile, Mobile
 
Mobile Apps - The Business & Technology
Mobile Apps - The Business & TechnologyMobile Apps - The Business & Technology
Mobile Apps - The Business & Technology
 
BIC5 Ian morgan google uk Making the Web Work for You 2012
BIC5 Ian morgan google uk Making the Web Work for You 2012BIC5 Ian morgan google uk Making the Web Work for You 2012
BIC5 Ian morgan google uk Making the Web Work for You 2012
 

Recently uploaded

Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
bookneha89
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
chandadutta02102
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
bookneha89
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
sheetal singh$A17
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
asazt
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
ailynolive
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
eamhs
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...
Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...
Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...
sonalibook860
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
sexytaniya455
 
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Mostafa Abd Elrahman
 
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
khloe sexy girl
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
taradcunha
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
MojtabaMeghdari
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdfNeom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Mostafa Abd Elrahman
 

Recently uploaded (20)

Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
 
Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...
Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...
Indore Girls Call Indore 0X0000000X Payment On Delevery Cash Hot Premium Genu...
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
 
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdfNeom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
 

Multiscreen Design Strategies

  • 1. Multiscreen Design Strategies FloatLearning 2011 Josh Campbell Magic Might Friday, June 10, 2011
  • 2. Innovation through Magic Might Design strategy and execution at the intersection of mobile, web and beyond 2 Friday, June 10, 2011
  • 3. Multiscreen Design Strategies Magic Might 3 Friday, June 10, 2011
  • 4. Multiscreen Design Strategies Magic Might 4 Friday, June 10, 2011
  • 5. Multiscreen Design Strategies Magic Might 5 Friday, June 10, 2011
  • 6. Topics • How to target experiences (market overview) • Interaction Patterns • Gestural Differences • Coordinated screen designs • Q&A Magic Might 6 Friday, June 10, 2011
  • 7. Considerations & Constraints Magic Might 7 Friday, June 10, 2011
  • 8. Considerations The decision points you weigh in your design. Magic Might 8 Friday, June 10, 2011
  • 9. Constraints The known, fixed elements that you design for. Magic Might 9 Friday, June 10, 2011
  • 10. UX Landscape For “Mobile” applications Magic Might 10 Friday, June 10, 2011
  • 11. Impact of Product & Software design on Application Designers Magic Might 11 Friday, June 10, 2011
  • 12. iOS Easy right? Magic Might 12 Friday, June 10, 2011
  • 13. Which iOS? iOS 3, 4 or the upcoming 5? Magic Might 13 Friday, June 10, 2011
  • 14. Retina-Display? Retina or Original display? Magic Might 14 Friday, June 10, 2011
  • 15. iPad or iPhone? Screen dimensions Magic Might 15 Friday, June 10, 2011
  • 16. Even iOS has complications Apple still requires you to think about their product design in your application design. Magic Might 16 Friday, June 10, 2011
  • 17. Android Much less focused. Magic Might 17 Friday, June 10, 2011
  • 18. Android Versions Cupcake 6 Donut Eclair Froyo Gingerbread Honeycomb Magic Might 18 Friday, June 10, 2011
  • 19. Android Versions 70% 64.6% 52.5% 35% 21.2% 17.5% 0.092 1.9% 2.5% 0.006 Cupcake Donut Eclair Froyo Gingerbread Honeycomb Versions Data collected during a 14-day period ending on June 1, 2011 http://goo.gl/sgND Magic Might 19 Friday, June 10, 2011
  • 20. Android Resolutions 80% 75.2% 60% 40% 20% 17% 3.3% 2.8% 0.7% 1.1% Small Normal Large Xlarge Small Normal Large Xlarge Small Normal Large Xlarge HDPI MDPI LDPI Data collected during a 14-day period ending on June 1, 2011 http://goo.gl/Ow8r Magic Might 20 Friday, June 10, 2011
  • 21. What’s your HDPI? 800x480 854x480 960x540 1280x800 Magic Might 21 Friday, June 10, 2011
  • 22. Screen Dimensions 4.5” 800x480 4.3” 800x480 4” 800x480 4” 960x540 3.7” 854x480 Magic Might 22 Friday, June 10, 2011
  • 23. not to mention... Processor differences Color Depth Button Placement UI themes Magic Might 23 Friday, June 10, 2011
  • 24. But that’s just iOS and Android... Magic Might 24 Friday, June 10, 2011
  • 25. Others are just as varied. Magic Might 25 Friday, June 10, 2011
  • 26. ... Blackberry Symbian Windows Palm Magic Might 26 Friday, June 10, 2011
  • 27. Mobile OS-North America All phones types 40% 36.23% 30% 27.86% 21.17% 20% 10% 8.22% 6.46% iOS Android Blackberry Symbian Other Versions Data collected during a 3 month period March to May 2011 http://goo.gl/o1AJW Magic Might 27 Friday, June 10, 2011
  • 28. Mobile OS-Worldwide All phones types 40% 31.9% 30% 23.2% 20% 16.55% 15.56% 13.49% 10% iOS Android Blackberry Symbian Other Versions Data collected during a 3 month period March to May 2011 http://goo.gl/o1AJW Magic Might 28 Friday, June 10, 2011
  • 29. Mobile OS-North America Smartphones 60% 51% 45% 42% 32% 32% 30% 24% 15% 12% 8% 3% 1% 1% 0% 0% 2010 2011 2010 2011 2010 2011 2010 2011 2010 2011 2010 2011 iOS Android Blackberry Symbian WebOS Windows Phone Data collected from March to June in 2011 and 2010 http://goo.gl/yl8O Magic Might 29 Friday, June 10, 2011
  • 30. Mobile OS-Worldwide Smartphones 50% 41% 37% 37.5% 35% 27% 25% 20% 17% 16% 12.5% 6% 0.59% 0.18% 2010 2011 2010 2011 2010 2011 2010 2011 2010 2011 Symbian iOS Blackberry Android WebOS Data collected from March to June in 2011 and 2010 http://goo.gl/yl8O Magic Might 30 Friday, June 10, 2011
  • 31. The landscape is clearly fragmented... Magic Might 31 Friday, June 10, 2011
  • 32. Your design should be too Magic Might 32 Friday, June 10, 2011
  • 33. Design with a Benchmark in mind Magic Might 33 Friday, June 10, 2011
  • 34. Benchmark • Screen Size (Dimensions) • Screen Resolution • OS & Version • Tablet/Phone • Processing Speed • Input Requirements • Upgradability? Magic Might 34 Friday, June 10, 2011
  • 35. Look for the largest market and define a clear benchmark Try to serve the fewest number of people with each benchmark Magic Might 35 Friday, June 10, 2011
  • 36. Don’t reinvent, reorganize Use the paradigms that are people are most familiar with and the OS provides to make it easier... Magic Might 36 Friday, June 10, 2011
  • 37. A simple example Magic Might 37 Friday, June 10, 2011
  • 38. Twitter for iPad Magic Might 38 Friday, June 10, 2011
  • 39. Twitter for iPad Magic Might 38 Friday, June 10, 2011
  • 40. Twitter for iPad Magic Might 38 Friday, June 10, 2011
  • 41. Twitter for iPad A B C Magic Might 38 Friday, June 10, 2011
  • 42. Twitter for OS X Magic Might 39 Friday, June 10, 2011
  • 43. Twitter for OS X A B Magic Might 39 Friday, June 10, 2011
  • 44. Twitter for iPhone Magic Might 40 Friday, June 10, 2011
  • 45. Twitter for iPhone A B C Magic Might 40 Friday, June 10, 2011
  • 46. Twitter for Android Magic Might 41 Friday, June 10, 2011
  • 47. Twitter for Android A B C Magic Might 41 Friday, June 10, 2011
  • 48. Email Account Bob Smith 8:12 AM Very important Message Amazon.com 7:32 AM Your Amazon.com order has shipped Built in Chicago 4:32 PM Built in Chicago Weekly Update: Spot- TT Chicago 3:45 PM TastingTable CHI: The city's most exciting W3C Newsletter 2:18 PM W3C Public Newsletter Scott Wilson 8:12 AM Magic Might 42 Friday, June 10, 2011
  • 49. Email Account Bob Smith 8:12 AM Very important Message Amazon.com 7:32 AM Your Amazon.com order has shipped Built in Chicago 4:32 PM Built in Chicago Weekly Update: Spot- TT Chicago 3:45 PM TastingTable CHI: The city's most exciting W3C Newsletter 2:18 PM W3C Public Newsletter Scott Wilson 8:12 AM Magic Might 42 Friday, June 10, 2011
  • 50. Built in Chicago 4:32 PM Email Account Built in Chicago Weekly Update: Spot- light on Obtiva, Startup City and Some Bob Events Great Smith 8:12 AM Very important Message Built in Chicago Promoting digital innovation in the Amazon.com world's greatest city 7:32 AM A message to all members ofshipped Your Amazon.com order has Built in Chicago Built in Chicago Dear Built in Chicago Members, 4:32 PM Built in Chicago Weekly Update: Spot- A quick note to thank everyone for such a great month of activity--we are over TT Chicago 3,200 members and almost 800 blog PM 3:45 posts, averaging 800+ city's most exciting TastingTable CHI: The visits/day. Be sure to Follow Us on Twitter so we can start sharing your updates and celebrat- W3C Newsletter ing your successes. Also, check out a PM 2:18 W3C Public Newsletter few great upcoming events below-you won't want to miss the chance to hear some of the best local entrepreneurs Scott Wilson A final note remind- share their stories. 8:12 AM ing everyone to upload a profile picture Magic Might 42 Friday, June 10, 2011
  • 51. Email Account A Built in Chicago 4:32 PM Built in Chicago Weekly Update: Spot- light on Obtiva, Startup City and Some Bob Smith 8:12 AM Great Events Very important Message Built in Chicago Promoting digital innovation in the Amazon.com 7:32 AM world's greatest city Your Amazon.com order has shipped A message to all members of Built in Chicago Built in Chicago 4:32 PM C Dear Built in Chicago Members, B Built in Chicago Weekly Update: Spot- A quick note to thank everyone for such a great month of activity--we are over TT Chicago 3:45 PM 3,200 members and almost 800 blog TastingTable CHI: The city's most exciting posts, averaging 800+ visits/day. Be sure to Follow Us on Twitter so we can start sharing your updates and celebrat- W3C Newsletter 2:18 PM ing your successes. Also, check out a W3C Public Newsletter few great upcoming events below-you won't want to miss the chance to hear some of the best local entrepreneurs Scott Wilson 8:12 AM share their stories. A final note remind- ing everyone to upload a profile picture Magic Might 43 Friday, June 10, 2011
  • 52. Gmail for Honeycomb Magic Might 44 Friday, June 10, 2011
  • 53. Gmail for Honeycomb A B Magic Might 44 Friday, June 10, 2011
  • 54. Gmail for Honeycomb Magic Might 45 Friday, June 10, 2011
  • 55. Gmail for Honeycomb B C Magic Might 45 Friday, June 10, 2011
  • 56. Sparrow OS X Magic Might 46 Friday, June 10, 2011
  • 57. Sparrow OS X A B Magic Might 46 Friday, June 10, 2011
  • 58. Sparrow OS X Magic Might 47 Friday, June 10, 2011
  • 59. Sparrow OS X A B C Magic Might 47 Friday, June 10, 2011
  • 60. Screen constructs for multiple devices Magic Might 48 Friday, June 10, 2011
  • 61. Multi Pane Magic Might 49 Friday, June 10, 2011
  • 62. Grid Layouts Magic Might 50 Friday, June 10, 2011
  • 63. Coverflow/Carousel Magic Might 51 Friday, June 10, 2011
  • 64. Use interaction patterns that work well across screens. Multi-Pane is great for tablets & tvs Grid layouts work well for direct manipulation Carousels work well for indirect manipulation Magic Might 52 Friday, June 10, 2011
  • 65. Keep the Idea & Intent of the application the same Magic Might 53 Friday, June 10, 2011
  • 66. Optimize the interaction and layout for the target device benchmark. Magic Might 54 Friday, June 10, 2011
  • 67. But what about the fragmentation? Magic Might 55 Friday, June 10, 2011
  • 68. Be Ruthless. Pick a Benchmark. Your users will thank you. Magic Might 56 Friday, June 10, 2011
  • 69. Gestures & Input Magic Might 57 Friday, June 10, 2011
  • 70. Direct Indirect Magic Might 58 Friday, June 10, 2011
  • 71. Direct Indirect Magic Might 59 Friday, June 10, 2011
  • 72. Try to use analogous gestures: swipe = scroll tap = click press & hold = right-click Magic Might 60 Friday, June 10, 2011
  • 73. Last.fm Kinect Magic Might 61 Friday, June 10, 2011
  • 74. Last.fm Kinect Magic Might 61 Friday, June 10, 2011
  • 75. Gestures are slightly different for each platform. You apps should be too. Magic Might 62 Friday, June 10, 2011
  • 76. Multi screen interactions Magic Might 63 Friday, June 10, 2011
  • 77. Two of the Same Magic Might 64 Friday, June 10, 2011
  • 78. Two Different Magic Might 65 Friday, June 10, 2011
  • 79. 1+ devices working in concert Magic Might 66 Friday, June 10, 2011
  • 80. Two Way Communication Magic Might 67 Friday, June 10, 2011
  • 81. One Way Communication Magic Might 68 Friday, June 10, 2011
  • 82. One Way Communication Magic Might 69 Friday, June 10, 2011
  • 83. Inform other Participants Magic Might 70 Friday, June 10, 2011
  • 84. Multiple screens can enhance an experience by making it a shared experience. Magic Might 71 Friday, June 10, 2011
  • 85. Multiple screens can provide better input mechanisms. iPhone remote app provides a keyboard for Apple TV Magic Might 72 Friday, June 10, 2011
  • 86. Final Advice... Magic Might 73 Friday, June 10, 2011
  • 87. In a fragmented market your design probably should be too. Magic Might 74 Friday, June 10, 2011
  • 88. Have a tight benchmark as a starting point for the user experience. Magic Might 75 Friday, June 10, 2011
  • 89. Use gestures that are appropriate for each device and platform. Magic Might 76 Friday, June 10, 2011
  • 90. Look for opportunities to leverage multiple screens together for new ways to enhance learning. Magic Might 77 Friday, June 10, 2011
  • 91. The market changes fast, always be ready to adapt. Magic Might 78 Friday, June 10, 2011
  • 92. Questions Magic Might 79 Friday, June 10, 2011
  • 93. Thank you Josh Campbell @magicandmight Magic Might 80 Friday, June 10, 2011