Information Design in Language Data

Session 1: Introduction

Ahmad Haj Mosa

PwC Austria & FH Campus Wien

Vienna 2023

About me

Contents

 

 

  • What is information

     

  • What is information Design

     

  • Examples of information Design

     

  • Examples of language Data

     

 

  • Course outline

     

  • Syllabus and Assessments

     

 

What is Information?

What is Information

f

Knowledge obtained from investigation, study, or instruction

Facts

Intelligenece

News

Data

Instructions

Instructions

Messages

Communication or reception of knowledge or intelligence

https://www.merriam-webster.com/dictionary/information

What is Infomration

Information

Definitely true

Vitally important

Noninformation

Possibly true,

Possibly not true,

Probably not important, Possibly confusing

Designing information - Joel Katz

What is Infomration

Misinformation

Definitely not true

Important to avoid

Disinformation

Deliberately not true,

Used tactically to mislead

Designing information - Joel Katz

Disinformation

The inflatable tank is and example of disinformation used prior to Normandy landing in 1944

Disinformation

https://www.bmi.bund.de/SharedDocs/topthemen/EN/toptopic-disinformation/examples-of-russian-disinformation-and-the-facts.html

Comparison

https://www.rd.com/article/misinformation-vs-disinformation/

What is Design?

Design?

Design is a discipline of study and practice focused on the interaction between a person — a ‘user’— and the man-made environment, taking into account aesthetic, functional, contextual, cultural and societal considerations.

Hans Hofman, Artist, Educator

Design is the intermediary between information and understanding

https://www.theicod.org/en/professional-design/what-is-design/what-is-design

Design?

to design interactions with equipment that are easy, natural, and as pleasent as possible. This involves solving many problems in the desing of the human-computed interface

Information Design (The MIT Press)

To develop documents thar are comprehensible, rapidly and accuratly rertiveable, and easy to translate into effective action

Information Design (The MIT Press)

Design?

To enable people to find their way in three-dimensional space with comfort and ease-espicially urban space, but also, given recent developments, virtual space

Information Design (The MIT Press)

Design?

Designer

Data

Audience

Context

Visual form

Information

User(s)

Designing Information: Human Factors and Common Sense in Information Design

Design?

Functional Design

Non-functional Design

User-centered

Pragmatic

Accessible

Self-referential

Theoretical

Inaccessible

Designing Information: Human Factors and Common Sense in Information Design

When the design fails?

When the design fails?

Designer

Data

Audience

Context

Visual form

Information

User(s)

When the design fails?

Designer

Data

Unable to understand the meaning of data

Unable to understand the audince

Concerned with designing visual compelling graphics 

Incomplete, skewed, oversimplified

Lack of insights or relationships

Too dense, arcane, or technical

Designing Information: Human Factors and Common Sense in Information Design

When the design fails?

Audience

Lack of visual literacy or education

Lack of specialized intelligence

Lack of interest in the subject

Designing Information: Human Factors and Common Sense in Information Design

When the design fails?

Automotive sections in newspapers are generally chaotic with high dense and not well organised data

When the design fails?

When the design fails?

This chart represents obama healthcare system, released by the republicans  

Designing Information: Human Factors and Common Sense in Information Design

Don't Make Me Think

Don't Make Me Think: A Common Sense Approach to Web Usability (Voices That Matter)

Exercise

Task 1

Task: Design a parking sign

This street is a tow zone

Information to be included: 

No stopping on both directions from 3:30 PM to 6:30 PM and 10:00 PM to 06:00 AM

Truck loading only on both directions from 06:00 AM to 10:00 AM (limit 1 hour)

Passenger loading only on the left direction from 10:00 AM to 03:30 PM or from 6:30 PM to 10:00 PM  (limit 20 min)

Parking allowed on the right direction from 10:00 AM to 03:30 PM or from 6:30 PM to 10:00 PM

Pay at Kiosk

Task 1

Designing Information: Human Factors and Common Sense in Information Design

Task 2

Task: Design a visual illustration about coffee types in components between

Components: Espresso, Milk Foam, etc

Information to be included: 

Percentage or volume of a component

Types:

Espresso contains only espresso

Caffe Latte 1/3 espresso, 2/3 Steamed Milk, 1/3 Foam

Cappuccino 1/3 espresso, 1/3 Steamed Milk, 2/3 Foam

Types of information

Space

Maps, Geography, Layouts, Floor,...

Time

Day, Year, Steps ,...

Numbers

KPIs, Temperature, Volume 

Facts / Events

Climate Change, Pandemics 

All in one Design?

Ethics in Design

Ethics in Design

Ethics in Design

Ethics in Design

Language Data

Language Data

Language Data

Language Data

Tools for Design

Figma

Adobe XD

Sketch

Course Outline

Design?

History and definition of Information Design

Design Thinking

Data storytelling

Human-AI interaction design guidelines

Language Data

​​​​​​​Ethics of information design

A/B testing for UX/UI design


Information Design Session 1

By ahmadadiga

Information Design Session 1

  • 132