interaction design 2017 recap and presentaton ii...high fidelity: close match of visual and...
TRANSCRIPT
![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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/2.jpg)
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 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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/4.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/5.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/6.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/7.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/8.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/9.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/10.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/11.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/12.jpg)
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 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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/14.jpg)
Svenja Dittrich ([email protected])
IXD 2017
GUI: GRAPHICAL USER INTERFACE
TUI: TANGIBLE USER INTERFACE
![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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/16.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/17.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/18.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/19.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/20.jpg)
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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/21.jpg)
Svenja Dittrich ([email protected])
IXD 2017
10. Name the six steps of an user experience design process
![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:](https://reader033.vdocuments.us/reader033/viewer/2022042305/5ed107d25c5c036d3e53210f/html5/thumbnails/23.jpg)
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