information & interaction design
DESCRIPTION
Information & Interaction Design. Fall 2005 Bill Hart-Davidson. Session 1: Introductions; Guidelines for Semester Project; Dourish Book; Self-Assessment. Our focus for the semester: designing for change Our aim: not just change, but change for the better! - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/1.jpg)
Information & Information & InteractionInteractionDesignDesign
Fall 2005
Bill Hart-Davidson
Session 1: Introductions; Guidelines for Semester Project; Dourish Book;
Self-Assessment
![Page 2: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/2.jpg)
Today in Class…part IToday in Class…part I Our focus for the semester: designing for
change Our aim: not just change, but change for
the better! Our influences: Activity Theory, User-
Centered Design, Embodied Interaction Our methods: Contextual Inquiry,
inspiration from Rational Unified Process
![Page 3: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/3.jpg)
Designing for Change: Designing for Change: Theoretical InfluencesTheoretical Influences
Activity Theory – understanding the relationship between human behavior and the tools they use
User-Centered Design – placing the needs of users prominently in the design process (more later)
![Page 4: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/4.jpg)
Designing for Change: Designing for Change: Theoretical InfluencesTheoretical Influences
Embodied Interaction – An approach to interacting with software systems that emphasizes skilled, engaged practice rather than disembodied rationality
![Page 5: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/5.jpg)
Activity & Change, 1Activity & Change, 1
Activity Theory says…
1. “activity” is the minimal meaningful unit of human behavior
2. Activity is motivated (not just random)
3. Activity is mediated (by tools)
![Page 6: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/6.jpg)
Activity & Change, 1&1/2Activity & Change, 1&1/2
Activity Theory also says…
Activity develops over time…and, actually, that there is a certain dynamic between “structures” (whether these are physical or social structures) and “agency,” such that it is by habitual action that we make and remake our world.
![Page 7: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/7.jpg)
Activity & Change, 2Activity & Change, 2
Consider 3 levels of action:
1. Activities that are motivated
2. Action that are goal oriented
3. Operations that have conditions
Note that most complex activities are comprised of all three…so…
![Page 8: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/8.jpg)
Activity & Change, 3Activity & Change, 3
Levels of activity correspond with familiar questions:
1. Activity - Why?
2. Action - What?
3. Operations – How?
Where does HCI usually concentrate ?
![Page 9: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/9.jpg)
Activity & Change, 4Activity & Change, 4
Innovative HCI designs focus on the Why, mediating the What and How
1. Activity - Why?
2. Action - What?
3. Operations – How?
What and How, those we tend to experience as “structure”…when we act on a “Why,” we enact agency
![Page 10: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/10.jpg)
Activity & Change, 5Activity & Change, 5
Agency is linked to Change. The goal of good HCI design should be transformation of some social practice.
Can you think of a successful HCI that transforms a social practice for the better? Whose agency is enabled by your example? Users? Designers?
![Page 11: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/11.jpg)
Dourish and Change…Dourish and Change…Dourish’s central argument is that HCI
designs are (re)constructions of the world…and as such, are representative of not just “logic” but of values, feelings, desires (even if these are invisible or minimized).
He asks us to make our intentions in these areas explicit when we design, and to reconcile them with our goals for change.
…but we can’t do it alone
![Page 12: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/12.jpg)
Change in Change in Information Information EcologiesEcologies
“We define an information ecology to be a system of people, practices, values, and technologies in a particular local environment.” (p. 49)
![Page 13: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/13.jpg)
How to Responsibly Evolve How to Responsibly Evolve Information EcologiesInformation Ecologies
1. Work from core, local values.2. Pay attention. Notice the
meanings assigned to existing tech & practice
3. As strategic, open-ended questions about use. “What if…?”
Nardi & O’day, p. 65
![Page 14: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/14.jpg)
Some strategic Some strategic questions, 1questions, 1
Analysis questions: ask about motivations, opinons, relationships among things
Observation questions: What can be seen & heard in the ecology?
What is the goal of the department’s website revision?
How is the current site administered?
pp. 72-74
![Page 15: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/15.jpg)
Some strategic Some strategic questions, 2questions, 2
Focus questions: Identifies important operational conditions
Feeling questions: Ask about emotions, trust, etc.
How much money is available for the revision?
Which features of the site do folks have a positive association with?
pp. 72-74
![Page 16: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/16.jpg)
Some strategic Some strategic questions, 3questions, 3
Visioning questions: Identifies ideals, dreams
Change questions: Envision a path from here to there…
Where would we like this site to go in the next year?
How might we prioritize our wish list?
pp. 72-74
![Page 17: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/17.jpg)
Some strategic Some strategic questions, 4questions, 4
Alternatives questions:
Consequences questions:
Are the communities in the dept. distinct enough to warrant multiple sites?
Whose interests are served by making the following kinds of changes…?
pp. 72-74
Obstacles questions:
Will there be a need for more training?
![Page 18: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/18.jpg)
Some strategic Some strategic questions, 2questions, 2
Personal inventory
questions:
Identify interests and contributions of stakeholders
Planning questions: Specifics, what & how
How can the expertise we have in the dept. be best harnessed?
How will we propose, approve, and test new designs for the site?
pp. 72-74
![Page 19: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/19.jpg)
Try out the Try out the Questions!Questions!
Have a conversation…start with an information ecology that you are familiar with…then consider a technological change appropriate for that community…run through the questions, coming up with your own for each category.
![Page 20: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/20.jpg)
Today in Class…part IIToday in Class…part II
Touring Web Site
Class Format Picking a
Project Working
Through the Phases
Thinking about Grading
Setting Goals Establishing a
Team Linking SD to
Your World
![Page 21: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/21.jpg)
The Resources Page The Resources Page
www.msu.edu/~hartdav2/iid.htmlwww.msu.edu/~hartdav2/iid.html
![Page 22: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/22.jpg)
Class Info & AnnouncementsClass Info & Announcements
Resources Page – Notes, Syllabus, Brief Schedule, Links to Team Web Presence.
![Page 23: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/23.jpg)
Let’s Look at the SyllabusLet’s Look at the Syllabus
Course Description Policies and procedures Projects Schedule
![Page 24: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/24.jpg)
Collaborative ToolsCollaborative Tools
I’ll ask you to set up a virtual team workspace
You choose…but all team members should be able to access it…and it should have a place to post public documents
![Page 25: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/25.jpg)
Doing The NumbersDoing The Numbers
9 Full-group Class Meetings 3 Design Presentations 2 Consultations
![Page 26: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/26.jpg)
Example Presentation Example Presentation Schedule*Schedule*
6:30 Team 1
6:50 Team 2
7:10 Team 3
7:30 Review
7:50 Team 4
8:10 Team 5
8:30 Team 6
8:50 Review
9:10 Team 7
9:30 Team 8
9:50 Team 9
10:10 Review
•don’t worry, we won’t be going this late… :)
![Page 27: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/27.jpg)
Picking a ProjectPicking a Project
1. Aim to transform a real social practice
2. Humans, computers working together
3. Must be a new project
4. Change the world…for the better!
![Page 28: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/28.jpg)
Selection CriteriaSelection Criteria New! Innovative & interesting Allows team members to stretch &
meet self assessment goals Doable in the the time we have Access to social environment for
study Based on a mutual desire for
transformation of cultural conditions among stakeholders
![Page 29: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/29.jpg)
Examples from previous yearsExamples from previous years
Restaurant Guide
Design Participator
Hiking Buddy
Tableside ordering at sit-down chain restaurants
Website allowing community input for design projects
A backpacker’s PDA; stores pictures, maps, journals, etc.
![Page 30: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/30.jpg)
Restaurant GuideRestaurant Guide
RPI-based team, undergrads Table-side screen device
meant to streamline ordering process during busy lunch and dinner cycles
![Page 31: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/31.jpg)
Activities of Restaurant GuideActivities of Restaurant Guide
Sort & View menu items using various criteria
Order from Menu Track order progress Swipe card to pay at table
![Page 32: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/32.jpg)
Restaurant Guide MediationRestaurant Guide Mediation
Touch Screen mounted tableside
PDAs for waitstaff
![Page 33: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/33.jpg)
Upping the Ante: TransformationUpping the Ante: Transformation
All of these projects involve issues of power agency access skill
So we must ask: Cui Bono?
Who benefits from…?
Who benefits from the transformations your design introduces? How?
![Page 34: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/34.jpg)
A few things to keep in mind…A few things to keep in mind…
Users don’t need to be saved! (treat them as skilled, innovative, resourceful stakeholders in the system…because they are)
Systems aren’t finished when you install them…they develop, grow, change. Users take over the design where designers leave off.
![Page 35: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/35.jpg)
Design PhasesDesign Phases
We’ll follow a familiar 3-phase approach, but we will be reflective about the benefits and constraints of each.
![Page 36: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/36.jpg)
The PhasesThe Phases
Building block of the project
Requirements Design Implementation
![Page 37: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/37.jpg)
MethodsMethods
Key concepts and techniques
Requirements Design Implementation
ActivityAnalysis
Contextual Design Prototyping
![Page 38: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/38.jpg)
DeliverablesDeliverables
Key Outcomes from each phase
Requirements Design Implementation
Activity analysis; scenarios;
buy-in
Work models; concept;
buy-in
Prototype & Spec;
approval
![Page 39: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/39.jpg)
FacilitationFacilitation
Activities to insure success
Requirements Design Implementation
Share w/ peers
Consultations
Share w/ peers
Consultations
Share w/peers
Review panel
![Page 40: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/40.jpg)
EvaluationEvaluation
Measures of Team Performance
Requirements Design Implementation
Activity
Presentation
Memo
Activity
Presentation
Memo
Activity
Presentation
Memo
![Page 41: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/41.jpg)
Thinking about GradingThinking about Grading
![Page 42: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/42.jpg)
Project BreakdownProject Breakdown 2 Individual Assessments 15% Requirements phase : homework,
presentation, memo (20%) Design phase: homework, presentation,
memo (20%) Implementation phase: homework,
presentation, spec/prototype (30%) Peer review, panels (15%)
![Page 43: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/43.jpg)
Individual AssessmentIndividual Assessment
Set performance goals and evaluate your progress
Use template provided on resources page, iatemplate.rtf
Submit twice – once at the beginning and once at the end of the semester
First version due next time!
![Page 44: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/44.jpg)
Setting Your GoalsSetting Your Goals
The Individual Assessment
![Page 45: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/45.jpg)
Areas for AdvancementAreas for Advancement
Tools and Techniques Teaming Design Process Presentation and Persuasion Deliverables
![Page 46: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/46.jpg)
Assessment QuestionsAssessment Questions
For each area, you’ll answer questions about…
Background w/ that area Aspirations for that area
![Page 47: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/47.jpg)
Tools and TechniquesTools and Techniquesability to use tools and techniques related
to HCI Design. – interface design tools; – writing tools; – web design tools; – research tools– visual design tools; – database tools; – scripting tools
![Page 48: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/48.jpg)
TeamingTeaming
ability to work in teams on HCI designs.
ability to use an explicit design methodology fully, giving due weight to
– requirements analysis,
– conceptual design,
– implementation.
DesignDesign
![Page 49: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/49.jpg)
Presentation and Presentation and Persuasion-1Persuasion-1
ability to present HCI designs to an audience
– get buy-in
– persuade them to make resources available to continue the design work.
![Page 50: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/50.jpg)
an ability to
– make an effective argument
– develop a clear presentation
– marshal technical content effectively
– analyze project needs
– consider counter-arguments.
Presentation and Presentation and Persuasion-2Persuasion-2
![Page 51: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/51.jpg)
Deliverables-1Deliverables-1
In the area of Deliverables, you should plan to develop your capacity to make critical contributions to the delivery of HCI Designs.
![Page 52: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/52.jpg)
the full range of human-computer interactions – web-based interactions – software interfaces, – the personal and enterprise
hardware-software configurations of the future.
Deliverables-2Deliverables-2
![Page 53: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/53.jpg)
Establishing Establishing a Teama Team
•Teams should be 3-4 people
•No individuals working alone; a goal of this course is building good team skills
•All team members must participate in review sessions
![Page 54: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/54.jpg)
Teaming Up…After class Teaming Up…After class today:today:
Divide into teams of 3-4 Send an e-mail to hartdav2@
msu.edu with basic team info:Team members contact info
Brief discussion of project idea
…and your team’s web presence
![Page 55: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/55.jpg)
Team E-mail Contents 2Team E-mail Contents 2
Name of proposed HCI design Description of the way this HCI
design will transform a current cultural practice
For each team member, a few lines describing how this project will meet your individual goals for the course
![Page 56: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/56.jpg)
This weekThis week Meet with your team Review your individual goals
for the course Refine your ideas for an HCI
design, prepare team memo Establish a web presence
and discuss logistics for presentations, drafting, research, etc.
Yahoo! Groups?
A blog?
A wiki?
![Page 57: Information & Interaction Design](https://reader030.vdocuments.net/reader030/viewer/2022032708/56812c26550346895d909702/html5/thumbnails/57.jpg)
For Next WeekFor Next Week
Individual Assessments Due 1/19 (attached to e-mail is ok)
Teams in place; project ideas firming up Read Dourish selections (on website)
• Post project idea/abstract to team page for sharing in class
On 9/5