SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
Design Process for
                          Mobile Apps


  Nic Schlueter
Monday, August 27, 12
Basic Process

                    • Discovery
                    • Research
                    • Wireframing
                    • Design
                    • Development

  Nic Schlueter
Monday, August 27, 12
Discovery
                    • Get a written description of functionality
                    • Write down objectives and review them
                        with the team
                    • Talk with users and anyone who cares
                    • Figure out who you have to sell your design
                        to
                    • Very important in 1.0 projects
  Nic Schlueter
Monday, August 27, 12
Research
                    • Look at the direct competition
                     • See how they are accomplishing your
                          objectives
                        • Look for ways to focus on your stregths
                    • How are your users doing this now?
                    • Designers (Interaction and Graphic) need
                        to do this, not just business people.

  Nic Schlueter
Monday, August 27, 12
Wireframing

                    • Ensures everyone is on the same page
                    • Detailed, but flexible
                    • Don’t let the business people do this
                    • Important step to get creative license

  Nic Schlueter
Monday, August 27, 12
Design

                    • Do your thing
                    • Don’t be afraid to give multiple comps
                    • No harm throwing away bad work


  Nic Schlueter
Monday, August 27, 12
Development


                    • UI should be trivial



  Nic Schlueter
Monday, August 27, 12
Overlap

                    • Depends on experience of designer
                    • Devs provide feedback on wireframing
                     • Technical feasibility
                     • Alternative UIs that could be easier
                    • Dev starts after wireframing

  Nic Schlueter
Monday, August 27, 12
Circling Back


                    • Applying real art
                    • Designer tweaks


  Nic Schlueter
Monday, August 27, 12
Examples



  Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Nic Schlueter
Monday, August 27, 12
Questions?


  Nic Schlueter
Monday, August 27, 12
Nic Schlueter

                              @schlu

                        schlueter@gmail.com

                          http://schlu.org



                             Nic Schlueter
Monday, August 27, 12

Contenu connexe

En vedette

Landscape workshop
Landscape workshopLandscape workshop
Landscape workshop
greeleywater
 
Emotions moods and_stress
Emotions moods and_stressEmotions moods and_stress
Emotions moods and_stress
Dhairya Gada
 
Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101
Refresh Events
 
Mobile Interaction Design & Strategy
Mobile Interaction Design & StrategyMobile Interaction Design & Strategy
Mobile Interaction Design & Strategy
Nick Finck
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
Mark N Swaine
 

En vedette (20)

Around the Office
Around the OfficeAround the Office
Around the Office
 
“FIESTAS DEL ARRIERO”DOBLE AL BARROSO
 “FIESTAS DEL ARRIERO”DOBLE AL BARROSO  “FIESTAS DEL ARRIERO”DOBLE AL BARROSO
“FIESTAS DEL ARRIERO”DOBLE AL BARROSO
 
Landscape workshop
Landscape workshopLandscape workshop
Landscape workshop
 
TPC presentation
TPC presentationTPC presentation
TPC presentation
 
Emotions moods and_stress
Emotions moods and_stressEmotions moods and_stress
Emotions moods and_stress
 
Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101
 
Crash Course in Wireframing
Crash Course in WireframingCrash Course in Wireframing
Crash Course in Wireframing
 
UI design for Mobile
UI design for MobileUI design for Mobile
UI design for Mobile
 
UX Basics Workshop at General Assembly London by Tricia Okin
UX Basics Workshop at General Assembly London by Tricia OkinUX Basics Workshop at General Assembly London by Tricia Okin
UX Basics Workshop at General Assembly London by Tricia Okin
 
Mobile Interaction Design & Strategy
Mobile Interaction Design & StrategyMobile Interaction Design & Strategy
Mobile Interaction Design & Strategy
 
Ux Ui Design for Mobile Apps
Ux Ui Design  for  Mobile AppsUx Ui Design  for  Mobile Apps
Ux Ui Design for Mobile Apps
 
(Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective
(Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective(Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective
(Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective
 
Mobile strategy and design approach
Mobile strategy and design approachMobile strategy and design approach
Mobile strategy and design approach
 
Mobile UI Design Patterns
Mobile UI Design PatternsMobile UI Design Patterns
Mobile UI Design Patterns
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile Interfaces
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
Twin peaks presentation
Twin peaks presentation Twin peaks presentation
Twin peaks presentation
 
Design strategy crash course
Design strategy crash courseDesign strategy crash course
Design strategy crash course
 
The Mobile Question: Lessons in Design and Strategy for Your Mobile Experience
The Mobile Question: Lessons in Design and Strategy for Your Mobile ExperienceThe Mobile Question: Lessons in Design and Strategy for Your Mobile Experience
The Mobile Question: Lessons in Design and Strategy for Your Mobile Experience
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
 

Similaire à Design

OSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By CommitteeOSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By Committee
Ted Leung
 
Exploring UX Techniques and Practices 4 Product Development
Exploring UX Techniques and Practices 4 Product DevelopmentExploring UX Techniques and Practices 4 Product Development
Exploring UX Techniques and Practices 4 Product Development
Ariadna Font Llitjos
 
How does design work relate to Pivotal Tracker?
How does design work relate to Pivotal Tracker?How does design work relate to Pivotal Tracker?
How does design work relate to Pivotal Tracker?
Sean Durham
 

Similaire à Design (20)

Prototyping
PrototypingPrototyping
Prototyping
 
Jeff Katz on Prototyping
Jeff Katz on PrototypingJeff Katz on Prototyping
Jeff Katz on Prototyping
 
OSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By CommitteeOSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By Committee
 
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
Lean UX Principles in Practice (Zach Larson on SideReel's iOS App)
 
The Creative Process – OC WordPress Design Meetup
The Creative Process – OC WordPress Design MeetupThe Creative Process – OC WordPress Design Meetup
The Creative Process – OC WordPress Design Meetup
 
Things I hate to do as a designer but do anyway
Things I hate to do as a designer but do anywayThings I hate to do as a designer but do anyway
Things I hate to do as a designer but do anyway
 
Exploring UX Techniques and Practices 4 Product Development
Exploring UX Techniques and Practices 4 Product DevelopmentExploring UX Techniques and Practices 4 Product Development
Exploring UX Techniques and Practices 4 Product Development
 
The Design Discovery Jetpack
The Design Discovery JetpackThe Design Discovery Jetpack
The Design Discovery Jetpack
 
Agile and UX
Agile and UXAgile and UX
Agile and UX
 
Collaborative Sketching for UX - Razorfish 042115
Collaborative Sketching for UX - Razorfish 042115Collaborative Sketching for UX - Razorfish 042115
Collaborative Sketching for UX - Razorfish 042115
 
Research Ready to Build: Compelling Artefacts that Speak Your Agile Team's La...
Research Ready to Build: Compelling Artefacts that Speak Your Agile Team's La...Research Ready to Build: Compelling Artefacts that Speak Your Agile Team's La...
Research Ready to Build: Compelling Artefacts that Speak Your Agile Team's La...
 
Modern Web Concepts
Modern Web ConceptsModern Web Concepts
Modern Web Concepts
 
Collaborative Sketching for UX - NYU 02/19/14
Collaborative Sketching for UX - NYU 02/19/14Collaborative Sketching for UX - NYU 02/19/14
Collaborative Sketching for UX - NYU 02/19/14
 
Innoslate Tips and Tricks Webinar November 15 (2).pptx
Innoslate Tips and Tricks Webinar November 15 (2).pptxInnoslate Tips and Tricks Webinar November 15 (2).pptx
Innoslate Tips and Tricks Webinar November 15 (2).pptx
 
Collaborative Sketching for UX
Collaborative Sketching for UXCollaborative Sketching for UX
Collaborative Sketching for UX
 
Klips
KlipsKlips
Klips
 
Agile Dev and Lean UX
Agile Dev and Lean UXAgile Dev and Lean UX
Agile Dev and Lean UX
 
Product design draft
Product design draftProduct design draft
Product design draft
 
FNBE 0115 - ITD PROJECT 1 CHRYSALIS
FNBE 0115 - ITD PROJECT 1 CHRYSALISFNBE 0115 - ITD PROJECT 1 CHRYSALIS
FNBE 0115 - ITD PROJECT 1 CHRYSALIS
 
How does design work relate to Pivotal Tracker?
How does design work relate to Pivotal Tracker?How does design work relate to Pivotal Tracker?
How does design work relate to Pivotal Tracker?
 

Dernier

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Dernier (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 

Design