SlideShare a Scribd company logo
1 of 49
Download to read offline
!"#$%&$&%'$&(")*+,"#'
        *-)'(./01#'+&2'3&%")#
        4)"%'5+$6'''7%)+$6




     Disclosure, duplication, or use of the document, or any of its contents, for purposes other than those authorize by Raizlabs without
     the written permission of Raizlabs is prohibited.

     © Raizlabs Corporation 2011. All Rights Reserved.


Wednesday, February 23, 2011
8"9:"',-0"'+';-&%'<+=




                                                                                Photo: Telefon AB LM Ericsson



     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                                                2

Wednesday, February 23, 2011
>+&2'.";2'$&(")*+,"#




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                3

Wednesday, February 23, 2011
?';-('.+#',.+&%"2




              ./%0#),,--          !"#$%!&''()*+,-                               012/3&),45)6&3




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                                 4

Wednesday, February 23, 2011
8.+(9#'&"<@
     • 8"9)"'0-)"',-&&",("2
              – 8"'+;<+=#'.+:"'$&(")&"(
     • ?2+AB:"'C,)""&
              – D#"'":")='A$E";
     • F-,+B-&
              – 4GCH'I-0A+##
     • J&2K/#")'+AA#
              – L-&K(",.&$,+;'/#")#'+)"'$&#(+;;$&%'+AA#


     February 18, 2011            Raizlabs © 2010 • Proprietary and Confidential
                                                                                   5

Wednesday, February 23, 2011
!"#$%&$&%'*-)'0-1$;"
     MN        G.=#$,+;''
     ON        P=A$&%'+&2'P+AA$&%
     QN        5"+2$&%'I-&("&(
     RN        F-,+B-&
     SN        I-&("E(




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                6

Wednesday, February 23, 2011
MN'G.=#$,+;




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                7

Wednesday, February 23, 2011
ON'T&A/('I-&#$2")+B-&#




                   73&)8#39):'&&                                                    ./)8#394):'&&




     February 18, 2011             Raizlabs © 2010 • Proprietary and Confidential
                                                                                                    8

Wednesday, February 23, 2011
QN'5"+2$&%'I-&#$2")+B-&#




     February 18, 2011
                                                  U&-<'+&=-&"';$V"'(.$#@
                               Raizlabs © 2010 • Proprietary and Confidential
                                                                                9

Wednesday, February 23, 2011
RN'F-,+B-&'F-,+B-&'F-,+B-&
     • ?,B-&+1;"'G)-E$0$(=
     • !"#$%&$&%'*-)'#-0"-&"'<.-9#'&-('
       $&'*)-&('-*'(."$)'2"#V'




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                10

Wednesday, February 23, 2011
!"#$%&'*-)';-,+B-&
     •      >-0"
     •      8-)V
     •      I+)WX/#WC/1<+=
     •      8+;V$&%
     •      5"#(+/)+&(
     •      C.-AA$&%
     •      C,.--;
     •      X+(.)--0

     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                11

Wednesday, February 23, 2011
SN'I-&("E('+)-/&2'=-/




