Project 1: Website Analysis

January 15 2024, 0 Comments

Analyze the site that you were assigned, based on the criteria and steps outlined below. Create a brief presentation that introduces your site to the class, and thoroughly demonstrates your analysis and discoveries.

Project 1 Brief

Considerations
+ Who is the audience/s?
+ How much did you interact with the site?
+ What was the experience of interacting with the site? (i.e. adjectives)
– Look at the site on both desktop and mobile
– Watch other users interact with the site; take notes and ask them about their experience (user-testing)
+ How would you characterize the visual language of the site?
+ What is unique about the visual language? Does it successfully convey a message?
+ What aspects of the site are interactive? Are they effective?
+ Is the site user-friendly? Why?
+ How does the site engage users?
*Consider interface elements (i.e. navigation, buttons, hyperlinks), interactive controls, feedback,
motion, animation, etc.)

Process
+ Read Pannafino, Pannafino Excerpt, Cognitive Walkthrough and Content Analysis
+ Refer to site map and wireframe examples (see links on our website)
+ Include your discoveries based on the above “considerations.”
+ Analyze your site, and develop a site map that represents its structure, organization, and experience.
+ Create wireframes of a minimum of four pages of the site.
+ Create a simple presentation (PDF slideshow) that describes your research and findings. Be prepared to present this in class.

Resources
+ Site map & wireframe examples
+ Reading: Pannafino, Excerpt (See above)
+ Common ways of organizing information (location, alphabetical, time, category, hierarchy)

Deliverables
+ Designed Presentation, submitted as a PDF file to our class drive
– Remember fundamental design elements and principles including; format, picture plane, figure/ground, shape, line, point, scale, hierarchy, balance, symmetry/asymmetry, unity/variety, and rhythm
+ Answer the questions and prompts in the Considerations section above
+ Include a minimum of 4 wireframes (supported with screenshots of web pages and notations of important user interaction)
+ Include a Site-Map of the website

Class Presentations
*Plan a 15-minute presentation, followed by a few minutes of discussion

Grading
If you’re wondering how you’ll be graded for this project, please see our Evaluation Form. For this project, there is no coding involved, so you will be graded on process + realization & professionalism.

Past Work:
The Counted
Form Follows Function
Universal Typeface

_________

Image: Design Observer

Comments are closed.