IxD session 8

:: Design400 home :: Session 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 ::

Prep for tonight



Tonight’s discussion

  • Project status – I need to know your devices!
  • 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”
    • 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 >>
social influence graph
From Web 2.0 Strategy Guide
Social Network Patterns
From Web 2.0 Strategy Guide


Gestalt in action

Gestalt in action
Gestalt in action


  • 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.

Invision - add
Invision - add

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)

Leave a Reply

Your email address will not be published. Required fields are marked *