designing real-world interfaces · design brief: you will design, build and test a 1-button game...
TRANSCRIPT
![Page 1: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/1.jpg)
Designing Real-World Interfacesin the Classroom
Bill Van LooHoney Creek Community SchoolAnn Arbor, MI
![Page 2: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/2.jpg)
Learn what interfaces are, and how teaching about them can help prepare your students.
![Page 3: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/3.jpg)
Who am I?
![Page 4: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/4.jpg)
Before going into teaching, I worked as a Web developer and interaction designer in Detroit.
http://www.flickr.com/photos/mikemac29/
![Page 5: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/5.jpg)
After doing that for 8 years, I became a certified teacher.
![Page 6: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/6.jpg)
I'm now the Technology Specialist for Honey Creek Community School in Ann Arbor, Michigan.
![Page 7: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/7.jpg)
BitsandAtoms
are both my friends.
![Page 8: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/8.jpg)
Free,Cheap
and
Open Source
![Page 9: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/9.jpg)
What is an
interface?
![Page 10: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/10.jpg)
An interface is the combination of hardware and software, designed to work together as a control.
![Page 11: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/11.jpg)
My favorite book on interface design.
![Page 12: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/12.jpg)
3 examples
with
demos
![Page 13: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/13.jpg)
ScratchGames
![Page 14: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/14.jpg)
Here’s what Scratch looks like.
![Page 15: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/15.jpg)
4th & 5th grade students were given the opportunity to create a game or interactive story using Scratch.
![Page 16: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/16.jpg)
ScratchDEMOS
![Page 17: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/17.jpg)
Designing Interactivity with
Processing
![Page 18: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/18.jpg)
Here’s what Processing looks like.
![Page 19: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/19.jpg)
Middle School students were given this Design Brief template for their interactivity projects.
![Page 20: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/20.jpg)
ProcessingDEMOS
![Page 21: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/21.jpg)
Assistive Technology:One-Button
Games
![Page 22: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/22.jpg)
For High Point
![Page 23: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/23.jpg)
Step 1:Identify Problems & Opportunities
![Page 24: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/24.jpg)
Your job today is to observe and ask questions to find out what problems and opportunities exist in Hasana’s classroom (C6).
Step 1:Identify Problems & Opportunities
![Page 25: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/25.jpg)
Your job today is to observe and ask questions to find out what problems and opportunities exist in Hasana’s classroom (C6).You will write down your observations on a sheet of paper that you take with you.
Step 1:Identify Problems & Opportunities
![Page 26: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/26.jpg)
Your job today is to observe and ask questions to find out what problems and opportunities exist in Hasana’s classroom (C6).You will write down your observations on a sheet of paper that you take with you.What would be good to notice and carefully observe?
Step 1:Identify Problems & Opportunities
![Page 27: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/27.jpg)
Step 1:Identify Problems & Opportunities
![Page 28: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/28.jpg)
Design Brief:
Step 1:Identify Problems & Opportunities
![Page 29: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/29.jpg)
Design Brief:You will design, build and test a 1-button game for the students in C6.
Step 1:Identify Problems & Opportunities
![Page 30: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/30.jpg)
Design Brief:You will design, build and test a 1-button game for the students in C6.
Requirements:
Step 1:Identify Problems & Opportunities
![Page 31: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/31.jpg)
Design Brief:You will design, build and test a 1-button game for the students in C6.
Requirements:• Your game must use only one button (the space bar) to
be played
Step 1:Identify Problems & Opportunities
![Page 32: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/32.jpg)
Design Brief:You will design, build and test a 1-button game for the students in C6.
Requirements:• Your game must use only one button (the space bar) to
be played• You may use either Keynote or Scratch to create your
game
Step 1:Identify Problems & Opportunities
![Page 33: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/33.jpg)
Design Brief:You will design, build and test a 1-button game for the students in C6.
Requirements:• Your game must use only one button (the space bar) to
be played• You may use either Keynote or Scratch to create your
game• You must have no more than one word per screen
(words are optional)
Step 1:Identify Problems & Opportunities
![Page 34: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/34.jpg)
One-Button Game
DEMOS
![Page 35: Designing Real-World Interfaces · Design Brief: You will design, build and test a 1-button game for the students in C6. Requirements: • Your game must use only one button (the](https://reader034.vdocuments.us/reader034/viewer/2022042710/5f5e1f3c9cd7057cbc3a0c75/html5/thumbnails/35.jpg)
For a complete list of links I referenced, please go to:billvanloo.com/teaching/
E-mail me at:[email protected]
Thank You!