Finalhomepage

VIP FOR ME

THE ULTIMATE PERSONAL LAUNCH ENVIRONMENT

Professor David Meyers Theories in Interaction Design LC4D @ Lindsey Wilson College

Kathy Loughlin M.A. Interactive Design

TABLE OF CONTENTS Project Brief

3

User Centered Design Process Solution Research

Competitive Analysis

Initial User Research Persona User Experience Map

Wireframes

5

Medium Fidelity High Fidelity

17

7

User Testing

24

Conclusion

28

9

Exploration

12

Sketches

15

Site Map Ideation

PROJECT BRIEF

Project Brief Design a functional home page that provides all the desired information in one place, while keeping it elegant, useful, intuitive and simply

USER CENTERED DESIGN PROCESS

User Centered Design Process The user centered design process started with thinking about the user of the Home page, their needs and behaviors.

Then we moved into the mode of clearly defining the the problem for the user of the Home page.

Next we generated ideas, created the prototype and performed user testing.

SOLUTION RESEARCH

Competitive Analysis

INITIAL USER RESEARCH

Persona

Experience Map

EXPLORATION

Site Map

Ideation

SKETCHES

Home

WIREFRAMES

Medium Fidelity - Home page and Email Landing page

Medium Fidelity - Canvas and Zenbinder Landing Pages

Medium Fidelity - Interaction Design Foundation and Usability.gov Landing Pages

Medium Fidelity - UXMastery and LWC Portal Landing Pages

Medium Fidelity - Pinterest and Evernote Landing Pages

High Fidelity Home Page

USER TESTING

Tasks 1. On the Home page, click on School email and indicate where you would log in. Close School email and return to Home page.

2. On the Home page, click on Zenbinder and indicate where you would log in. Close Zenbinder and return to Home page.

3. On the Home page, click on Canvas and indicate where you would log in. Close Canvas and return to Home page.

4. On the Home page, look at Online Resources, click on uxmastery.com. Close uxmastery. com and return to Home page.

5. On the Home page, click on LWC portal and indicate where you would log in. Close LWC portal and return to Home page.

6. On the Home page, click on Pinterest and indicate where you would log in. Close Pinterest and return to Home page.

7. On the Home page, click on Evernote and indicate where you would log in. Close Ever-

Results

Testing

CONCLUSION

Conclusion This design project took us through all the steps in the HCD model and by focusing on the user and adhering to the steps, a better design for the Home page emerged.