Your SlideShare is downloading. ×
Joe Johnston - FLEXperience - putting the Flex in UX
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Joe Johnston - FLEXperience - putting the Flex in UX


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 …

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.

Published in: Technology, Education

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 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
  • 2. What is UX? It’s a term used to describe the overarching experience a person has as a result of there interactions.
  • 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. UX Process Research Personas Wireframe Design Framework Vision Prototype
  • 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. 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. Research Types of Users Beginners Sales/Execs/Marketing Intermediate Are the most important Experts the Subject Matter Experts (SME’s)
  • 8. Research Immerse yourself into the industry Competitive Research Collage boards/Demos
  • 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. Personas are Drawn from field research Named as individuals Developed for specific contexts Typical and believable
  • 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. Personas Context Scenarios concise narrative descriptions of one or more personas using a product to achieve a specific goals.
  • 13. Wireframes Brainstorming With fellow Designers/Developers/Clients ie. Affinity Diagrams Design Studio Session
  • 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. 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
  • 16. Wireframes Pretend the interface is magic
  • 17. Design Framework Starts after wireframes have been completed Collaborating with Designer Several Iterations/Refinement
  • 18. Design Framework
  • 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. 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. 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. Vision Prototype Demo
  • 23. Resources About Face 3 - book -