CSE 333 Web UI Assignment

The purpose of this assignment is to develop a web-based UI program for your client. The UI program should feature graphics (such as a logo, icons, or display typography); text about the agency, product, or service; photographs, and video or other content.

How will you tell the story? What will be your focal points? How will your layout organize the content to make it both accessible and engaging for the user? How will you tie everything together thematically?

You will build the web-based app with Google Web Designer.

• Google Web Designer desktop app download (free, cross-platform)
https://webdesigner.withgoogle.com

GWD help
https://support.google.com/webdesigner/

Here's a link to best design practices for page layout:

http://www.creativebloq.com/netmag/create-balanced-page-layouts-7-pro-tips-121310009

Move the folder you create for this assignment to Google drive, and link to the folder from your documentation (share with uidev@cs.stonybrook.edu). Add a screenshot of your start page to your documentation by choosing File > Export image... When your site is updated, confirm the update by emailing the URL to uidev@cs.stonybrook.edu, with "Website" in the subject line.


Rubric

1. Followed the instructions:
• Multipage web site was uploaded as specified above (minimum 4 screens), and a link to the files was emailed to uidev@cs.stonybrook.edu.

2. Met the design criteria:
• Site has an engaging theme and narrative, appropriate to target audience and client.
• All the elements work in support of the narrative (graphics, type, color).
• Content is broad and extensive (photos, comprehensive text, other assets - such as a calendar or map).
• Site incorporates dynamic media (video/audio, animation, slideshow, etc.)
• Site is scaled appropriately for target platform(s).
• Navigation and controls are easy to find and identify, but are not redundant.
• UI is consistent across screens.
• White space is used effectively. Cognitive overload is minimized.
• Good technical execution (sharp clean graphics, legible typography)

That’s 10 criteria, or approximately 1 point each.