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.