Kimberly Cooper Design Process

322 views
263 views

Published on

Published in: Design, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
322
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Kimberly Cooper Design Process

  1. 1. + GUI Design: Process & Examples Kimberly Cooper GUI Designer 3/22/12
  2. 2. + Product Specification Document  Created by engineering and product managers to define the scope and requirements of the project  Shareholder review, buy-in and approval
  3. 3. + Design Document  Created by GUI designer, Product Manager and Usability Expert. Includes initial wireframe layouts and screen/page descriptions  Management review, buy-in and approval  Revise Document
  4. 4. + Design Document
  5. 5. + Preliminary GUI Design  This phase will generate various design approaches. This is intended to look as close as possible to what the product could be.
  6. 6. + Paper Prototype  The purpose of the paper prototype is to create a visual representation of the eventual GUI. These prototypes will be used for User Testing.  User Testing  Revisions
  7. 7. + Hardware Preview  Meet with engineering to see a preview of the actual hardware. Several designs would be presented and loaded onto the prototype screen to choose the most successful outcome
  8. 8. + Physical Prototype  Painted SLA of product would be created and screen placed for visual approval.  Photography taken to create preliminary marketing materials.
  9. 9. + Flash and/or Coded Wireframe  This is a wireframe of the GUI, made to operate, as would the final product. There are only the barest elements of graphics used— often simple boxes with text.  User Testing  Revisions
  10. 10. + Final graphics  Final pixel-to-pixel versions of all screens, graphics elements and all other visual content.  Work with Engineering to implement screens on working prototype.  User Testing  Revisions
  11. 11. + Final Prototype, off-tool prototype or pre-production sample  The final product would arrive, I would photograph it and all marketing collateral would be created.
  12. 12. + Flash Demo  Normally I would create a Flash movie to be put on the company website that lets the user learn about and virtually use the product.  See a variety of demos on this page to get an idea:Demo

×