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. See more at http://merhl.com
A Critique of the Proposed National Education Policy Reform
FLEXperience
1.
2. Who I am
UX Specialist for Universal Mind
Not a Designer Not a Developer
I sit in between
A real live Catalyst
also known as merhl.com
AIR iPhone for Ribbit
3. What is UX?
It’s a term used to
describe the
overarching experience
a person has as a result
of there interactions.
credit http://www.montparnas.com/articles/what-is-user-experience-design/
4. What is UX
“Design is not just about coming up with a solution,
it’s guring out the right way to look at the
problem”.
The “what” before the “how”
5. UX Process
1. Research
2. Persona Development
3. Wireframe Development
4. Design Framework
5. Vision Prototype
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 User testing
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
29. Resources
Cooper.com
About Face 3 - book
degrafa.org
adaptivepath.com/
wireframes.linowski.ca/
konigi.com/
http://flowingdata.com/
merhl.com - joe@merhl.com
Notas do Editor
Grand Rapids why GR
Highest concentration of Designers based on population
Steelecase, Herman Miller, Haworth
Fast Company named Grand Rapids “America’s Greenest City”
Adobe’s first UX user group is from Grand Rapids
Lots of Beer, Ryan Stewart said it was Beer Heaven
is a term used to describe the overarching experience a person has as a result of their interactions with a particular product or service, its delivery, and related artifacts, according to their design.
Data, Not Design, Is King in the Age of Google
http://www.nytimes.com/2009/05/10/business/10ping.html
Douglas Bowman left his position as top visual designer at Google and said that design there lived or died by data on consumer responses. He now is creative director at Twitter.
Easy to use image editing application for the Novice Photographer
Easy to use image editing application for the Professional Photographer
Key questions user interview, open ended questions,
What makes a good day or bad day?
What activities currently waste your time?
What is most important to you?
What are the most common things you do with the product?
How do you find work around, what shortcuts do you employ?
What did you do when you first came in today?
Beginners - Sales/ Execs / Markeing - only a beginner once
Intermediates - are Key
Experts - SME’s
Personas help designers:
* Determine what a product should do and how it should behave.
* Communicate with stakeholders, developers, and other designers.
* Build consensus and commitment to the design.
* Measure the design’s effectiveness.
* Contribute to other product-related efforts such as marketing and sales plans.”
Several research methods can provide data upon which we can build user archetypes, including
* surveys
* ethnographic research
* interviews
* contextual inquiries
* Web analytics
Personas being derived from real people, solve three design problems:The elastic user – stretching for convenience of implementationSelf referential design – ”because I think so”Edge cases
Don’t think about how it will work technically, to get the juices flowing