SlideShare a Scribd company logo
1 of 48
DESIGN DECISIONS FOR IPHONE
Carrier            12:34 PM
                 Web Page Title

   http://host.domain.tld




               320 x 480
          Vertical Resolution
DESIGN IS ABOUT CHOICES
Design Decisions for iPhone applications
Design Decisions for iPhone applications
GOOD DESIGNERS MAKE CHOICES
“Looking back, I’m
 proudest of the things
 we didn’t do” — Steve Jobs
TOUGH QUESTIONS FIRST
SIGNIFICANCE




TIME
FIND YOUR FOCUS
TWITTER                 SPORTS          MUSIC


                     PHOTOS               GAMES
     RSS

                                            VIDEO
               FIND YOUR FOCUS
C H AT


  FINDER                                   MOVIES
                           SMS

         FA C E B O O K               CONVERTER

                           W E AT H E R
FIND YOUR FOCUS
MAKING CHOICES
NEXT DECISION: “TYPE” OF APP
3 A P P L I C AT I O N “ T Y P E S ”
Carrier            12:34 PM
Carrier            12:34 PM
                                                   Web Page Title
                 Web Page Title
                                     http://host.domain.tld
   http://host.domain.tld




                                                                                                                         Vertical Resolution
                                                                               Web Page Title




                                                                                                                              320 x 480
                                                                    12:34 PM
               320 x 480                         320 x 480




                                                                                                http://host.domain.tld
          Vertical Resolution               Vertical Resolution




                                                                    Carrier
Carrier            12:34 PM
  Carrier            12:34 PM
                                                     Web Page Title
                   Web Page Title
                                       http://host.domain.tld
     http://host.domain.tld




                                                                                                                               Vertical Resolution
                                                                                 Web Page Title




                                                                                                                                    320 x 480
                                                                      12:34 PM
                 320 x 480                         320 x 480




                                                                                                  http://host.domain.tld
            Vertical Resolution               Vertical Resolution




                                                                      Carrier
PRODUCTIVITY                            UTILITY                                                                            IMMERSIVE
CUSTOM UI
  SOUND ENHANCED
                                 V E RY V I S U A L

ACCELEROMETER                 NO TEXT

           IMMERSIVE
                                  FULL SCREEN
NON-WORKFLOW


   LANDSCAPE
                E N T E R TA I N M E N T
Carrier            12:34 PM
                 Web Page Title

   http://host.domain.tld




               320 x 480
          Vertical Resolution
                                  Kerry 1-3 Armagh 0-6
S I M P L E S I N G L E TA S K

                                 MINIMAL INPUT

 R E G U L A R LY
CONFIGURED
                     UTILITY

                                     V I S U A L LY
                                    AT T R A C T I V E
  C O M M O N V I E W,
  D I F F E R E N T D ATA
0-3       1-3
Kerry               Tyrone

Cooper (0-2)     Smith (1-0)
Donohue (0-1)    Kelly (0-1)
                 Duffy (0-1)
                 Keenan (0-1)



  Donohue




          Time:14:23
TA S K F O C U S S E D

                           STREAMLINED

DRILL DOWN


              PRODUCTIVITY

                                  MINIMAL
HIERARCHICAL

                              UNCLUTTERED
   PA R T O F P H O N E
Leinster
Dublin

Meath

West Meath

Wicklow

Wexford

Carlow

Kildare

Kilkenny

Laois

Louth
             Item
Leinster                           Dublin
                    Leinster

Dublin
                               Alan Brogan (30)
Meath
                               Bernard Brogan (10)
West Meath

Wicklow                        Mark Vaughn (10)

Wexford
                               Jason Sherlock (10)

Carlow

Kildare

Kilkenny

Laois

Louth
             Item
Leinster                           Dublin                           Alan Brogan
                    Leinster                         Dublin

Dublin
                               Alan Brogan (30)                       Forward (Dublin)
Meath
                                                                      Club: St. Plunketts
                               Bernard Brogan (10)
West Meath
                                                                      411
                                                     Games
Wicklow                        Mark Vaughn (10)

                                                                      88 - 950
                                                     Career Total
Wexford
                               Jason Sherlock (10)
                                                                       45         6
                                                     Discipline
Carlow

Kildare
                                                          Edit                   Favourite
Kilkenny

Laois

Louth
             Item
T H I S I S A N I M P O R TA N T C H O I C E
THE TOOLS OF THE TRADE
S TAT U S B A R
Carrier   12:34 PM

                            N AV B A R ( D R I L L D O W N , E T C . )
           Title
Back




                               TA B B A R ( P E R S P E C T I V E S )
                     Item
S TAT U S B A R
Carrier             12:34 PM

                                              N AV B A R ( D R I L L D O W N , E T C . )
                 Web Page Title
                Pane Label
