SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.1
Blueprints for
Mobile Design
Wireframing 101
Ultan Ó Broin (@usableapps)
Director
Oracle Applications
User Experience
March 18, 2014
Nieuwegein, NL
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.3
Safe Harbor
The following is intended to outline our general product direction. It is
intended for information purposes only, and may not be incorporated
into any contract. It is not a commitment to deliver any material, code,
or functionality, and should not be relied upon in making purchasing
decisions. The development, release, and timing of any features or
functionality described for Oracle s products remains at the sole
discretion of Oracle.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.4
Bringing Design to Life through Sketching
Leonardo da Vinci (1452–1519)
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.5
What is Wireframing?
•  Planning and design communication:
designers + developers, quality, documentation
•  Input: User requirements and product use cases
•  Output: Lightweight (“low-fidelity”) drawing without visual design
•  Objectives
•  Explore page designs and user task flows
•  Blueprint interaction design
•  Evaluate page layout and components
•  Approvals and buy-in by stakeholders
UX Communication
3
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.6
Mobile Wireframing Benefits
§  Rapid way to explore design alternatives and key issues
§  Can easily make changes
§  Not tied to look-and-feel; lets you focus on core interactions and
navigation without distractions
§  Prevents locking into a design because there is minimal effort to undo
compared with prototype or coded app
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.7
Paper Wireframing Examples
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.8
On-the-Go Mobile Wireframing
Simple, Form Factor
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.9
On-the-Go Mobile Wireframing
Simple, Form Factor
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.10
Oracle’s User Experience Strategy is About …
Simplicity
Easily access the
essential information
and actions to support
your work.
Mobility
Optimized UIs for
wherever and however
you work.
Extensibility
Tailor the user experience
to best fit your company’s
identity and business
processes.
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.11
Learn More About Oracle Apps UX Online
•  Oracle.com/UsableApps
•  Blogs.oracle.com/VoX
•  Blogs.oracle.com/UsableApps
•  @usableapps
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.12
Copyright © 2014, Oracle and/or its affiliates. All rights reserved.13

Weitere ähnliche Inhalte

Ähnlich wie Blueprints for Mobile Design: Wireframing 101

Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partnerCon8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Berry Clemens
 

Ähnlich wie Blueprints for Mobile Design: Wireframing 101 (20)

Enterprise UX Design and Deployment Simplified: Introducing Oracle’s UX Direc...
Enterprise UX Design and Deployment Simplified: Introducing Oracle’s UX Direc...Enterprise UX Design and Deployment Simplified: Introducing Oracle’s UX Direc...
Enterprise UX Design and Deployment Simplified: Introducing Oracle’s UX Direc...
 
Эволюция интерфейса Siebel - Responsive Web Design
Эволюция интерфейса Siebel  - Responsive Web DesignЭволюция интерфейса Siebel  - Responsive Web Design
Эволюция интерфейса Siebel - Responsive Web Design
 
2014 oow open_ui
2014 oow open_ui2014 oow open_ui
2014 oow open_ui
 
UX Directions with HTML 5, and More
UX Directions with HTML 5, and MoreUX Directions with HTML 5, and More
UX Directions with HTML 5, and More
 
The Wearhouse: EchoUser and Oracle UX Wearable Technology for Work Design Jam
The Wearhouse: EchoUser and Oracle UX Wearable Technology for Work Design JamThe Wearhouse: EchoUser and Oracle UX Wearable Technology for Work Design Jam
The Wearhouse: EchoUser and Oracle UX Wearable Technology for Work Design Jam
 
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with OracleMobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
Mobile Mumbo Jumbo - Demystifying the World of Enterprise Mobility with Oracle
 
Extensibility in the cloud – power to the business user
Extensibility in the cloud – power to the business userExtensibility in the cloud – power to the business user
Extensibility in the cloud – power to the business user
 
Nida event oracle business analytics 1 sep2016
Nida event   oracle business analytics 1 sep2016Nida event   oracle business analytics 1 sep2016
Nida event oracle business analytics 1 sep2016
 
Reconsidering applications: 10:90:90
Reconsidering applications: 10:90:90Reconsidering applications: 10:90:90
Reconsidering applications: 10:90:90
 
Extensibility in the cloud – power to the business user
Extensibility in the cloud – power to the business userExtensibility in the cloud – power to the business user
Extensibility in the cloud – power to the business user
 
