Generate a lot of ideas quickly
Divergent→convergent
Sketching and feedback
As a group
Describe/frame the problem UCLA Library app
Define the activity context
What situations will using the app happen?
Who are the participants in the activity/context?
What are the outcomes of the activity/context?
Create an activity diagram [action focus (not about the user/persona)]
Teams will create and present design proposals, which will include:
A title and short description of the project
A description of specific problems or weaknesses with the interface and the team's proposed solution(s)
A design “manifesto” or set of design criteria that the proposed redesign or modification must meet, reflecting basic HCI concepts and principles
A description of target users or clients and their social/physical conditions of use
A presentation describing and/or demonstrating at least one new or redesigned feature that solves the problems of an existing, problematic feature (this may take any of a number of forms, or combine them: sketches, storyboard, bullet points, diagrams, flow charts, slide show, video, etc.)
Guidelines | Tools to Think With
Projects should reflect the lessons learned in the first three workshops in the course, which focused on:
design principles, heuristics, rubrics
information visualization
personas or pattern languages as design methods
In addition, teams should consider several questions about the chosen interface and how it works (or doesn't):
What story does it tell?
What are its major influences?
What does it actually do (or not)?
What is left out, missing, blocked, or hidden?
What is brought forward, highlighted, emphasized?
Finally, in making new or different interface elements, teams should consider the following design strategies and tactics:
sequence and narration
visual hierarchy
progressive disclosure
advance organizers
matching content structure and visual structure
viewing "units"
information chunking and density
design "building blocks": type, images, color, patterns, concept
no breadcrumbs
bad navigation
inconsistent across devices and across pages?
Just because it’s available doesn’t mean you’ll get there fast enough
Just because it’s available, doesn’t mean it’s available
Logo goes back to promo, not the front screen
Coaching
5 ideas in 5 minutes
questions? Feedbacl?
2 solutions in 15 minutes
groups present
repear PRN!
Name patterns
Reflect & refine
(groups f… and choose s…
Week 10: present
My 5 Ideas
1. Integration
a. FB/LinkedIn profile & social (integrate with FourSquare, etc.)
b. Health, other depts.
c. Parking
d. Maps
e. Consistency
2. frequently used functions of diff groups,
popular for diff groups
personal
open screen
3. search & hold (reserve)
4. integration with other mobile apps
5. fix the logo/home! Intuitive navigation: breadcrumbs
6. Real-time status and alerts
reflect back on all the design principles and the coursework
Dourish
• contextuality is a relational property that holds between objects or activities.
– it may or may not be contextually relevant to some particular activity.
• scope of contextual features is defined dynamically .
• context is particular to each occasion of activity or action
– an occasioned property , relevant to particular settings, particular instances of action and particular parties to that action.
• context arises from the activity
– actively produced, maintained and enacted in the course of the activity at hand.
Paul Dourish What we talk about when we talk about context
Navigation
Icons:
Context: customization
Real-time status updates: video