:: Design400 home :: Session 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 ::
Prep for tonight
- Read Social computing; Words matter.
Reading prompt: how are you going to incorporate social media into your project? Post to class WP site before 5 pm on Wednesday. - Research post: provide detailed scenarios/tasks for your prototype. Post to class WP site before 5 pm on Wednesday.
In-class
- Research post: test your competitor sites with one of your personas, all of your tasks.
Tonight’s discussion
- Project status – I need to know your devices!
- iPhone 6 templates
- iPad Air templates
- iOS 7/8 icon templates
- WinChrome: AI file, PSD file
- Dribble: iPad Air, iPhone, Chrome
- Photos you can use bit.ly/1H1Xksg
- Small groups; read one another’s competitor analysis. Provide feedback / ask questions / make suggestions. What did you learn from one another? Now test your competitor sites again with a different persona. Post to class WP site before departing Wednesday.
- Scenarios and social media
- Brief social media discussion at the start of class
- Scenarios as context (bus in traffic example)
- Discussion:
- Two kinds of “pages” — top level tends to provide navigation but shouldn’t overwhelm … leads to lower level “content” pages
- Remove untaken paths (more for web than apps) — as user goes “deeper” into the site, remove “clutter”
- Example – KC home > KC executive > Dept, Equity & Social Justice OR > Executive news > May news
- “Death to home page” (for web) — navigation context is important (where am I? where can I go? where have I been?) because increasingly people find your content via a search that takes them deep into your site
- Note: please let me review your low fidelity wireframes before you move to high fidelity
- Extra-credit: students who create actual content for their project will receive up to 100 extra credit points, depending upon the quality/relevance/extent of the content. You must provide a wireframe, separately from the prototype, that is marked up to indicate content location. The wireframe(s) and content should be contained in a single PDF. This is due by 10 pm our last night together (just like your final project).
- Extra-credit: do the competitive analysis from Monday night for all personas; receive up to 40 extra credit points depending upon the quality/relevance/extent of the content.
- Extra-credit: pick three of our interaction designer portfolio websites
- Knowing what you know now, revisit the sites.
- Examine the design, then put on your “reverse engineer” hat.
- Imagine at least one persona for each site and a (high level) scenario that describes why they are at the site, what they are trying to do. Describe those and explain how/why you picked this persona. Post to class WP site by 5 pm Monday. Minimum 250 words per site.
- Receive up to 25 extra credit points depending upon the quality/relevance/extent of the content.
Social context (pick the appropriate network(s) for your project)
- How to contact you via social
- How to share your content
- Why this is important >>
From Web 2.0 Strategy Guide
From Web 2.0 Strategy Guide
Gestalt in action
Gestalt in action
Lab
- Work on your projects at InVision
- First: add me to your project! (kegill at gmail – no one did this Monday). See the two screen captures below.
- You can only have one project with the free account. Don’t delete the KCE wireframes until you’ve started adding your own.
Next session assignments
- Session 9, M
Read Ch 19-20, Cooper (ch 18 is optional – it’s desktop applications)
Reading prompt: You’ve picked either web (desktop) or mobile for your initial prototype. Speak here to what you’ve learned about the “other” device. Post to class WP site before 5 pm on Wednesday. - Session 10, W: Presentations/projects due. Post to class WP site before 10 pm on Wednesday.
Project prototype notes
- High fidelity wireframes or comps (what’s the difference?)
- Minimum screens/interactivity: home / about / contact / one complete task for one persona (however many screens that takes)