Slideshare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.

Slideshare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.

UX is the sum of many different aspects of a product (when I say product, it’s not limited to software. UX principles can be applied to physical environments) UX also deals with how users feel about a brand over time, the response that evokes in them over time.

This diagram illustrates the previous definition. This is known as the UX Honeycomb created by Peter Morville, a renowned Info Arch. These are the qualities that user’s look for when interacting with a system. You’ll notice that usability there on the left is just one facet among many that an effective system needs. Information needs to be findable – users just need to locate it. Information needs to be desirable – users have to want it.

Related to wireframes is the functionality of a product. UXD use user research and design principles to design the features of a system.

UXD concerns things like the site architecture. This is a site map that gives structural overview a website or an app. We can use site maps to get an idea of the different paths a user might take and the functionality they might need to accomplish their goals.`

These are what we call wireframes. OnceUXDers understand the broader picture through the site map, they can start sketching wireframes. Wireframes are a blueprint for the final look and feel of a product. One principle of UXD is to sketch early and often. As we sketch iterate and change the designs. We start out with very sketchy wireframes and slowly add color and flair. We get feedback from developers, project managers, other ux professionals. This feedback concerns layout, grid, functionality, and the interactions on each screen

Run through goals for the presentation.

So this is the UX Iceberg that covers all the layers of UXD. At the top we have the surface, or the visual design, which is what the user sees in the end product, but before that…

A Workshop on UX Design and Storyboarding

1.
UX Design andStoryboardingA workshop about UX andhow it can help us createbetter products.

2.
What is User Experience Design?Why use UX Design?Activity Time!Bring it back together1

3.
Defining itUser experience (UX)is the sum of all aspects of aproduct that users experience directly includingits form, behavior, and content.UX also encompasses users’ broader brandexperience and the response that experienceevokes in them.2—Pabini Gabriel-Petit

11.
What is User Experience Design?Why use UX Design?Activity Time!Bring it back together10

12.
The Benefits of UX Iterative design catches problems early which cansave time and money11ImplementationTestingDesign / DevelopmentDetermine RequirementsTraditional

13.
The Benefits of UX Iterative design catches problems early which cansave time and money12DeterminerequirementsDesignGetFeedbackReviseImplementationTestingDesign / DevelopmentDetermine RequirementsUXTraditional

29.
The scenario28 You are arranging transportation to the airport andyou aren’t sure which mode of transportation isbest. You use some kind of tool (website, app, etc.)to help you resolve the problem. The tool can be real or fictional Use the storyboard templates to sketch yourexperience step-by-step.

31.
Small Groups30 Walkthrough each person’s storyboard. What did you want to buy? What product did you use? What problem did you encounter, and what were thesteps that led to resolution? Critique the product How could the product have better addressed theproblem? Pick one person to take a photo of their storyboardand send it to t2tecinfo@gmail.com

32.
What is User Experience Design?Why use UX Design?Activity time!Bringing it back together31