Back Button                          Button
    http://host.domain.tld




                320 x 480
           Vertical Resolution




 Lorem ipsum dolor sit amet, consectetuer
                                                 TA B B A R ( A C T I O N S )
   adipiscing elit. Aenean consectetuer.
G E T T I N G AT T E N T I O N
MODAL                        ACTION SHEET                                        ALERT




                                                                                          Alan Brogan
                                                     Alan Brogan
             Touch to Edit                                                   Dublin
                                      Dublin
Cancel



                                                                                               Forward (Dublin)
                                                       Forward (Dublin)
                Forward (Dublin)
                                                                                               Club: St. Plunketts
                                                       Club: St. Plunketts
                Club: St. Plunketts


                                                                                               411
                                                                             Games
                                                       411
                                      Games
Games
                                                                                          Are you sure?
                                                                             Career Total a player will result in your
                                                                                 Editing       88 - 950
                                                       88 - 950
                88 - 950              Career Total
Career Total
                                                                               account being flagged for moderation
                                                                                                 45          6
                                                                             Discipline
                                                        45         6
                                      Discipline
                 45        6
Discipline
                                                                                      Cancel               Edit


                                           Edit            Favourite
     Edit            Favourite                                                    Edit                      Favourite
                                             Add to Favourites
       Add to Favourites

      View Player Popularity                   View Player Popularity


                Cancel                                 Cancel
D I S P L AY I N G C O N T E N T
I N D E X E D TA B L E       I M A G E TA B L E                GROUPED LIST




                                                                               Alan Brogan
                                             Dublin
 D                                                              Dublin
                              Leinster

                         A
 Derry                   B               Alan Brogan (30)                        Forward (Dublin)
                         C
                         D
 Donegal                                                                         Club: St. Plunketts
                         E
                         F               Bernard Brogan (10)
                         G
 Down                    H
                         I
                                                                                 411
                                                                Games
                         J               Mark Vaughn (10)
 Dublin                  K
                         L
                                                                                 88 - 950
                                                                Career Total
                         M
 F
 Wexford                                 Jason Sherlock (10)
                         N
                         O
                                                                                  45         6
                                                                Discipline
                         P
 Fermanagh               Q
                         R
                         S
                         T
 Kildare
 G                       U                                           Edit                   Favourite
                         V
                         W
 Galway                  X
                         Y
                         Z
 K
 Laois                   #


 Louth
                  Item
THE UI GUIDELINES
Design Decisions for iPhone applications
GETTING GOING
SKETCH 5 IDEAS PER DECISION
Code first, thought later
Design Decisions for iPhone applications
Design Decisions for iPhone applications
HOW TO SKETCH
Design Decisions for iPhone applications
Design Decisions for iPhone applications
Y O U H AV E T O S K E T C H
THIS AIN’T WEB DEVELOPMENT
“Figure out the absolute least you need to do to
 implement the idea, do just that, and then polish the
 hell out of the experience”                 — John Gruber
DESIGN IS CHOICE
@ D E S T R AY N O R



D E S AT C O N T R A S T D O T I E

More Related Content

More from Contrast Contrast

Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)Contrast Contrast
 
The fundamental principles of success
The fundamental principles of successThe fundamental principles of success
The fundamental principles of successContrast Contrast
 
Developing with the Twitter API
Developing with the Twitter APIDeveloping with the Twitter API
Developing with the Twitter APIContrast Contrast
 
Unconventional Web Applications
Unconventional Web ApplicationsUnconventional Web Applications
Unconventional Web ApplicationsContrast Contrast
 

More from Contrast Contrast (6)

Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)Design Decisions for iPhone Applications (it Cork version)
Design Decisions for iPhone Applications (it Cork version)
 
Great Customer Support
Great Customer SupportGreat Customer Support
Great Customer Support
 
The fundamental principles of success
The fundamental principles of successThe fundamental principles of success
The fundamental principles of success
 
Developing with the Twitter API
Developing with the Twitter APIDeveloping with the Twitter API
Developing with the Twitter API
 
Unconventional Web Applications
Unconventional Web ApplicationsUnconventional Web Applications
Unconventional Web Applications
 
Violent Web App Design
Violent Web App DesignViolent Web App Design
Violent Web App Design
 

Recently uploaded

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
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
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
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
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
 
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
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
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
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 

Recently uploaded (20)

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™
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
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
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
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
 
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?
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
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
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 