Alternative channels – interacting through channels beyond browser on desktop
Alternative channels – interacting through channels beyond browser on desktopAlternative channels – interacting through channels beyond browser on desktop
Alternative channels – interacting through channels beyond browser on desktop
 
Profiling of Engagers and Converters with Audience Analytics and Look-alike M...
Profiling of Engagers and Converters with Audience Analytics and Look-alike M...Profiling of Engagers and Converters with Audience Analytics and Look-alike M...
Profiling of Engagers and Converters with Audience Analytics and Look-alike M...
 
Developing Mobile Applications for iOS and Android the Oracle way
Developing Mobile Applications for iOS and Android the Oracle wayDeveloping Mobile Applications for iOS and Android the Oracle way
Developing Mobile Applications for iOS and Android the Oracle way
 
Oracle Solaris Build and Run Applications Better on 11.3
Oracle Solaris  Build and Run Applications Better on 11.3Oracle Solaris  Build and Run Applications Better on 11.3
Oracle Solaris Build and Run Applications Better on 11.3
 
Upc jornadas tic 2015 final
Upc jornadas tic 2015 finalUpc jornadas tic 2015 final
Upc jornadas tic 2015 final
 
Oracle’s Strategy for Cloud User Experiences
Oracle’s Strategy for Cloud User ExperiencesOracle’s Strategy for Cloud User Experiences
Oracle’s Strategy for Cloud User Experiences
 
Cloud 2014: Top Five Best Practices for Your Application PaaS Audience
Cloud 2014: Top Five Best Practices for Your Application PaaS AudienceCloud 2014: Top Five Best Practices for Your Application PaaS Audience
Cloud 2014: Top Five Best Practices for Your Application PaaS Audience
 
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partnerCon8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
Con8493 simplified ui 2013 tailoring dubois_evers_teter_o'broin_uob_partner
 
Business Intelligence Challenge, Oracle, Doug Tait, TADSummit
Business Intelligence Challenge, Oracle, Doug Tait, TADSummitBusiness Intelligence Challenge, Oracle, Doug Tait, TADSummit
Business Intelligence Challenge, Oracle, Doug Tait, TADSummit
 
The Rise of Adaptive Marketing
The Rise of Adaptive MarketingThe Rise of Adaptive Marketing
The Rise of Adaptive Marketing
 

Mehr von Getting value from IoT, Integration and Data Analytics

Mehr von Getting value from IoT, Integration and Data Analytics (20)

AMIS Oracle OpenWorld en Code One Review 2018 - Blockchain, Integration, Serv...
AMIS Oracle OpenWorld en Code One Review 2018 - Blockchain, Integration, Serv...AMIS Oracle OpenWorld en Code One Review 2018 - Blockchain, Integration, Serv...
AMIS Oracle OpenWorld en Code One Review 2018 - Blockchain, Integration, Serv...
 
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: Custom Application ...
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: Custom Application ...AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: Custom Application ...
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: Custom Application ...
 
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: SaaS
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: SaaSAMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: SaaS
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 2: SaaS
 
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Data
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: DataAMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Data
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Data
 
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Cloud Infrastructure
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Cloud Infrastructure AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Cloud Infrastructure
AMIS Oracle OpenWorld en Code One Review 2018 - Pillar 1: Cloud Infrastructure
 
10 tips voor verbetering in je Linkedin profiel
10 tips voor verbetering in je Linkedin profiel10 tips voor verbetering in je Linkedin profiel
10 tips voor verbetering in je Linkedin profiel
 
Iot in de zorg the next step - fit for purpose
Iot in de zorg   the next step - fit for purpose Iot in de zorg   the next step - fit for purpose
Iot in de zorg the next step - fit for purpose
 
Iot overview .. Best practices and lessons learned by Conclusion Conenct
Iot overview .. Best practices and lessons learned by Conclusion Conenct Iot overview .. Best practices and lessons learned by Conclusion Conenct
Iot overview .. Best practices and lessons learned by Conclusion Conenct
 
IoT Fit for purpose - how to be successful in IOT Conclusion Connect
IoT Fit for purpose - how to be successful in IOT Conclusion Connect IoT Fit for purpose - how to be successful in IOT Conclusion Connect
IoT Fit for purpose - how to be successful in IOT Conclusion Connect
 
Industry and IOT Overview of protocols and best practices Conclusion Connect
Industry and IOT Overview of protocols and best practices  Conclusion ConnectIndustry and IOT Overview of protocols and best practices  Conclusion Connect
Industry and IOT Overview of protocols and best practices Conclusion Connect
 
