• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Doing Your HW - A UX approach to your web design
 

Doing Your HW - A UX approach to your web design

on

  • 1,212 views

 

Statistics

Views

Total Views
1,212
Views on SlideShare
1,212
Embed Views
0

Actions

Likes
0
Downloads
18
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Doing Your HW - A UX approach to your web design Doing Your HW - A UX approach to your web design Presentation Transcript

    • DOING YOUR HOMEWORK A UX APPROACH TO YOUR WEB DESIGN BY FABIAN ALCANTARA Wednesday, September 8, 2010
    • THE PROBLEM Wednesday, September 8, 2010
    • Wednesday, September 8, 2010
    • Wednesday, September 8, 2010
    • Wednesday, September 8, 2010
    • Wednesday, September 8, 2010
    • THE PROBLEM WITH CLIENTS TOO MANY CHIEFS NOT ENOUGH INDIANS DIFFERENT PERSPECTIVES & DIFFERENT AGENDAS IMPACTING THE DESIGN DESIGNING FOR SPECIFICATION IDEAS AND FEATURES ARE BASED ON THEM ON NOT ON THEIR CUSTOMERS / AUDIENCE I WANT THINGS TO EXPLODE AND CATCH PEOPLE’S ATTENTION CONTENT IS THOUGHT GIVING AT THE END LAST MINUTE CHANGES BEFORE GOING LIVE Wednesday, September 8, 2010
    • WTF!? Wednesday, September 8, 2010
    • YOU’RE NUTS! Wednesday, September 8, 2010
    • BREAK IT DOWN Wednesday, September 8, 2010
    • BREAK IT DOWN MOST CLIENTS SEE THINGS ABSTRACTED, INSIDE OUT VIEW OF THE THE PROJECT FEATURES LISTS TECHNICAL SPECIFICATIONS (I.E., I WANT FLASH) CREATE A BETTER METHODOLOGY INTO YOUR DESIGN Wednesday, September 8, 2010
    • THE USER EXPERIENCE (UX) Definition User Experience design (UX) is a process in which the needs, wants, and limitations of end users of an interface or document are given extensive attention at each stage of the design process. The end results will enable certain kinds of experiences. Wednesday, September 8, 2010
    • IN ENGLISH DESIGNING SOMETHING FROM THE PERSPECTIVE OF THE PEOPLE WHO ARE GOING TO USE IT CLIENT PERSPECTIVE USER PERSPECTIVE Wednesday, September 8, 2010
    • UX PROCESS IS EXTENSIVE IT’S FOR GOOD REASON NO PHOTOSHOP REQUIRES YOU TO DO YOUR HOMEWORK NO CODING Wednesday, September 8, 2010
    • CREATE A DESIGN STRATEGY CREATE A DESIGN DOCUMENT AND BREAK IT DOWN IN PHASES USER NEEDS STRATEGY DESIGN Wednesday, September 8, 2010
    • USER NEEDS ASK THE RIGHT QUESTIONS TO YOUR CLIENT WHO IS THE SITE FOR? GOAL OF THE SITE? WHAT DO YOUR USERS WANT? IS THERE ANY PRELIMINARY FEEDBACK ABOUT WHO USES THE SITE? Wednesday, September 8, 2010
    • USER NEEDS AFTER MEETING WITH THE CLIENT, BRAINSTORM: WHO ARE THE USERS IDENTIFY THE USER NEEDS IDENTIFY CLIENT NEEDS Wednesday, September 8, 2010
    • USER NEEDS - USER FLOWS HELPS YOU UNDERSTAND WHAT A TYPE OF USER WILL GO THROUGH TO FIND SOMETHING HELPS YOU VALIDATE THE OVERALL FLOW OF THE YOUR INTERFACE / WEB SITE Wednesday, September 8, 2010
    • USER FLOW EXAMPLE Wednesday, September 8, 2010
    • USER NEEDS - USER STORIES SHORT STATEMENTS EXAMPLE THAT INCLUDE THE ROLE OF THE USER & ACTIVITY REQ: “DISPLAY ALL THEY ARE DOING NEWS CONTENT ON THE HOMEPAGE” FOCUS ON WHAT HE/SHE IS DOING AND NOT THE STORY: “REGULAR SOLUTION READERS ARE ABLE TO EASILY SEE ALL IT FRAMES THE NEWS CONTENT” PROBLEMS TO LATER SOLVE THEM Wednesday, September 8, 2010
    • THEME OUT YOUR STORIES COLLECT ALL YOUR STORIES AND GROUP THEM INTO THEMES PRIORITIZE THEM BASED ON PROJECT GOALS AND PRIMARY USERS. Wednesday, September 8, 2010
    • USER NEEDS - PERSONAS FICTITIOUS OR REAL CHARACTERS THAT ARE CREATED TO REPRESENT THE DIFFERENT TYPES OF USERS THAT WILL BE USING YOUR SITE. Wednesday, September 8, 2010
    • WHY PERSONAS HELPS YOU DEFINE THE PEOPLE WHO ARE GOING TO USE YOUR WEBSITE SPEAKS VOLUMES AND MAKES YOUR CLIENT LISTEN TO THE NEEDS OF THE USER. SHOWS OFF THE USER CREATES A COMMON LANGUAGE AMONG YOUR CLIENT AND ANYONE INVOLVED ABOUT THE ASPECTS OF THE WEBSITE. Wednesday, September 8, 2010
    • Wednesday, September 8, 2010
    • USABILITY TESTS & FEEDBACK IF YOU DON’T HAVE ENOUGH INFORMATION ABOUT USERS, DO THIS BEFORE YOU CREATE PERSONAS GET FURTHER UNDERSTANDING OF USER NEEDS WILL FIND FEATURES YOU MAY OF OVERLOOKED GIVES FEEDBACK TO THE DESIGNERS Wednesday, September 8, 2010
    • USABILITY TEST EXAMPLE Wednesday, September 8, 2010
    • STRATEGY A FEW THINGS ABOUT THIS PHASE Wednesday, September 8, 2010
    • THINGS TO KEEP IN MIND PROVIDE ADDITIONAL CONTEXT TO YOUR DESIGN REASSURES GOALS OF THE WEBSITE ARE BEING MET HELPS IN WORKING WITH THE CLIENT’S BOTTOM LINE AND MARKETING Wednesday, September 8, 2010
    • STRATEGY - COMPETITIVE ANALYSIS WHAT MAKES YOUR WEBSITE DIFFERENT THAN YOUR COMPETITORS? Wednesday, September 8, 2010
    • COMPETITIVE ANALYSIS - LAYOUT & USER FLOW Wednesday, September 8, 2010
    • COMPETITIVE ANALYSIS - LANDSCAPE Wednesday, September 8, 2010
    • CONTENT INVENTORY THE FUNNIEST PART OF CREATING A WEBSITE Wednesday, September 8, 2010
    • STRATEGY - CONTENT INVENTORY GIVES SCOPE OF CONTENT ON THE WEBSITE YOU ARE IMPROVING. VITAL STEP IN CLEANING OUR YOU CONTENT HELPS IN BUILDING A LEANER NAVIGATION & INFORMATION ARCHITECTURE HELPS IN WEEDING OUT CONTENT THAT DOES NOT GO WITH THE MARKETING STRATEGY OR MESSAGE. Wednesday, September 8, 2010
    • CONTENT INVENTORY EXAMPLE Wednesday, September 8, 2010
    • OTHER STEPS IN STRATEGY ORGANIZE YOUR CONTENT - INFORMATION ARCHITECTURE CARD SORTING CAN HELP Wednesday, September 8, 2010
    • DESIGN TIME TO ADD IT UP Wednesday, September 8, 2010
    • PUT YOUR HOMEWORK INTO ACTION CREATE WIREFRAMES USABILITY TESTS AGAIN IF NEEDED Wednesday, September 8, 2010
    • WIREFRAMES Wednesday, September 8, 2010
    • THE RESULT Wednesday, September 8, 2010
    • FINAL WORD ON UX THESE STEPS WILL GROUND YOUR PROJECT INTO THE REAL WORLD AND NOT DESIGN IN A VACUUM. Wednesday, September 8, 2010
    • YOU’RE NUTS! Wednesday, September 8, 2010
    • A HAPPY CLIENT Wednesday, September 8, 2010
    • THANK YOU Wednesday, September 8, 2010