Design Decisions for iPhone applications

  • 2. Carrier 12:34 PM Web Page Title http://host.domain.tld 320 x 480 Vertical Resolution
  • 3. DESIGN IS ABOUT CHOICES
  • 7. “Looking back, I’m proudest of the things we didn’t do” — Steve Jobs
  • 11. TWITTER SPORTS MUSIC PHOTOS GAMES RSS VIDEO FIND YOUR FOCUS C H AT FINDER MOVIES SMS FA C E B O O K CONVERTER W E AT H E R
  • 15. 3 A P P L I C AT I O N “ T Y P E S ”
  • 16. Carrier 12:34 PM Carrier 12:34 PM Web Page Title Web Page Title http://host.domain.tld http://host.domain.tld Vertical Resolution Web Page Title 320 x 480 12:34 PM 320 x 480 320 x 480 http://host.domain.tld Vertical Resolution Vertical Resolution Carrier
  • 17. Carrier 12:34 PM Carrier 12:34 PM Web Page Title Web Page Title http://host.domain.tld http://host.domain.tld Vertical Resolution Web Page Title 320 x 480 12:34 PM 320 x 480 320 x 480 http://host.domain.tld Vertical Resolution Vertical Resolution Carrier PRODUCTIVITY UTILITY IMMERSIVE
  • 18. CUSTOM UI SOUND ENHANCED V E RY V I S U A L ACCELEROMETER NO TEXT IMMERSIVE FULL SCREEN NON-WORKFLOW LANDSCAPE E N T E R TA I N M E N T
  • 19. Carrier 12:34 PM Web Page Title http://host.domain.tld 320 x 480 Vertical Resolution Kerry 1-3 Armagh 0-6
  • 20. S I M P L E S I N G L E TA S K MINIMAL INPUT R E G U L A R LY CONFIGURED UTILITY V I S U A L LY AT T R A C T I V E C O M M O N V I E W, D I F F E R E N T D ATA
  • 21. 0-3 1-3 Kerry Tyrone Cooper (0-2) Smith (1-0) Donohue (0-1) Kelly (0-1) Duffy (0-1) Keenan (0-1) Donohue Time:14:23
  • 22. TA S K F O C U S S E D STREAMLINED DRILL DOWN PRODUCTIVITY MINIMAL HIERARCHICAL UNCLUTTERED PA R T O F P H O N E
  • 24. Leinster Dublin Leinster Dublin Alan Brogan (30) Meath Bernard Brogan (10) West Meath Wicklow Mark Vaughn (10) Wexford Jason Sherlock (10) Carlow Kildare Kilkenny Laois Louth Item
  • 25. Leinster Dublin Alan Brogan Leinster Dublin Dublin Alan Brogan (30) Forward (Dublin) Meath Club: St. Plunketts Bernard Brogan (10) West Meath 411 Games Wicklow Mark Vaughn (10) 88 - 950 Career Total Wexford Jason Sherlock (10) 45 6 Discipline Carlow Kildare Edit Favourite Kilkenny Laois Louth Item
  • 26. T H I S I S A N I M P O R TA N T C H O I C E
  • 27. THE TOOLS OF THE TRADE
  • 28. S TAT U S B A R Carrier 12:34 PM N AV B A R ( D R I L L D O W N , E T C . ) Title Back TA B B A R ( P E R S P E C T I V E S ) Item
  • 29. S TAT U S B A R Carrier 12:34 PM N AV B A R ( D R I L L D O W N , E T C . ) Web Page Title Pane Label Back Button Button http://host.domain.tld 320 x 480 Vertical Resolution Lorem ipsum dolor sit amet, consectetuer TA B B A R ( A C T I O N S ) adipiscing elit. Aenean consectetuer.
  • 30. G E T T I N G AT T E N T I O N
  • 31. MODAL ACTION SHEET ALERT Alan Brogan Alan Brogan Touch to Edit Dublin Dublin Cancel Forward (Dublin) Forward (Dublin) Forward (Dublin) Club: St. Plunketts Club: St. Plunketts Club: St. Plunketts 411 Games 411 Games Games Are you sure? Career Total a player will result in your Editing 88 - 950 88 - 950 88 - 950 Career Total Career Total account being flagged for moderation 45 6 Discipline 45 6 Discipline 45 6 Discipline Cancel Edit Edit Favourite Edit Favourite Edit Favourite Add to Favourites Add to Favourites View Player Popularity View Player Popularity Cancel Cancel
  • 32. D I S P L AY I N G C O N T E N T
  • 33. I N D E X E D TA B L E I M A G E TA B L E GROUPED LIST Alan Brogan Dublin D Dublin Leinster A Derry B Alan Brogan (30) Forward (Dublin) C D Donegal Club: St. Plunketts E F Bernard Brogan (10) G Down H I 411 Games J Mark Vaughn (10) Dublin K L 88 - 950 Career Total M F Wexford Jason Sherlock (10) N O 45 6 Discipline P Fermanagh Q R S T Kildare G U Edit Favourite V W Galway X Y Z K Laois # Louth Item
  • 37. SKETCH 5 IDEAS PER DECISION
  • 44. Y O U H AV E T O S K E T C H
  • 45. THIS AIN’T WEB DEVELOPMENT
  • 46. “Figure out the absolute least you need to do to implement the idea, do just that, and then polish the hell out of the experience” — John Gruber
  • 48. @ D E S T R AY N O R D E S AT C O N T R A S T D O T I E