IoT practical case using the people counter sensing traffic density build usi...
IoT practical case using the people counter sensing traffic density build usi...IoT practical case using the people counter sensing traffic density build usi...
IoT practical case using the people counter sensing traffic density build usi...
 
R introduction decision_trees
R introduction decision_treesR introduction decision_trees
R introduction decision_trees
 
Introduction overviewmachinelearning sig Door Lucas Jellema
Introduction overviewmachinelearning sig Door Lucas JellemaIntroduction overviewmachinelearning sig Door Lucas Jellema
Introduction overviewmachinelearning sig Door Lucas Jellema
 
IoT and the Future of work
IoT and the Future of work IoT and the Future of work
IoT and the Future of work
 
Oracle OpenWorld 2017 Review (31st October 2017 - 250 slides)
Oracle OpenWorld 2017 Review (31st October 2017 - 250 slides)Oracle OpenWorld 2017 Review (31st October 2017 - 250 slides)
Oracle OpenWorld 2017 Review (31st October 2017 - 250 slides)
 
Ethereum smart contracts - door Peter Reitsma
Ethereum smart contracts - door Peter ReitsmaEthereum smart contracts - door Peter Reitsma
Ethereum smart contracts - door Peter Reitsma
 
Blockchain - Techniek en usecases door Robert van Molken - AMIS - Conclusion
Blockchain - Techniek en usecases door Robert van Molken - AMIS - ConclusionBlockchain - Techniek en usecases door Robert van Molken - AMIS - Conclusion
Blockchain - Techniek en usecases door Robert van Molken - AMIS - Conclusion
 
kennissessie blockchain - Wat is Blockchain en smart contracts @Conclusion
kennissessie blockchain -  Wat is Blockchain en smart contracts @Conclusion kennissessie blockchain -  Wat is Blockchain en smart contracts @Conclusion
kennissessie blockchain - Wat is Blockchain en smart contracts @Conclusion
 
Internet of Things propositie - Enterprise IOT - AMIS - Conclusion
Internet of Things propositie - Enterprise IOT - AMIS - Conclusion Internet of Things propositie - Enterprise IOT - AMIS - Conclusion
Internet of Things propositie - Enterprise IOT - AMIS - Conclusion
 
Omc AMIS evenement 26012017 Dennis van Soest
Omc AMIS evenement 26012017 Dennis van SoestOmc AMIS evenement 26012017 Dennis van Soest
Omc AMIS evenement 26012017 Dennis van Soest
 

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
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
 

Kürzlich hochgeladen (20)

What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
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
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
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
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
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
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
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
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
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
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

Blueprints for Mobile Design: Wireframing 101

  • 1. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.1
  • 2. Blueprints for Mobile Design Wireframing 101 Ultan Ó Broin (@usableapps) Director Oracle Applications User Experience March 18, 2014 Nieuwegein, NL
  • 3. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.3 Safe Harbor The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle s products remains at the sole discretion of Oracle.
  • 4. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.4 Bringing Design to Life through Sketching Leonardo da Vinci (1452–1519)
  • 5. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.5 What is Wireframing? •  Planning and design communication: designers + developers, quality, documentation •  Input: User requirements and product use cases •  Output: Lightweight (“low-fidelity”) drawing without visual design •  Objectives •  Explore page designs and user task flows •  Blueprint interaction design •  Evaluate page layout and components •  Approvals and buy-in by stakeholders UX Communication 3
  • 6. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.6 Mobile Wireframing Benefits §  Rapid way to explore design alternatives and key issues §  Can easily make changes §  Not tied to look-and-feel; lets you focus on core interactions and navigation without distractions §  Prevents locking into a design because there is minimal effort to undo compared with prototype or coded app
  • 7. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.7 Paper Wireframing Examples
  • 8. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.8 On-the-Go Mobile Wireframing Simple, Form Factor
  • 9. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.9 On-the-Go Mobile Wireframing Simple, Form Factor
  • 10. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.10 Oracle’s User Experience Strategy is About … Simplicity Easily access the essential information and actions to support your work. Mobility Optimized UIs for wherever and however you work. Extensibility Tailor the user experience to best fit your company’s identity and business processes.
  • 11. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.11 Learn More About Oracle Apps UX Online •  Oracle.com/UsableApps •  Blogs.oracle.com/VoX •  Blogs.oracle.com/UsableApps •  @usableapps
  • 12. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.12
  • 13. Copyright © 2014, Oracle and/or its affiliates. All rights reserved.13