- Images and sound (multimedia)
- Rule of Thirds (Photoshop)
- Wireframes and design
Lecture/Discussion
- Rule of Thirds (PPT)
- Who really owns your images in social media? (2013)
- Upload photos from in-class exercise here
- Tips around sound
- Sound File Types : .wav, .aii, .mp4, .mp3 and Audacity Project Files
- Telling Stories With Sound (free tutorial)
- Zamzar.com – swiss army knife for file type conversions
- SoundCloud for hosting
Design discussion
- Elements of a website
- Personal branding: Amy Rainey (UW grad)
- Photography (service): Kirk Mastin (UW grad)
- From Monday (Hick’s Law / Readability)
Wireframing/Architecting Your Site
- A wireframe is an overview of the structure and components of a web page. They are almost never in color and have little detail.
- A mockup is a more refined (high fidelity) visualization; it will showcase color and have fine detail
- A prototype is a functional or semi-functional set of pages.
- Sketches and MockUps
- Templates (includes mobile – 2010 though) – Mobile-focused templates (2012)
- Tutorial : a beginner’s guide to wireframes
Peer Group Work
- Tasks and wireframes
Assignments
- By noon Monday (hey, who is going to be studying on Sunday?) : post to the UW Catalyst CollectIt a draft of your final deliverable for the class, with these components that we have worked on to date:
- refined elevator pitch (should include site goal/audience);
- three personas;
- competitive analysis;
- By 6 pm Wednesday : post a draft of your revised wireframe – still high level / low fidelity / no color
- Format: whatever you want to use > eg Word / PPT / PDF / Web — but it should be “an” entity, not a series of downloads.
- Come to class Monday and Thursday prepared to give feedback to your peer group and to the class as a whole.
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?
Reading: Information architecture
- A common deliverable – site framework: navigation/site structure (for our project, the site framework can be visualized in the final wireframe)
- What is information architecture?
- What does an IA do?
Links & Notes from Chat Session
RE audio importance: Q: Interesting – why is it more important than video?
Just say no to GoDaddy, please. Misogynistic ads + security + hard as the devil to get untangled from.
Security & two-step auth — SSL does not protect you from having your account hacked. It protects info that moves from point A to B via a non-direct route.
One resource for free music + ccMixter + Finding legal music to tell your story
RE “don’t use your phones for photography” >
- http://www.wearejuxt.com/2014/01/29/seahawks-1020/
- How a Nokia Lumia 1020 produced a spread in National Geographic
- Chase Jarvis (Seattle) : the best camera is the one you have with you
- Killer photos with your iPhone
- My 365 project
Links from the chat transcript
Web Design & Production Foundations 
