Digital Design
Daniel Ricardo Echeverri Giraldo, PhD
Digital Design
Info
Term
Autumn 2021

Bachelor and Master’s degree course is a continuation of PV083 Graphic Design II and PV067 Typography II. The aim of this course is to create interactive content for digital devices using visual communication, animation, illustration, and information graphics. In the process, students will obtain knowledge of various publication and digital prototyping platforms and software. Students are expected to a pro-active approach to solving new technological procedures and familiarize themselves with different user-centered design methods.

Chapter contains:
2
PDF
1
Study text
Teacher recommends to study from 13/9/2021 to 19/9/2021.
Chapter contains:
1
Study text
4
Web
Teacher recommends to study from 20/9/2021 to 26/9/2021.
Chapter contains:
1
Study text
3
Web
Teacher recommends to study from 27/9/2021 to 3/10/2021.
Chapter contains:
4
PDF
1
Study text
Teacher recommends to study from 4/10/2021 to 10/10/2021.
Chapter contains:
1
Study text
Teacher recommends to study from 11/10/2021 to 17/10/2021.
Chapter contains:
1
Homework Vault
1
Study text
Teacher recommends to study from 18/10/2021 to 24/10/2021.
Chapter contains:
1
Study text
7
Web
Teacher recommends to study from 25/10/2021 to 31/10/2021.
Teacher recommends to study from 1/11/2021 to 7/11/2021.
Chapter contains:
1
Study Materials
1
Study text
Teacher recommends to study from 8/11/2021 to 14/11/2021.
Teacher recommends to study from 15/11/2021 to 21/11/2021.
Teacher recommends to study from 22/11/2021 to 28/11/2021.
Teacher recommends to study from 29/11/2021 to 5/12/2021.
Teacher recommends to study from 6/12/2021 to 12/12/2021.
Teacher recommends to study from 13/12/2021 to 19/12/2021.

Week 1: Introduction and Assignment 1

The consulates of several Latin American countries are preparing an outdoor exhibition of Latin American artists at Luzánky Park next Spring. This exhibition will include paintings, sculptures, music, and film from Argentina, Brazil, Colombia, and Mexico. For the exhibition, the organizers will set up digital kiosks (touch-enabled displays) throughout the park that will allow visitors to learn about the artists, the artworks, experience the music and videos, as well as find information about the location of park’s facilities such as bathrooms, public phones, ATMs, and public transportation.

Your task in this project is to design the interface and the content of the kiosks for the exhibition. It is up to you to conduct research and decide the exhibition‘s theme, what kind of content people can access, the artists and artwork featured, and collect all visual mate- rial. Prototyping for this assignment will be done exclusively using Adobe InDesign, while creating any multimedia content can rely on other software. Kiosks will be designed using 1080p resolution in 55” displays in vertical format.

To submit:

• Original InDesign files
• Video walkthrough of the features.

MUST READ:

Jacob, R. J., Girouard, A., Hirshfield, L. M., Horn, M. S., Shaer, O., Solovey, E. T., & Zigelbaum, J. (2008). Reality-based Interaction: A Framework for Post-WIMP Interfaces. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 201–210. Florence, Italy: ACM. Retrieved from http://dl.acm.org/citation. cfm?id=1357089

Valli, A. (2008). The Design of Natural Interaction. Multimedia Tools and Applications, 38(3), 295–305. doi: 10.1007/s11042-007-0190-z


Assignments

1. Required: Read Valli (2008) and Jacob et al (2008) papers on tangible interaction

2. Research: Start planning and collecting the content

3. Define the theme of the exhibition.

Week 2

Activities

1. In class work: Information structure

Assignment

1. Navigation map

Videos

Some additional references

Wigdor, D., & Wixon, D. (2011). Brave NUI world: Designing Natural User Interfaces for Touch and Gesture. Burlington, MA, US: Morgan Kaufmann.

Ishii, H., Lakatos, D., Bonanni, L., & Labrune, J.-B. (2012). Radical atoms: Beyond tangible bits, toward transformable materials. Interactions, 19(1), 38–51.

Ishii, H., & Ullmer, B. (1997). Tangible Bits: Towards Seamless Interfaces Between People, Bits and Atoms. Proceedings of CHI ’97, 234–241. Atlanta, GA, US: ACM Press. doi: 10.1145/258549.258715

Ullmer, B., & Ishii, H. (2000). Emerging Frameworks for Tangible User Interfaces. IBM Systems Journal, 39(3.4), 915–931. doi: 10.1147/sj.393.0915

Ullmer, B., Ishii, H., & Jacob, R. J. (2005). Token Constraint Systems for Tangible Interaction with Digital Information. ACM Transactions on Computer-Human Interaction, 12(1), 81–118.

Week 3

Activities

1. Group consultation: Research and work plan

2. In class work: Initial Mockups – Interface design

Assignments

1. Continue compiling content

2. Create InDesign Master Pages

3. Watch (if necessary):

Create dynamic e-books and e-magazines (external link)

Add interactivity (external link)

Video

Week 4


Activities

1. In class work: Apply content and develop mockups

2. Consultation

Methods Activity

Assignments

1. Apply design and content to masters

2. Bring next class printouts (BW or Color) of each screen/section

Week 5


Activities

1. Group exercise: paper testing

Assignments

1. Iterate design based on testing

Week 6: Assignment 1 Submission

Activities

1. In-class work: Finish content and mockups

Assignments

1. Submission at the end of week 6 (10/24 11:00 pm)

2. Visit car dealerships in town and see what are the current design trends in dashboard design and the type of information presents to the user. I suggest particularly looking at the dashboards of electronic or hybrid cars like the BMW i3, the Nissan Leaf, the KIA EV6, the Skoda ENYAQ iV among others. These cars are available in car dealerships across Brno.


Assignment1-Interactive Kiosk
Please upload here your InDesign package, scans or images of your process, and the Walkthrough video.

Week 7- Assignement 2: Autonomous Driving Car Dashboard


In class work:

After visiting the car dealership, let's think about what specific needs the driver might have when going from one place to the other? How do these needs differ from a regular human-driven car?

Research, inspiration, and pain points/opportunities

Reference Lecture:

Design Frameworks

Assignment


1. Pain points/Opportunities using POEMS or 5 E framework
2. Required reading:
Chapter 95 “User Journey Maps” of Universal Methods of Design (Martin & Hannington, 2012)

Videos about Autonomous Cars (PLEASE WATCH)

Week 8

Week 9


In class work:

Initial idea and journey maps.

Initial Design Exploration


Short Lecture: The Urge Theory

110921 Urge Theory
Download today's presentation here

Next Week:

We will do some initial paper prototyping and testing of the dashboard. Define specific scenarios that we can test.

Week 10

Week 11

Week 12

Week 13

Week 14