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. You will use the elements you have developed over the course of the semester to build your web-based app prototype, such as the color palette, typography, logo, and icons.
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. A good default size is 1024 X 768.
• 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 the directory with uidev@cs.stonybrook.edu). Add a screenshots of your screens to your documentation by choosing File > Export image... in Google Web Designer. 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.