Wednesday, February 23, 2011
SN'Y1Z",('I-&("E(




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                13

Wednesday, February 23, 2011
P."'A.-&"'$#'&-('+'GI
            !"#$%&'A+[")&#'
            (.+('<-)V'-&'+'GI'
            0+='&-('<-)V'-&'+'
            (-/,.'A.-&"'




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                14

Wednesday, February 23, 2011
-1$;"':#N'!"#V(-A

      +)#,-"                                                    !"#$%"&'()*
      MRKM]A('*-&(#'(=A$,+;                                     M_KMOA('*-&(#'(=A$,+;
      F+)%"'.$('(+)%"(#'^_KM__AE                                >$('(+)%"(#'M^KQOAE'#b/+)"
      YAB0$6"'*-)'^R_E`^_                                       YAB0$6"'M_OREc^]
      ?,B-&#a                                                   ?,B-&#a
      P+A                                                       I;$,V
      P+A'>-;2                                                  5$%.('I;$,V
      C<$A"                                                     !-/1;"'I;$,V
      G$&,.                                                     I;$,V'!)+%
      5-(+("
      C.+V"

     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                             15

Wednesday, February 23, 2011
d$#/+;'!"#$%&

 • D#"';+)%"'A)"#"&(+B-&'*-&(#    Back                 Title               Done


                                       search

 • D#"';+)%"'3&%")'BA'#$6"'      S
                                  Al Smith
   (+)%"(#                        Ben Smith
                                  Carl Smith
                                  Dave Smith
                                  Eric Smith
                                  Fred Smith
                                  Greg Smith
                                  Hal Smith
                                  Jane Smith
                                 Favorites   Recents   Contacts   Keypad   Voicemail




Wednesday, February 23, 2011
Minimize on-screen
                          elements


                               Quantity, not size



Wednesday, February 23, 2011
Wednesday, February 23, 2011
Make things easy to tap



Wednesday, February 23, 2011
Wednesday, February 23, 2011
I-00-&'I-&()-;#
     •      X/[-&
     •      C;$2")
     •      G$,V")WCA$&&")
     •      P+1#
     •      L+:$%+B-&
     •      ./0,&(&/.




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                21

Wednesday, February 23, 2011
F$#(#'+&2'L+:$%+B-&




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                22

Wednesday, February 23, 2011
M'#,)""&'M'(+#V




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential


Wednesday, February 23, 2011
e"#f'X/('/#")#'2-&9('<+&('(-'2$%




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential


Wednesday, February 23, 2011
Wire framing an
                       iPhone Application

                    Also called storyboarding and pencil prototyping




Wednesday, February 23, 2011
Basic List Pattern


      • We use wireframes to             Back                 Title               Done
        tell a story of how the
                                         Al Smith
        interface is used.
                                         Ben Smith
         – Keep it simple                Carl Smith
         – Less is more                  Dave Smith
         – Use established               Eric Smith
            design patterns              Fred Smith
            when possible                Greg Smith
                                         Hal Smith
                                         Jane Smith

                                        Favorites   Recents   Contacts   Keypad   Voicemail




Wednesday, February 23, 2011
Basic List          Secondary Action
            Al Smith                    Al Smith
            Ben Smith                   Ben Smith
            Carl Smith                  Carl Smith
            Dave Smith                  Dave Smith
            Eric Smith                  Eric Smith
            Fred Smith                  Fred Smith
            Greg Smith                  Greg Smith
            Hal Smith                   Hal Smith
            Jane Smith                  Jane Smith

              Alphabetical long lists      Searchable


           Al Smith
           Ben Smith                    Al Smith
           Carl Smith                   Ben Smith
           Dave Smith                   Carl Smith
           Eric Smith                   Dave Smith
           Fred Smith                   Eric Smith
           Greg Smith                   Fred Smith
           Hal Smith                    Greg Smith
           Jane Smith                   Hal Smith
                                        Jane Smith
Wednesday, February 23, 2011
Basic Table Pattern

      •   Tables are grouped into logical
                                                  Back            Settings
          sections
      •   Each table cell is usually one of the   Name                          Required

          following:                              Password                      Required

           –   Text field
           –   Label with details arrow           Status                            Good


           –   Label with status and arrow        Wi-Fi                 Not Connected

           –   Label with toggle                  Sound
      •   Use a short descriptive footer to
                                                   Location
          provide additional help
                                                   Auto-lock
      •   Each grouping is usually connected
          logically                                Advanced Configuration

                                                   Use text descriptions to make the application better




Wednesday, February 23, 2011
Multi-line List Pattern

      •   Use the multi-line pattern to give
                                                Back          Messages                      Done
          users a peek at what may be in the
          details page.                         Al Smith                      10:23pm
                                                This is a short message that I'm writing to tell

      •   This uses up more vertical space so   you that the thing you thought you did was…

                                                Ben Smith                     10:10pm
          don't use it if you expect a lot of   I can't believe you didn't tell me you where
                                                going to be in town. I just talked to Peter…
          scrolling.                            Carl Smith                    9:13pm

      •   Email is a good example where you     Did You get the message about the meeting
                                                Next Wednesday? I think we should take…
          usually read from the top and         Dave Smith                    7:25pm

          decide if you want details.           Hey! Nice presentation. Before we sign the
                                                contract, let’s get a head start on the wire…

                                                Eric Smith                    5:19pm
                                                Should we order some pizzas? There’s a lot to
                                                do before we can ship this app, and we want…

                                                Fred Smith                    5:13pm
                                                I’m the finance minister of a remote island
                                                nation with a proposition for you. Please se…




Wednesday, February 23, 2011
Show
                                                                                                                      Interaction


       Edit               Title                              Edit               Title                            •   The editing pattern
                                                                                                                     allows you to add,
     Al Smith                                                    Al Smith                                            edit and delete
                                                                                                                     items from a list
     Ben Smith                                                   Ben Smith                          Delete
                                                                                                                 •   Consider
     Carl Smith                                                  Carl Smith                                          supporting the
                                                                                                                     swipe delete
     Dave Smith                                                  Dave Smith                                          action
     Eric Smith                                                  Eric Smith
     Fred Smith                                                  Fred Smith
     Greg Smith                                                  Greg Smith
     Hal Smith                                                   Hal Smith
     Jane Smith                                                  Jane Smith
                                                                                                                      Swipe to delete gesture

    Favorites   Recents   Contacts   Keypad   Voicemail   Favorites   Recents   Contacts   Keypad    Voicemail




Wednesday, February 23, 2011
Landscape Example

                               Al Smith
                               Ben Smith
                               Carl Smith
                               Dave Smith




     •    For certain applications landscape may make sense
     •    In this view the keyboard takes almost 50% of the space when
          shown




Wednesday, February 23, 2011
Are you sure?

      •   Simple modal UI to make decisions
      •   Located near the thumb area, easy
          to tap.                             Al Smith                      10:23pm
                                              This is a short message that I'm writing to tell
                                              you that the thing you thought you did was…
      •   Quickly present a couple choices    Ben Smith                       10:10pm
                                              I can't believe you didn't tell me you where
                                              going to be in town. I just talked to Peter…




                                                Are you sure you want to delete?


                                                                 Delete


                                                                Archive


                                                                 Cancel




Wednesday, February 23, 2011
Progress Indicators


        •   There are three types of progress
                                                            Title
            commonly used.
             – Title bar or tool bar spinner such as
               in email. You can keep working.
             – Heads up display spinner. You have
               to wait and we don't know how long.
             – Panel progress. You have to wait
               but we can tell you how far along
               we are.




                                                       Downloading 2 of 4




Wednesday, February 23, 2011
-)"'8$)"*)+0"#'Y&;$&"
    Free version: bit.ly/WireframeFree
    Pro version coming soon bit.ly/WireframePro




Wednesday, February 23, 2011
Mobile Web




Wednesday, February 23, 2011
Wednesday, February 23, 2011
Wednesday, February 23, 2011
Wednesday, February 23, 2011
-1$;"'8"1'X+#$,#
     • I+&9('A$&,.W6--0'<$(.'-&"'.+&2
     • !"(",('0-1$;"'1)-<#")#
     • T*'=-/'.+:"'(."',-&("&('(."'.+)2'A+)('$#'2-&"




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                39

Wednesday, February 23, 2011
JEA",('(."'/&"EA",("2
     •      L-'&"(<-)V
     •      P-/,.'$#'&-('(."'#+0"'+#'I;$,V
     •      I+;;#'+&2'P"E('0"##+%"#
     •      5"%$-&'!$g")"&,"#




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                40

Wednesday, February 23, 2011
P+1;"(#'+)"'P-/,.




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                41

Wednesday, February 23, 2011
>+&2K.";2




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                42

Wednesday, February 23, 2011
P-A'P+1;"('?)"+#
     • +%+6$&"'W'I-&("&(
        – h;$A1-+)2'W'8$)"2'
     • h$";2'2+(+',-;;",B-&
     • h$";2'#+;"#'(--;
     • ?/%0"&("2'Pd'"EA")$"&,"
     • 4+0"#




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                43

Wednesday, February 23, 2011
iI-g""'C.-A9'/#+1$;$(=
     •      D#+1$;$(='-/('$&'(."')"+;'<-);2
     •      C.-/;2")'#/)3&%
     •      5",)/$(H'$&#(+;;H'-1#"):"'-:")',-g""
     •      h+#('$(")+B-&'




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                44

Wednesday, February 23, 2011
C;$2"#'&-(',/j&%'$(@

     T*'=-/'0$##"2'(."'
     A)"#"&(+B-&'+&2'<-/;2'
     ;$V"'(-'.$)"'5+$6;+1#'(-'
     %$:"'(.$#'(+;V'A;"+#"'
     ,-&(+,('/#N

     %)+$67)+$6;+1#N,-0




     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                46

Wednesday, February 23, 2011
Thank You
              Gregory Raiz
           graiz@raizlabs.com



            Follow me @graiz




Wednesday, February 23, 2011
?1-/('5+$6;+1#
     • X+#"2'$&'X-#(-&
     • ?'%)-<$&%'("+0'-*'M_'2":";-A")#'W'2"#$%&#
     • !":";-A"2'-:")'R_'0-1$;"'+AA;$,+B-&#
              –     Q_'$G.-&"'?AA;$,+B-&#
              –     S'?&2)-$2'?AA;$,+B-&#
              –     S'$G+2'?AA;$,+B-&#
              –     G;/#'0+&='A)-(-(=A"#
     • !$:")#"'"EA")$"&,"'$&'0/;BA;"'*+,"(#'-*'0-1$;"'
       #()+("%='2"#$%&'+&2'2":";-A0"&('N


     February 18, 2011               Raizlabs © 2010 • Proprietary and Confidential
                                                                                      47

Wednesday, February 23, 2011
5+$6;+1#'!-0+$&'JEA")$"&,"
     • +AA$&%'(",.&-;-%=
     • C-,$+;'&"(<-)V$&%'(--;#
     • ?/2$-'+AA;$,+B-&#
     • JK,-00"),"
     • 4JYK;-,+B-&'()+,V$&%
     • h$";2'2+(+',-;;",B-&'+&2',+;,/;+B-&
     • +%+6$&"'+&2'1--V',-&("&('A)"#"&(+B-&
     • ?AA;$,+B-&'2"A;-=0"&(
     • J&(")A)$#"'+AA#

     February 18, 2011         Raizlabs © 2010 • Proprietary and Confidential
                                                                                48

Wednesday, February 23, 2011
/;BA;"'G;+k-)0#
     • JEA")B#"'$&';"+2$&%'0-1$;"'
       A;+k-)0#a
              – ?&2)-$2
              – $G.-&"W$G+2
     • ?AA',)"+B-&'(+)%"B&%'
       0/;BA;"'A;+k-)0#
              – I-00-&'<"1'?GT#'(-'B"'
                0-1$;"'+AA#'(-%"(.")

     • F"+)&'0-)"'+('5+$6;+1#N,-0


     February 18, 2011          Raizlabs © 2010 • Proprietary and Confidential
                                                                                 49

Wednesday, February 23, 2011

More Related Content

What's hot

Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...
Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...
Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...Nonprofit Finance Fund
 
2011 National Digital Forum of New Zealand - Keynote
2011 National Digital Forum of New Zealand - Keynote2011 National Digital Forum of New Zealand - Keynote
2011 National Digital Forum of New Zealand - Keynotemlascarides
 
Open Source Cloud Technologies
Open Source Cloud TechnologiesOpen Source Cloud Technologies
Open Source Cloud TechnologiesSalman Baset
 
How Word-of-Mouth and Social Media enhance Search Marketing
How Word-of-Mouth and Social Media enhance Search MarketingHow Word-of-Mouth and Social Media enhance Search Marketing
How Word-of-Mouth and Social Media enhance Search MarketingARC Science
 
16ª Circuito Paulista Universitário de Surf
16ª Circuito Paulista Universitário de Surf16ª Circuito Paulista Universitário de Surf
16ª Circuito Paulista Universitário de Surfibrasurf
 
FOA Benefits Of Membership Brochure
FOA Benefits Of Membership BrochureFOA Benefits Of Membership Brochure
FOA Benefits Of Membership BrochureAngelo Robles
 
Turku Design Week Luova Iltapäivä
Turku Design Week Luova IltapäiväTurku Design Week Luova Iltapäivä
Turku Design Week Luova IltapäiväMinna Valtari
 
5stepsstrategies
5stepsstrategies5stepsstrategies
5stepsstrategiesbrahimbb17
 
How to market your Classes
How to market your ClassesHow to market your Classes
How to market your ClassesChuck Vosburgh
 
Ecrea1c Schwate Jan Ppt
Ecrea1c Schwate Jan PptEcrea1c Schwate Jan Ppt
Ecrea1c Schwate Jan Pptimec.archive
 
Visual Arts S A Summaryfinal
Visual Arts  S A SummaryfinalVisual Arts  S A Summaryfinal
Visual Arts S A SummaryfinalChakan Hislop
 
Show a complex topic, before discussing it
Show a complex topic, before discussing itShow a complex topic, before discussing it
Show a complex topic, before discussing itSusan K Becker
 

What's hot (15)

Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...
Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...
Pay for Success Projects and Social Impact Bonds: Structuring Considerations ...
 
2011 National Digital Forum of New Zealand - Keynote
2011 National Digital Forum of New Zealand - Keynote2011 National Digital Forum of New Zealand - Keynote
2011 National Digital Forum of New Zealand - Keynote
 
Open Source Cloud Technologies
Open Source Cloud TechnologiesOpen Source Cloud Technologies
Open Source Cloud Technologies
 
How Word-of-Mouth and Social Media enhance Search Marketing
How Word-of-Mouth and Social Media enhance Search MarketingHow Word-of-Mouth and Social Media enhance Search Marketing
How Word-of-Mouth and Social Media enhance Search Marketing
 
Fusion - Prager presentation
Fusion - Prager presentationFusion - Prager presentation
Fusion - Prager presentation
 
16ª Circuito Paulista Universitário de Surf
16ª Circuito Paulista Universitário de Surf16ª Circuito Paulista Universitário de Surf
16ª Circuito Paulista Universitário de Surf
 
FOA Benefits Of Membership Brochure
FOA Benefits Of Membership BrochureFOA Benefits Of Membership Brochure
FOA Benefits Of Membership Brochure
 
Turku Design Week Luova Iltapäivä
Turku Design Week Luova IltapäiväTurku Design Week Luova Iltapäivä
Turku Design Week Luova Iltapäivä
 
5stepsstrategies
5stepsstrategies5stepsstrategies
5stepsstrategies
 
Qualitative Research Methods and Wrap up
Qualitative Research Methods and Wrap upQualitative Research Methods and Wrap up
Qualitative Research Methods and Wrap up
 
How to market your Classes
How to market your ClassesHow to market your Classes
How to market your Classes
 
Ecrea1c Schwate Jan Ppt
Ecrea1c Schwate Jan PptEcrea1c Schwate Jan Ppt
Ecrea1c Schwate Jan Ppt
 
Visual Arts S A Summaryfinal
Visual Arts  S A SummaryfinalVisual Arts  S A Summaryfinal
Visual Arts S A Summaryfinal
 
Treball espai familiar
Treball espai familiarTreball espai familiar
Treball espai familiar
 
Show a complex topic, before discussing it
Show a complex topic, before discussing itShow a complex topic, before discussing it
Show a complex topic, before discussing it
 

Viewers also liked

Brochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.com
Brochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.comBrochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.com
Brochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.comyStats.com
 
Guia Para Angustiados
Guia Para AngustiadosGuia Para Angustiados
Guia Para AngustiadosDemona Demona
 
Curso de homeopatia
Curso de homeopatiaCurso de homeopatia
Curso de homeopatiaCura Rojo
 
Xiv certamen literari_2010
Xiv certamen literari_2010Xiv certamen literari_2010
Xiv certamen literari_2010manaid
 
Proyecto de empresa jmp
Proyecto de empresa jmpProyecto de empresa jmp
Proyecto de empresa jmpjesuliyo
 
Boletin Informativo 24 02 10
Boletin Informativo 24 02 10Boletin Informativo 24 02 10
Boletin Informativo 24 02 10guest3183d
 
Chicas de compaña Barcelona, Osona Manlleu - Vic
Chicas de compaña Barcelona, Osona Manlleu - VicChicas de compaña Barcelona, Osona Manlleu - Vic
Chicas de compaña Barcelona, Osona Manlleu - Vicmall44brow
 
Barañaingo Berripapera 11-12
Barañaingo Berripapera 11-12Barañaingo Berripapera 11-12
Barañaingo Berripapera 11-12Euskaraz
 
La web de Cuidados de Enfermería del Hospital Comarcal de la Axarquía
La web de Cuidados de Enfermería del Hospital Comarcal de la AxarquíaLa web de Cuidados de Enfermería del Hospital Comarcal de la Axarquía
La web de Cuidados de Enfermería del Hospital Comarcal de la AxarquíaAntonia María Fernandez Luque
 
Impuls EVO
Impuls EVOImpuls EVO
Impuls EVOBPSC
 
Requerimiento de personal
Requerimiento de personal Requerimiento de personal
Requerimiento de personal nazlycortesano
 
Selección de color de diente en 5 dimensiones
Selección de color de diente en 5 dimensionesSelección de color de diente en 5 dimensiones
Selección de color de diente en 5 dimensionesDavid Campoverde
 

Viewers also liked (20)

Catálogos virtuales final
Catálogos virtuales finalCatálogos virtuales final
Catálogos virtuales final
 
Австрия. Отель Терме Лаа. Термальный комплекс лаа.
Австрия. Отель Терме Лаа. Термальный комплекс лаа.Австрия. Отель Терме Лаа. Термальный комплекс лаа.
Австрия. Отель Терме Лаа. Термальный комплекс лаа.
 
Brochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.com
Brochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.comBrochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.com
Brochure & Order Form_Africa Internet & B2C E-Commerce Report 2012_by yStats.com
 
Guia Para Angustiados
Guia Para AngustiadosGuia Para Angustiados
Guia Para Angustiados
 
Por favor piensalo
Por favor piensaloPor favor piensalo
Por favor piensalo
 
Curso de homeopatia
Curso de homeopatiaCurso de homeopatia
Curso de homeopatia
 
Programa Semanas de la Ciencia 2014
Programa Semanas de la Ciencia 2014Programa Semanas de la Ciencia 2014
Programa Semanas de la Ciencia 2014
 
III Festival Aragón Negro - 14 al 31 de Enero 2016
III Festival Aragón Negro - 14 al 31 de Enero 2016III Festival Aragón Negro - 14 al 31 de Enero 2016
III Festival Aragón Negro - 14 al 31 de Enero 2016
 
Xiv certamen literari_2010
Xiv certamen literari_2010Xiv certamen literari_2010
Xiv certamen literari_2010
 
Proyecto de empresa jmp
Proyecto de empresa jmpProyecto de empresa jmp
Proyecto de empresa jmp
 
Boletin Informativo 24 02 10
Boletin Informativo 24 02 10Boletin Informativo 24 02 10
Boletin Informativo 24 02 10
 
Chicas de compaña Barcelona, Osona Manlleu - Vic
Chicas de compaña Barcelona, Osona Manlleu - VicChicas de compaña Barcelona, Osona Manlleu - Vic
Chicas de compaña Barcelona, Osona Manlleu - Vic
 
Barañaingo Berripapera 11-12
Barañaingo Berripapera 11-12Barañaingo Berripapera 11-12
Barañaingo Berripapera 11-12
 
La web de Cuidados de Enfermería del Hospital Comarcal de la Axarquía
La web de Cuidados de Enfermería del Hospital Comarcal de la AxarquíaLa web de Cuidados de Enfermería del Hospital Comarcal de la Axarquía
La web de Cuidados de Enfermería del Hospital Comarcal de la Axarquía
 
Depresia Laura
Depresia LauraDepresia Laura
Depresia Laura
 
Impuls EVO
Impuls EVOImpuls EVO
Impuls EVO
 
MMS & LZ Studie 'Markenvertrauen'
MMS & LZ Studie 'Markenvertrauen'MMS & LZ Studie 'Markenvertrauen'
MMS & LZ Studie 'Markenvertrauen'
 
Requerimiento de personal
Requerimiento de personal Requerimiento de personal
Requerimiento de personal
 
liderazgo academico
liderazgo academicoliderazgo academico
liderazgo academico
 
Selección de color de diente en 5 dimensiones
Selección de color de diente en 5 dimensionesSelección de color de diente en 5 dimensiones
Selección de color de diente en 5 dimensiones
 

Similar to User interface design for thumbs and fingers

Max Niederhofer, Qwerly
Max Niederhofer, QwerlyMax Niederhofer, Qwerly
Max Niederhofer, QwerlyMashery
 
Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...
Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...
Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...Jaak Vlasveld
 
Nonprofit Network: Sample Trainings
Nonprofit Network: Sample TrainingsNonprofit Network: Sample Trainings
Nonprofit Network: Sample TrainingsJolene Bernhard
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your SoulScott Hoffman
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your SoulScott Hoffman
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your SoulScott Hoffman
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your SoulScott Hoffman
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your SoulScott Hoffman
 
Rockford Area Convention & Visitors Bureau
Rockford Area Convention & Visitors BureauRockford Area Convention & Visitors Bureau
Rockford Area Convention & Visitors BureauSoMeTourism
 
OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...
OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...
OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...Extraordy
 
OSGi Provisioning With Apache ACE
OSGi Provisioning With Apache ACEOSGi Provisioning With Apache ACE
OSGi Provisioning With Apache ACEmfrancis
 
Walker elizabeth pw_c_enrichment_experiences-1
Walker elizabeth pw_c_enrichment_experiences-1Walker elizabeth pw_c_enrichment_experiences-1
Walker elizabeth pw_c_enrichment_experiences-1Liz Walker
 
Experience Mining and Dialogues with a Pattern Language for Creative Learning
Experience Mining and Dialogues with a Pattern Language for Creative LearningExperience Mining and Dialogues with a Pattern Language for Creative Learning
Experience Mining and Dialogues with a Pattern Language for Creative LearningTakashi Iba
 
SEO - It Works Even if You Don’t Know How or Why
SEO - It Works Even if You Don’t Know How or Why SEO - It Works Even if You Don’t Know How or Why
SEO - It Works Even if You Don’t Know How or Why Wolfgang Weicht
 
Splatter Plots2,Sweitzer,2011dec13
Splatter Plots2,Sweitzer,2011dec13Splatter Plots2,Sweitzer,2011dec13
Splatter Plots2,Sweitzer,2011dec13Dennis Sweitzer
 
CLEAN MASTER SERVICES
CLEAN MASTER SERVICESCLEAN MASTER SERVICES
CLEAN MASTER SERVICESlfarrington79
 
Silent Observer: An Innovation by Sukrut Systems
Silent Observer: An Innovation by Sukrut SystemsSilent Observer: An Innovation by Sukrut Systems
Silent Observer: An Innovation by Sukrut SystemsNarendra K Saini
 
Mobile Social Apps and Ads JP version
Mobile Social Apps and Ads JP versionMobile Social Apps and Ads JP version
Mobile Social Apps and Ads JP version01Booster
 

Similar to User interface design for thumbs and fingers (20)

Max Niederhofer, Qwerly
Max Niederhofer, QwerlyMax Niederhofer, Qwerly
Max Niederhofer, Qwerly
 
Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...
Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...
Presentation Hyves, Green IT Amsterdam workshop Green Software 12 apr 2011, o...
 
Nonprofit Network: Sample Trainings
Nonprofit Network: Sample TrainingsNonprofit Network: Sample Trainings
Nonprofit Network: Sample Trainings
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your Soul
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your Soul
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your Soul
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your Soul
 
Status Updates are the Window to Your Soul
Status Updates are the Window to Your SoulStatus Updates are the Window to Your Soul
Status Updates are the Window to Your Soul
 
Rockford Area Convention & Visitors Bureau
Rockford Area Convention & Visitors BureauRockford Area Convention & Visitors Bureau
Rockford Area Convention & Visitors Bureau
 
OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...
OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...
OSD 2011 - Consulenza e formazione certificata – evoluzione di Linux per l'En...
 
OSGi Provisioning With Apache ACE
OSGi Provisioning With Apache ACEOSGi Provisioning With Apache ACE
OSGi Provisioning With Apache ACE
 
Walker elizabeth pw_c_enrichment_experiences-1
Walker elizabeth pw_c_enrichment_experiences-1Walker elizabeth pw_c_enrichment_experiences-1
Walker elizabeth pw_c_enrichment_experiences-1
 
Experience Mining and Dialogues with a Pattern Language for Creative Learning
Experience Mining and Dialogues with a Pattern Language for Creative LearningExperience Mining and Dialogues with a Pattern Language for Creative Learning
Experience Mining and Dialogues with a Pattern Language for Creative Learning
 
SEO - It Works Even if You Don’t Know How or Why
SEO - It Works Even if You Don’t Know How or Why SEO - It Works Even if You Don’t Know How or Why
SEO - It Works Even if You Don’t Know How or Why
 
Splatter Plots2,Sweitzer,2011dec13
Splatter Plots2,Sweitzer,2011dec13Splatter Plots2,Sweitzer,2011dec13
Splatter Plots2,Sweitzer,2011dec13
 
CLEAN MASTER SERVICES
CLEAN MASTER SERVICESCLEAN MASTER SERVICES
CLEAN MASTER SERVICES
 
Silent Observer: An Innovation by Sukrut Systems
Silent Observer: An Innovation by Sukrut SystemsSilent Observer: An Innovation by Sukrut Systems
Silent Observer: An Innovation by Sukrut Systems
 
MC_IGSS_June_2015
MC_IGSS_June_2015MC_IGSS_June_2015
MC_IGSS_June_2015
 
Mobile Social Apps and Ads JP version
Mobile Social Apps and Ads JP versionMobile Social Apps and Ads JP version
Mobile Social Apps and Ads JP version
 
Interviewing: Practice Makes Perfect
Interviewing: Practice Makes PerfectInterviewing: Practice Makes Perfect
Interviewing: Practice Makes Perfect
 

More from Gregory Raiz

Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Gregory Raiz
 
Innovation at Scale & Building with ❤️
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️Gregory Raiz
 
AltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresGregory Raiz
 
Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Gregory Raiz
 
Design and development better together
Design and development better togetherDesign and development better together
Design and development better togetherGregory Raiz
 
UXPA 10 minute talk on shaping organizations
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations Gregory Raiz
 
5 minute presentations
5 minute presentations5 minute presentations
5 minute presentationsGregory Raiz
 
Flat design for a non flat world
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat worldGregory Raiz
 
10 essentials to great mobile
10 essentials to great mobile10 essentials to great mobile
10 essentials to great mobileGregory Raiz
 
Wireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppWireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppGregory Raiz
 
Wireframe Powerpoint Parts
Wireframe Powerpoint PartsWireframe Powerpoint Parts
Wireframe Powerpoint PartsGregory Raiz
 

More from Gregory Raiz (11)

Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015
 
Innovation at Scale & Building with ❤️
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️
 
AltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just features
 
Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016
 
Design and development better together
Design and development better togetherDesign and development better together
Design and development better together
 
UXPA 10 minute talk on shaping organizations
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations
 
5 minute presentations
5 minute presentations5 minute presentations
5 minute presentations
 
Flat design for a non flat world
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat world
 
10 essentials to great mobile
10 essentials to great mobile10 essentials to great mobile
10 essentials to great mobile
 
Wireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppWireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio App
 
Wireframe Powerpoint Parts
Wireframe Powerpoint PartsWireframe Powerpoint Parts
Wireframe Powerpoint Parts
 

Recently uploaded

UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataCloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataSafe Software
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?SANGHEE SHIN
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdfJamie (Taka) Wang
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 

Recently uploaded (20)

UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataCloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?Do we need a new standard for visualizing the invisible?
Do we need a new standard for visualizing the invisible?
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 

User interface design for thumbs and fingers

  • 1. !"#$%&$&%'$&(")*+,"#' *-)'(./01#'+&2'3&%")# 4)"%'5+$6'''7%)+$6 Disclosure, duplication, or use of the document, or any of its contents, for purposes other than those authorize by Raizlabs without the written permission of Raizlabs is prohibited. © Raizlabs Corporation 2011. All Rights Reserved. Wednesday, February 23, 2011
  • 2. 8"9:"',-0"'+';-&%'<+= Photo: Telefon AB LM Ericsson February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 2 Wednesday, February 23, 2011
  • 3. >+&2'.";2'$&(")*+,"# February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 3 Wednesday, February 23, 2011
  • 4. ?';-('.+#',.+&%"2 ./%0#),,-- !"#$%!&''()*+,- 012/3&),45)6&3 February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 4 Wednesday, February 23, 2011
  • 5. 8.+(9#'&"<@ • 8"9)"'0-)"',-&&",("2 – 8"'+;<+=#'.+:"'$&(")&"( • ?2+AB:"'C,)""& – D#"'":")='A$E"; • F-,+B-& – 4GCH'I-0A+## • J&2K/#")'+AA# – L-&K(",.&$,+;'/#")#'+)"'$&#(+;;$&%'+AA# February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 5 Wednesday, February 23, 2011
  • 6. !"#$%&$&%'*-)'0-1$;" MN G.=#$,+;'' ON P=A$&%'+&2'P+AA$&% QN 5"+2$&%'I-&("&( RN F-,+B-& SN I-&("E( February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 6 Wednesday, February 23, 2011
  • 7. MN'G.=#$,+; February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 7 Wednesday, February 23, 2011
  • 8. ON'T&A/('I-&#$2")+B-&# 73&)8#39):'&& ./)8#394):'&& February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 8 Wednesday, February 23, 2011
  • 9. QN'5"+2$&%'I-&#$2")+B-&# February 18, 2011 U&-<'+&=-&"';$V"'(.$#@ Raizlabs © 2010 • Proprietary and Confidential 9 Wednesday, February 23, 2011
  • 10. RN'F-,+B-&'F-,+B-&'F-,+B-& • ?,B-&+1;"'G)-E$0$(= • !"#$%&$&%'*-)'#-0"-&"'<.-9#'&-(' $&'*)-&('-*'(."$)'2"#V' February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 10 Wednesday, February 23, 2011
  • 11. !"#$%&'*-)';-,+B-& • >-0" • 8-)V • I+)WX/#WC/1<+= • 8+;V$&% • 5"#(+/)+&( • C.-AA$&% • C,.--; • X+(.)--0 February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 11 Wednesday, February 23, 2011
  • 13. SN'Y1Z",('I-&("E( February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 13 Wednesday, February 23, 2011
  • 14. P."'A.-&"'$#'&-('+'GI !"#$%&'A+[")&#' (.+('<-)V'-&'+'GI' 0+='&-('<-)V'-&'+' (-/,.'A.-&"' February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 14 Wednesday, February 23, 2011
  • 15. -1$;"':#N'!"#V(-A +)#,-" !"#$%"&'()* MRKM]A('*-&(#'(=A$,+; M_KMOA('*-&(#'(=A$,+; F+)%"'.$('(+)%"(#'^_KM__AE >$('(+)%"(#'M^KQOAE'#b/+)" YAB0$6"'*-)'^R_E`^_ YAB0$6"'M_OREc^] ?,B-&#a ?,B-&#a P+A I;$,V P+A'>-;2 5$%.('I;$,V C<$A" !-/1;"'I;$,V G$&,. I;$,V'!)+% 5-(+(" C.+V" February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 15 Wednesday, February 23, 2011
  • 16. d$#/+;'!"#$%& • D#"';+)%"'A)"#"&(+B-&'*-&(# Back Title Done search • D#"';+)%"'3&%")'BA'#$6"' S Al Smith (+)%"(# Ben Smith Carl Smith Dave Smith Eric Smith Fred Smith Greg Smith Hal Smith Jane Smith Favorites Recents Contacts Keypad Voicemail Wednesday, February 23, 2011
  • 17. Minimize on-screen elements Quantity, not size Wednesday, February 23, 2011
  • 19. Make things easy to tap Wednesday, February 23, 2011
  • 21. I-00-&'I-&()-;# • X/[-& • C;$2") • G$,V")WCA$&&") • P+1# • L+:$%+B-& • ./0,&(&/. February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 21 Wednesday, February 23, 2011
  • 22. F$#(#'+&2'L+:$%+B-& February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 22 Wednesday, February 23, 2011
  • 23. M'#,)""&'M'(+#V February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential Wednesday, February 23, 2011
  • 24. e"#f'X/('/#")#'2-&9('<+&('(-'2$% February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential Wednesday, February 23, 2011
  • 25. Wire framing an iPhone Application Also called storyboarding and pencil prototyping Wednesday, February 23, 2011
  • 26. Basic List Pattern • We use wireframes to Back Title Done tell a story of how the Al Smith interface is used. Ben Smith – Keep it simple Carl Smith – Less is more Dave Smith – Use established Eric Smith design patterns Fred Smith when possible Greg Smith Hal Smith Jane Smith Favorites Recents Contacts Keypad Voicemail Wednesday, February 23, 2011
  • 27. Basic List Secondary Action Al Smith Al Smith Ben Smith Ben Smith Carl Smith Carl Smith Dave Smith Dave Smith Eric Smith Eric Smith Fred Smith Fred Smith Greg Smith Greg Smith Hal Smith Hal Smith Jane Smith Jane Smith Alphabetical long lists Searchable Al Smith Ben Smith Al Smith Carl Smith Ben Smith Dave Smith Carl Smith Eric Smith Dave Smith Fred Smith Eric Smith Greg Smith Fred Smith Hal Smith Greg Smith Jane Smith Hal Smith Jane Smith Wednesday, February 23, 2011
  • 28. Basic Table Pattern • Tables are grouped into logical Back Settings sections • Each table cell is usually one of the Name Required following: Password Required – Text field – Label with details arrow Status Good – Label with status and arrow Wi-Fi Not Connected – Label with toggle Sound • Use a short descriptive footer to Location provide additional help Auto-lock • Each grouping is usually connected logically Advanced Configuration Use text descriptions to make the application better Wednesday, February 23, 2011
  • 29. Multi-line List Pattern • Use the multi-line pattern to give Back Messages Done users a peek at what may be in the details page. Al Smith 10:23pm This is a short message that I'm writing to tell • This uses up more vertical space so you that the thing you thought you did was… Ben Smith 10:10pm don't use it if you expect a lot of I can't believe you didn't tell me you where going to be in town. I just talked to Peter… scrolling. Carl Smith 9:13pm • Email is a good example where you Did You get the message about the meeting Next Wednesday? I think we should take… usually read from the top and Dave Smith 7:25pm decide if you want details. Hey! Nice presentation. Before we sign the contract, let’s get a head start on the wire… Eric Smith 5:19pm Should we order some pizzas? There’s a lot to do before we can ship this app, and we want… Fred Smith 5:13pm I’m the finance minister of a remote island nation with a proposition for you. Please se… Wednesday, February 23, 2011
  • 30. Show Interaction Edit Title Edit Title • The editing pattern allows you to add, Al Smith Al Smith edit and delete items from a list Ben Smith Ben Smith Delete • Consider Carl Smith Carl Smith supporting the swipe delete Dave Smith Dave Smith action Eric Smith Eric Smith Fred Smith Fred Smith Greg Smith Greg Smith Hal Smith Hal Smith Jane Smith Jane Smith Swipe to delete gesture Favorites Recents Contacts Keypad Voicemail Favorites Recents Contacts Keypad Voicemail Wednesday, February 23, 2011
  • 31. Landscape Example Al Smith Ben Smith Carl Smith Dave Smith • For certain applications landscape may make sense • In this view the keyboard takes almost 50% of the space when shown Wednesday, February 23, 2011
  • 32. Are you sure? • Simple modal UI to make decisions • Located near the thumb area, easy to tap. Al Smith 10:23pm This is a short message that I'm writing to tell you that the thing you thought you did was… • Quickly present a couple choices Ben Smith 10:10pm I can't believe you didn't tell me you where going to be in town. I just talked to Peter… Are you sure you want to delete? Delete Archive Cancel Wednesday, February 23, 2011
  • 33. Progress Indicators • There are three types of progress Title commonly used. – Title bar or tool bar spinner such as in email. You can keep working. – Heads up display spinner. You have to wait and we don't know how long. – Panel progress. You have to wait but we can tell you how far along we are. Downloading 2 of 4 Wednesday, February 23, 2011
  • 34. -)"'8$)"*)+0"#'Y&;$&" Free version: bit.ly/WireframeFree Pro version coming soon bit.ly/WireframePro Wednesday, February 23, 2011
  • 39. -1$;"'8"1'X+#$,# • I+&9('A$&,.W6--0'<$(.'-&"'.+&2 • !"(",('0-1$;"'1)-<#")# • T*'=-/'.+:"'(."',-&("&('(."'.+)2'A+)('$#'2-&" February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 39 Wednesday, February 23, 2011
  • 40. JEA",('(."'/&"EA",("2 • L-'&"(<-)V • P-/,.'$#'&-('(."'#+0"'+#'I;$,V • I+;;#'+&2'P"E('0"##+%"# • 5"%$-&'!$g")"&,"# February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 40 Wednesday, February 23, 2011
  • 41. P+1;"(#'+)"'P-/,. February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 41 Wednesday, February 23, 2011
  • 42. >+&2K.";2 February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 42 Wednesday, February 23, 2011
  • 43. P-A'P+1;"('?)"+# • +%+6$&"'W'I-&("&( – h;$A1-+)2'W'8$)"2' • h$";2'2+(+',-;;",B-& • h$";2'#+;"#'(--; • ?/%0"&("2'Pd'"EA")$"&," • 4+0"# February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 43 Wednesday, February 23, 2011
  • 44. iI-g""'C.-A9'/#+1$;$(= • D#+1$;$(='-/('$&'(."')"+;'<-);2 • C.-/;2")'#/)3&% • 5",)/$(H'$&#(+;;H'-1#"):"'-:")',-g"" • h+#('$(")+B-&' February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 44 Wednesday, February 23, 2011
  • 45. C;$2"#'&-(',/j&%'$(@ T*'=-/'0$##"2'(."' A)"#"&(+B-&'+&2'<-/;2' ;$V"'(-'.$)"'5+$6;+1#'(-' %$:"'(.$#'(+;V'A;"+#"' ,-&(+,('/#N %)+$67)+$6;+1#N,-0 February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 46 Wednesday, February 23, 2011
  • 46. Thank You Gregory Raiz graiz@raizlabs.com Follow me @graiz Wednesday, February 23, 2011
  • 47. ?1-/('5+$6;+1# • X+#"2'$&'X-#(-& • ?'%)-<$&%'("+0'-*'M_'2":";-A")#'W'2"#$%&# • !":";-A"2'-:")'R_'0-1$;"'+AA;$,+B-&# – Q_'$G.-&"'?AA;$,+B-&# – S'?&2)-$2'?AA;$,+B-&# – S'$G+2'?AA;$,+B-&# – G;/#'0+&='A)-(-(=A"# • !$:")#"'"EA")$"&,"'$&'0/;BA;"'*+,"(#'-*'0-1$;"' #()+("%='2"#$%&'+&2'2":";-A0"&('N February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 47 Wednesday, February 23, 2011
  • 48. 5+$6;+1#'!-0+$&'JEA")$"&," • +AA$&%'(",.&-;-%= • C-,$+;'&"(<-)V$&%'(--;# • ?/2$-'+AA;$,+B-&# • JK,-00")," • 4JYK;-,+B-&'()+,V$&% • h$";2'2+(+',-;;",B-&'+&2',+;,/;+B-& • +%+6$&"'+&2'1--V',-&("&('A)"#"&(+B-& • ?AA;$,+B-&'2"A;-=0"&( • J&(")A)$#"'+AA# February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 48 Wednesday, February 23, 2011
  • 49. /;BA;"'G;+k-)0# • JEA")B#"'$&';"+2$&%'0-1$;"' A;+k-)0#a – ?&2)-$2 – $G.-&"W$G+2 • ?AA',)"+B-&'(+)%"B&%' 0/;BA;"'A;+k-)0# – I-00-&'<"1'?GT#'(-'B"' 0-1$;"'+AA#'(-%"(.") • F"+)&'0-)"'+('5+$6;+1#N,-0 February 18, 2011 Raizlabs © 2010 • Proprietary and Confidential 49 Wednesday, February 23, 2011