Weitere ähnliche Inhalte Ähnlich wie Blueprints for Mobile Design: Wireframing 101 (20) Mehr von Getting value from IoT, Integration and Data Analytics (20) Kürzlich hochgeladen (20) Blueprints for Mobile Design: Wireframing 1013. 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