Your SlideShare is downloading. ×
0
Who I am


UX Specialist for Universal Mind
Not a Designer Not a Developer
I sit in between
A real live Catalyst

also kno...
What is UX?



It’s a term used to
describe the
overarching experience
a person has as a result
of there interactions.



...
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”.

...
UX Process


1. Research
2. Persona Development
3. Wireframe Development
4. Design Framework
5. Vision Prototype
Research

“Customers sometimes do not know what they want,”

“It can be dangerous to just listen to what users say they ne...
Research

Immerse yourself in the the culture of the user
as fast as possible


Create/Understand the User Goals
A single ...
Research


Types of Users
Beginners
Sales/Execs/Marketing

Intermediate
Are the most important

Experts
the Subject Matter...
Research



Immerse yourself into
the industry
Competitive Research
Collage boards/Demos
Personas



Personas are fictitious people who represent the
archetypal qualities of your audience. They provide
targets f...
Personas are



Drawn from field research
Named as individuals
Developed for specific contexts
Typical and believable
Personas are not



Based on demographics or market segments
Drawn from gut feelings about your audience
User profiles or ...
Personas




Context Scenarios
concise narrative descriptions of one
or more personas using a product to
achieve a specifi...
Wireframes



Brainstorming
With fellow Designers/Developers/Clients
ie. Affinity Diagrams

Design Studio Session
Wireframes


Wireframe the user screens and interactions
Start to place content

No Design applied
little or no color

Bui...
Wireframes


Used by Design
To start the Design Framework

Used by Developers
To start the Back-end Architecture and Servi...
Wireframes




Pretend the
interface is magic
Design Framework



Starts after wireframes have been completed
Collaborating with Designer
Several Iterations/Refinement
Design Framework
Vision Prototype


Most important deliverable
A real working application in the deploying technology
Can capture key probl...
Vision Prototype

User Testing/Validation
Robust formal to Friends and Family testing, Silverback

Stake Holder buy in
Dat...
Vision Prototype



Created and skinned in Flex/AIR using CSS and Degrafa
Allows for a nice separation between code and sk...
Vision Prototype




Demo
Resources

Cooper.com
About Face 3 - book

degrafa.org
adaptivepath.com/
wireframes.linowski.ca/
konigi.com/
http://flowin...
FLEXperience
FLEXperience
FLEXperience
FLEXperience
FLEXperience
FLEXperience
Upcoming SlideShare
Loading in...5
×

FLEXperience

2,058

Published on

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

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

No Downloads
Views
Total Views
2,058
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
86
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide


  • 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














  • Transcript of "FLEXperience"

    1. 1. 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
    2. 2. 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/
    3. 3. 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”
    4. 4. UX Process 1. Research 2. Persona Development 3. Wireframe Development 4. Design Framework 5. Vision Prototype
    5. 5. 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.
    6. 6. 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?
    7. 7. Research Types of Users Beginners Sales/Execs/Marketing Intermediate Are the most important Experts the Subject Matter Experts (SME’s)
    8. 8. Research Immerse yourself into the industry Competitive Research Collage boards/Demos
    9. 9. 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.
    10. 10. Personas are Drawn from field research Named as individuals Developed for specific contexts Typical and believable
    11. 11. Personas are not Based on demographics or market segments Drawn from gut feelings about your audience User profiles or stereotypes e.g. “Soccer mom”
    12. 12. Personas Context Scenarios concise narrative descriptions of one or more personas using a product to achieve a specific goals.
    13. 13. Wireframes Brainstorming With fellow Designers/Developers/Clients ie. Affinity Diagrams Design Studio Session
    14. 14. 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
    15. 15. 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
    16. 16. Wireframes Pretend the interface is magic
    17. 17. Design Framework Starts after wireframes have been completed Collaborating with Designer Several Iterations/Refinement
    18. 18. Design Framework
    19. 19. 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
    20. 20. Vision Prototype User Testing/Validation Robust formal to Friends and Family testing, Silverback Stake Holder buy in Data/Service Validation Marketing Demos for trade shows, other
    21. 21. 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
    22. 22. Vision Prototype Demo
    23. 23. Resources Cooper.com About Face 3 - book degrafa.org adaptivepath.com/ wireframes.linowski.ca/ konigi.com/ http://flowingdata.com/ merhl.com - joe@merhl.com
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×