CS449/649: Human-Computer Interaction Spring 2017 Please sit with - - PowerPoint PPT Presentation

cs449 649 human computer interaction
SMART_READER_LITE
LIVE PREVIEW

CS449/649: Human-Computer Interaction Spring 2017 Please sit with - - PowerPoint PPT Presentation

CS449/649: Human-Computer Interaction Spring 2017 Please sit with your team Lecture IX Anastasia Kuzminykh Zone of Proximal Development Create Design Ideas Exercise: time management application Create Design Ideas Prototype Design


slide-1
SLIDE 1

CS449/649: Human-Computer Interaction

Spring 2017 Lecture IX

Anastasia Kuzminykh

Please sit with your team

slide-2
SLIDE 2

Zone of Proximal Development

slide-3
SLIDE 3

Exercise: time management application

Create Design Ideas

slide-4
SLIDE 4
slide-5
SLIDE 5

Information Architecture - structural design

  • f shared information environments

Users flow through your product Catalog user’s information Presentation of the information Decision driving function Prototype Design Create Design Ideas

Richard Saul Wurman

slide-6
SLIDE 6

Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas

slide-7
SLIDE 7

Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas

Practice of classification based

  • n hierarchical

relationship. Parent-child hierarchies

slide-8
SLIDE 8

Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas

Practice of classification based

  • n hierarchical

relationship. Parent-child hierarchies Practice of classification based

  • n non-hierarchical

relationship. Public tags and their frequencies

slide-9
SLIDE 9

Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas

Practice of classification based

  • n hierarchical

relationship. Parent-child hierarchies Practice of classification based

  • n non-hierarchical

relationship. Public tags and their frequencies Practice of classification based

  • n sociological -

epistemological view. Indexing is suited to fulfill a task by specific group

slide-10
SLIDE 10
slide-11
SLIDE 11

Prototype Design Prototypes

  • interactive design model of the product

Low-fidelity High-fidelity Breadth - number

  • f covered features

Depth - degree of

functionality

Appearance -

building means

Input methods -

device mediation

VS

slide-12
SLIDE 12

Prototype Design Prototypes

  • interactive design model of the product

Low-fidelity High-fidelity

Tangible & Testable Artifacts Low-tech High-tech Partial functionality “Full” functionality Simulated interaction True interaction

slide-13
SLIDE 13

Prototype Design Prototypes

  • interactive design model of the product

Low-fidelity High-fidelity

Tangible & Testable Artifacts Low-tech High-tech Partial functionality “Full” functionality Simulated interaction True interaction

slide-14
SLIDE 14

Prototype Design Paper Prototypes Early feedback Experiment with alternatives Lo-fi appearance / input Interactive Simulation of a back-end Hi-fi depth / breadth Big picture focus

slide-15
SLIDE 15

Prototype Design Paper Prototyping Tools

slide-16
SLIDE 16
  • Flickr. CannedTuna
slide-17
SLIDE 17

Prototype Design Paper Prototyping Tips Work fast! Make it large Add ideas as they come Make it monochrome One sketch per screen Use audio description Preprint widgets