The User Experience Process as it evolves around Flex/AIR applications. Investigating Discovery, Persona's, Wireframing, Design Framework and Rapid Prototyping. See how Flex is integrated into this process along with other Adobe tools such as Catalyst.
6. Research
“Customers sometimes do not know what they want,”
“It can be dangerous to just listen to what users say they need.”
John Seely Brown, the co-chairman of the Deloitte Center for Edge Innovation
“It is more from engaging with users, watching what they do, understanding their
pain points, then you get big leaps in design,”
Debra Dunn, an associate professor at the Stanford Institute of Design
None of this means that input from users is unimportant.
Designers must find a multitude of ways to understand users’ needs at a deeper
level.
7. Research
Immerse yourself in the the culture of the user
as fast as possible
Create/Understand the User Goals
A single sentence that defines the goal (ie. iPhoto or Aperture)
User Interviews/observations
Use open ended questions
What makes a good day or a bad day?
What Activities currently waste your time?
How do you find workarounds, shortcuts?
What did you do when you first came in today?
10. Personas
Personas are fictitious people who represent the
archetypal qualities of your audience. They provide
targets for design and are generally very effective for
communicating design and research activities
throughout an organization.
11. Personas are
Drawn from field research
Named as individuals
Developed for specific contexts
Typical and believable
12. Personas are not
Based on demographics or market segments
Drawn from gut feelings about your audience
User profiles or stereotypes e.g. “Soccer mom”
16. Wireframes
Wireframe the user screens and interactions
Start to place content
No Design applied
little or no color
Built using Fireworks
Just a personal preference
Several Iterations/Refinement
17.
18.
19.
20.
21. Wireframes
Used by Design
To start the Design Framework
Used by Developers
To start the Back-end Architecture and Services
Used by Clients
Help identify content detail
To show to Stake Holders or other Meetings
25. Vision Prototype
Most important deliverable
A real working application in the deploying technology
Can capture key problems before full application is built
Apply design framework
Rapidly built from a couple days to a couple weeks
building out key sections and UX flows
27. Vision Prototype
Created and skinned in Flex/AIR using CSS and Degrafa
Allows for a nice separation between code and skins
Devs can take and reuse the skins/views in the
production application, saving dev time