Tues, 1/21

Page Structure, Page Design, and Typography Discussion, Example Site

• Going over main points of discussion for readings
• Presenting a prototype web site I made - AWESOMEsite and dissecting its HTML/CSS, QUICK discussion of wireframes
• How to make a web site using HTML. Tables and HTML-only sites are the web of the past: Check this amazingly bad HTML-Only Site and these outdated examples so you can think about what might make a site unappealing when you go to create your wireframes. Also check out The awwwards: Sites of the Day to see how these sites utilize CSS, dynamic content, well-thought-out user interface design, and good design practices.
• If we have time, Affinity Diagram Activity
• Larger ideas for site go on top, smaller ideas go below:
• Can group similar ideas/category items by color
• Use sticky notes or small sheets of paper, ex.:




• Take a cell phone pic and post it to your blogs of your agreed-upon diagram.
• Trade with another group, re-arrange in a way that makes sense. Take a cell phone pic of your new arrangement and post to blog. Make sure you include which group rearranged yours.
• Think about how these idea clouds could form a site map that might later be components on your user interface.
• READ & REACT: YWSG - Chapters 3, 4, 5
• On Thursday, I'm going to introduce your first individual assignment. Although it might be challenging, I think you will find it fun!