Upload File

interaction design 2017 recap and presentaton ii...high fidelity: close match of visual and...

  • Home
  • Documents
  • INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:
23
INTERACTION DESIGN 2017 RECAP AND PRESENTATON II

Upload: others

Post on 27-May-2020

3 views

Category:

Documents


0 download

Report

TRANSCRIPT

Page 1: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

INTERACTION DESIGN 2017

RECAP AND PRESENTATON II

Page 2: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

GETTING STARTED

Goals of Today: 1. Recap Session

2. Think about one question that could be asked in the exam

3. Present your prototypes

Page 3: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

1. Name four types of interaction „beyond the desktop“

Page 4: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

1. Shareable interfaces

2. Tangible interfaces

3. Wearble interfaces

4. Robotic interfaces

Page 5: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

2. Explain the difference of high fidelity and low fidelity and name one prototyping strategy each

Page 6: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

High fidelity:

Close match of visual and interaction

design how the final product should look like - Justinmind Prototype

Low fidelity:

Low in details and interactions, simple and sketchy, has characteristics of target

product - Paper Prototype

Page 7: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

3. Name and briefly explain two of the ten usability heuristics by Jacob Nielson

Page 8: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

CONSISTENCY AND STANDARDS

Users should not have to wonder whether different words, situations, or actions

mean the same thing

VISIBLILTY OF SYSTEM STATUS

The system should always keep users in- formed about what is going on, through

appropriate feedback within reasonable time.

Page 9: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

4. Which law can you use to calculate which menu allows the user to select the options “0” and “7” faster?

Page 10: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

FITTS‘ LAW

The time to acquire a target is a function of the distance to and width of the target.

Page 11: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

5. Explain „Affordance“ in one sentence and give one example

Page 12: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

According to Norman (1988) an affordance is the design aspect of an object which suggest how the object should be used; a visual clue to its function and use.

Example: Doorhandle

Page 13: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

6. What does GUI and TUI mean?

Page 14: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

GUI: GRAPHICAL USER INTERFACE

TUI: TANGIBLE USER INTERFACE

Page 15: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

7. Who was Douglas Engelbart again?

Page 16: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

Douglas Engebart American engineer and inventor, and an early computer and internet poineer. Invented the mouse and was highly relevant founding the fi-led of human computer interaciton

Page 17: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

8. Name 2 types of questionaires you could use for your user testing - explain in one sentence what they measure

Page 18: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

1. INTUITI

Measures a global rating of intuitiveness

2. ATTRACTIVE

The format of the questionnaire supports users to immediately express feelings,

impressions, and attitudes that arise when they use a product.

Page 19: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

9. Explain „Wireframes“ and give an example in which phase of the design process they appear.

Page 20: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

Skeletal frame model of a screen in wich only lines and forms describe the screens content and functionality

Prototyping - especially in paper prototyping

Page 21: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

10. Name the six steps of an user experience design process

Page 22: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

Page 23: INTERACTION DESIGN 2017 RECAP AND PRESENTATON II...High fidelity: Close match of visual and interaction design how the final product should look like - Justinmind Prototype Low fidelity:

Svenja Dittrich ([email protected])

IXD 2017

EXAM

Monday 31.07.2017 at 8 - 11 amRoom M 018 at Geschwister-Scholl-Platz 1

Closed Book

BRING YOUR SKETCHBOOKS


