Monday, March 31, 2014

Tues, 4/1

Work Day - Guidelines for Visually-realized, Color Clickable Prototype



  • Must be clickable (navigation exists between all pages of site), built off of your wireframe
  • Must include final graphics - your logo in the header, your branding, slogan etc.
  • Must include final copy - no more lorem ipsum
  • Must have added CSS style and significant improvement in the CSS from wireframe version.
  • Color. Look to the Visual Hierarchy you have already established to decide on color schemes, or you may choose to use a tool such as the Color Scheme Designer
  • Text styles added since wireframe version - body, h1, h2, h3 header styles. Implement a web font, add color, change sizes, letter-spacing, etc.
  • Again, complex functionality can be "simulated" with graphics, simple functionality (such as dropdowns/secondary navigation, bookmark functionality, responsiveness (I see some designs that tackled this), forms that exist on the page but don't necessarily integrate all functionality yet, etc. can be added with HTML/CSS if you have time. I don't expect this but I know that some of you enjoy coding... as long as it doesn't detract you from the aforementioned goals you should be accomplishing.
  • Remember to be conducting your 3-5 Usability Tests, due April 10, the same day as your Wireframes/Final Prototypes. The Usability Test guidelines were explained last class time.
  • Remember that on the 10th, the 3-5 Usability Tests and analysis for each are due on the blog, and the final versions of the Wireframes and Prototypes are due in SEPARATE zip files (if you haven't already uploaded the wireframes), and can be uploaded by one member of your group.
  • You will then have one weekend to prepare for final presentations. Final Presentations on the last half of your projects will be conducted the last week of class - we will do reverse order of last time.
  • The presentations last time were great - But some things to consider - condensing of information on each slide, and legibility of graphics and text would improve your presentations. Make the text as big as you can, and reduce the words on each slide! Presentations should only have simple, short points to drive the message home, lots of visuals, and you should be explaining the rest. You may use whatever tool you like to present with; Powerpoint, PDF, Prezi, even straight from the blog if you format it, etc. Keep it to 15 minutes.
  • No comments:

    Post a Comment