We’ll learn a bit about legalities, spend a little time on color and design, work a bit more on sharable content, and get ready for next week.
Part 1. copyright and creative commons
- Working with images
Part 2. color and design
Responsive design, discussion
- What is responsive design (scrolldeck)
- WebFlow (tool)
- W3C on RD
- Responsive Web Design by Example (AMZN)
Play with color (virtual box of crayons)
- Color palettes (search)
- Color palettes (scan)
- Color palettes (by type)
- Color scheme designer
- What’s that color? (Online eyedropper tool)
In Photoshop – see the built in color swatches.
In a post to the forum:
- What colors are you leaning towards for your site and why?
- How has tonight’s discussion modified or reinforced those thoughts?
- Have you noticed a color theme in your niche? Hue? Intensity?
- Design for web developers colour and layout for the artistically overwhelmed (eBook on Slideshare)
- Lightness perception and illusions
- Color swatches from Google
Part 3. social, part 2
Examples to consider
Part 4. prep for next week
- Presentation: your audience is your peers – what can they learn from your experience?
- Max seven slides; 5-6 minutes
- Quiz: concepts from the quarter, in your words. Think about these: navigation best practices (the three questions: where am I, where have I been, where can I go); best practices with photos (file types, cropping); why personas are important; what is information architecture and where does it come in the design process (best practices); why do we need to think about usability early in our design process.
Here is everyone’s wireframes – take a look at your peers! Great work, folks!
Project assignments for the remainder of the quarter
- Week 10: Everyone will give a 3-4 minute presentation (PPT slides, maximum 7 including title/closing slides) on their project. Timed! Please let me know in advance if we will need to have you phone me in order for everyone to hear you. I need your slides by noon that Thursday so that I can get them uploaded to Adobe Connect.
- Final project due Friday at 6 pm via Catalyst.
A reminder about milestones, which are designed in a building block fashion to facilitate both development and feedback opportunities. These are assessed on a complete/incomplete scale and are part of the 40% of your points that are allocated to the project.
Based on your project types, here are our groups for our remaining time together; some have sub-grouping to keep the size manageable. See revised pitches. See draft competitor sites (17). See draft personas (only 10).
Examples from other classes
- Competitive analysis – ecommerce
- Competitive analysis – news sites
- Use personas to develop scenarios (a story that details a task) and then use that to compare music (band) sites
Note: competitive analysis requires that you have identified a set of tasks and you try to complete those tasks on each site. Success or failure?
- Free image sources for your website (we’ll talk about creative commons licensing and public domain in week 9)