FIDELITY BROKERAGE RETIREMENT CUSTOMER ......traditional, rollover, and SEP IRAs), Fidelity Roth IRAs, Fidelity SIMPLE-IRAs, and Fidelity Retirement Plan accounts [Profit Sharing,

Study of interaction fidelity for two viewpoint changing

JustinMind User Guide - Temple Fox MIS

Application development process - ziedzaier.comziedzaier.com/wp-content/uploads/2016/08/Interaction-Design... · •Justinmind Prototyper •Xcode •Codiqa. Justinmind Prototyper

MultiFi: Multi-Fidelity Interaction with Displays On and Around the … · 2015. 2. 25. · MultiFi: Multi-Fidelity Interaction with Displays On and Around the Body Jens Grubert1,

October 13th 2014 LECTURE 11 USABILITY -PROTOTYPINGliacs.leidenuniv.nl/~verbeekfj/courses/hci/hci2014-L11.pdf · Prototype Cognetics Prototype High-Fidelity Usability testing Interaction

Jaye Brown Deckjaye-brown.com/Jaye Brown Deck-sm.pdf · Interaction design deliverables • Workflow diagraming • Wireframes • Final high-fidelity mock ups Stanford Research Institute

Fidelity Personalized Planning ... - Fidelity Investments

Justinmind Developer's Guide

Prototyping of Interactive Surfaces · Low Fidelity Prototyping • Limited or no functionality • Cannot respond to user input automatically • Inconvenient to test interaction

Kaushik Balakrishnan- On the High Fidelity Simulation of Chemical Explosions and their Interaction with Solid Particle Clouds

Filtering data and hiding elements width Justinmind Prototyper

Fidelity Global Disciplined Equity Class of the Fidelity

A Contribution to Full-Scale High Fidelity Aircraft ... High Fidelity... · Full-scale crash methodology is systematically developed •Computational Theory •Fluid-structure interaction

Investor Class and Fidelity Advantage Class (Fidelity

1 High-Fidelity or Low-Fidelity when prototyping for Human- Computer Interaction Sofia Carlander Kinoshita Laboratory 2004/2005

Justinmind Prototyper

Fidelity Global Consumer Industries Class of the Fidelity ...Fidelity Global Consumer Industries Class of the Fidelity Capital Structure Corp. ... quarterly portfolio disclosure relating

JustinMind Prototype Introduction Assignment Lab 2 · File asit View Help Widgets i0S7 Controls Q & Roboto What like to do Justinmind Prototype Introduction Lab2 Regular Justinmind

High Fidelity Modeling and Simulation of SFS …sokocalo.engr.ucdavis.edu/~jeremic/...High Fidelity Modeling and Simulation of SFS Interaction: Energy Dissipation by Design Boris Jeremi´c

Evaluating Display Fidelity and Interaction Fidelity in a

JustinMind Prototype Introduction Assignment Due on3/17/2015 · JustinMind Prototype Introduction Assignment Due on3/17/2015 Create a new prototype Select a device template

Where Are We? We know about… –Learning about users and tasks –Conceptual models, mental models, metaphors, interaction styles/modes –Low-fidelity prototyping

Low-Fidelity Prototyping · Fidelity in Prototyping Fidelity refers to the level of detail High fidelity? – Prototypes look like the final product Low fidelity? – Artists renditions

A High-Fidelity and Low-Interaction-Delay Screen Sharing

JustinMind Prototype Introduction Assignment Lab 2 · 2017-01-11 · JustinMind Prototype Introduction Assignment Lab 2 Create a new prototype Select a device template One page containing

Case Study - OneSpringonespring.net/docs/os-case-study2.pdf · 2013 OneSpring LLC. Mobile Reporting 2 OneSpring developed a high-fidelity JustInMind Prototyper Pro simulation modeling

Supplemental Information: Fidelity Go Fidelity ......Supplemental Information: Fidelity Go ... 3. Fidelity Go® and Fidelity® Personalized Planning & Advice Brochure Supplement 4

IPS Fidelity Scale - Centre for Mental Health...Review Fidelity Review score last Review Fidelity level last review Exemplary Score 115-125 Good Fidelity 100-114 Fair Fidelity 74-99

High-Fidelity Haptics in Multimodal Human-Robot Interaction

High-Fidelity Multidisciplinary Sensitivity Analysis for Coupled Fluid-Solid Interaction Design

©2011 INTERACTION DESIGN Chapter 6. ©2011 Low-fidelity Prototype Source: Heim, S. (2008), p. 188

Sketching UX: Low-Fidelity Method; High-Fidelity Results

Justinmind Prototyper's First Steps

High-Fidelity Coupled Fluid-Structure Interaction …kfid/MYPUBS/Ojha_Fidkowski...Vivek Ojha∗, Krzysztof J. Fidkowski†, and Carlos E. S. Cesnik ‡ Department of Aerospace Engineering,