week 03 affordance & uaf assignments

15
Complementary to Lecture 4 & 5 Affordance & UAF Human Computer Interaction / COG3103, 2014 Fall Class hours : Tue 1-3 pm/Thurs 12-1 pm 18 September

Upload: dsdlab

Post on 07-Nov-2014

238 views

Category:

Education


3 download

DESCRIPTION

Thursday workshop

TRANSCRIPT

Page 1: Week 03 Affordance & UAF assignments

Complementary to Lecture 4 & 5

Affordance & UAF

Human Computer Interaction / COG3103, 2014 Fall Class hours : Tue 1-3 pm/Thurs 12-1 pm 18 September

Page 2: Week 03 Affordance & UAF assignments

TALES OF THINGS IoT Case Study 01

Lecture #5 IIT_UX Theory 2

Page 3: Week 03 Affordance & UAF assignments

Tales of Things : Web

Lecture #5 IIT_UX Theory 3

Page 4: Week 03 Affordance & UAF assignments

Tales of Things : Mobile

Lecture #5 IIT_UX Theory 4

Page 5: Week 03 Affordance & UAF assignments

Related Links

• App Site

– http://talesofthings.com/

• Book

– http://themobilestory.com/ch-19-tales-of-things/

• Conference

– http://dh2011abstracts.stanford.edu/xtf/view?docId=tei%2Fab-

158.xml%3Bquery%3D%3Bbrand%3Ddefault

• News

– http://bookleteer.com/blog/2010/08/tales-of-things/

Lecture #5 IIT_UX Theory 5

Page 6: Week 03 Affordance & UAF assignments

How to use Tales of Things

IIT_UX Theory 6

http://youtu.be/pBa_o-LcSLM

Lecture #5

Page 7: Week 03 Affordance & UAF assignments

TALES OF THINGS Reviews

Lecture #5 IIT_UX Theory 7

Page 8: Week 03 Affordance & UAF assignments

Question 1

• Draw the interaction cycle of “Tales of Things”

– Note to what your goal of “Tales of Things” was.

– Describe the example world of “Tale of Things” use context

– Describe your gulf of execution to use “Tales of Things”

– Describe your gulf of evaluation to use “Tale of Things”

Lecture #5 IIT_UX Theory 8

Page 9: Week 03 Affordance & UAF assignments

THE INTERACTION CYCLE

Lecture #5 IIT_UX Theory 9

Figure 21-1 Norman’s (1990) stages-of action model, adapted with permission.

Page 10: Week 03 Affordance & UAF assignments

Question 2

• Translate the cycle into the UAF

– Tell your stories of experiencing ToT

– What did you plan?

– What were the steps of the translation?

– Explain your physical action to the app.

– What was the outcomes of ToT following to your physical action?

– Were the system feedbacks proper?

Lecture #5 IIT_UX Theory 10

Page 11: Week 03 Affordance & UAF assignments

THE INTERACTION CYCLE

Lecture #5 IIT_UX Theory 11

Figure 21-1 Norman’s (1990) stages-of action model, adapted with permission.

Page 12: Week 03 Affordance & UAF assignments

Question 3

• Analysis/Design your own ToT use case.

– Who are the users?

– What do they use ToT for?

– What use context will they be in to access the ToT process(or Interaction

Cycle)?

Lecture #5 IIT_UX Theory 12

Page 13: Week 03 Affordance & UAF assignments

THE INTERACTION CYCLE

• Example: Creating a Business Report as a Task within the Interaction

Cycle

Lecture #5 IIT_UX Theory 13

Calculate monthly profits for last quarter

Write summary, including graphs, to show company

performance

Create table of contents

Print the report

Open spreadsheet program

Call accounting department and ask for numbers for each month

Create column headers in spreadsheet for expenses and revenues in each product category

Compute profits

Page 14: Week 03 Affordance & UAF assignments

Homework

• Compile 3 items below in a new post on your blog.

– The link of your own ToT post.

– Your app assessment brief : 1 page

– Answers to the 3 questions

• Due until

– 22nd September 11:59 pm

Lecture #5 IIT_UX Theory 14

Page 15: Week 03 Affordance & UAF assignments

ToT QR Code

Lecture #5 IIT_UX Theory 15