25-29 July 2011 Graphic Design | UG 09National Institute of Design, Ahmedabad

Interactive Design WorkshopA N D R E A S S C H N I D E RA N D R E A S S C

2 - 140

Index

IntroductionHow Did We StartWhat Is The IssueThe Data CollectionMaking sense out of the DataOur Design IdeasOur Final ProposalLearningWhat we browsed and foundPeople

3 - 140

Using available databases to we have to create visualizations addressing current problems. A systematic approach of analyzing and filteration of datas is followed for a speedy and productive outcome. A need to provide cognitive design solutions linking information, interface and interaction with a user-centric approach, while considering the context and constraints, was recognized. For this purpose we worked with systems within our campus to offer solutions.

Introduction

Growth of a student of Graphic Design at NID

G D G

How did we start?initial ideating

In our initial brainstorming sessions we mainly discussed about socially mapping particular areas in NID. We wanted to create a an informative yet interactive map. A map that informs you about where and what are the latest events taking place on campus daily.We also discussed the possibility to provide information on the courses taking place for every dicipline. It is this idea that we further developed and worked on over the next week.

5 - 140

ConceptGrowth of a student of graphic design

We decided to work upon the visualisation of the growth of a student of graphic design at NID. Creating a visual that would give an idea of the curriculam spaning over eight semesters. We focused on the order, category, time and credits of individual courses. This put together on a timeline helps us deduce the patterns within the structure. Also providing space for critically analysing the current curriculam and help improve it for the furture.

6 - 140

Growth of the idea

7 - 140

How did we collect the data?collection and analysis

We collected the schedules of all the eight semesters for every year from the year 2006 to 2010. The information was in a digital format (excel files) therefore easy to deduce form.

Our sources:Records from the academic office.Records from the ex co-ordinator of Graphic Design.

8 - 140

Making sense of the dataanalysing, deducing and categorising

After collecting we arranged and re-categorised the data on excel. We started with naming the files and re-arranging them in folders for each year. Next we listed the parameters that were already present in the current timetable and further improvised them. Then we made a list of the further possible classifications like merging related information. Finally moving on to our own excel tables based own our classifications.

9 - 140

Next we listed the parameters that were already present in the current timetable and further improvised them. Then we made a list of the further possible classifications like merging related information.

Finally moving on to our own excel tables based own our classifications.

manually analyised data

10 - 140

comparing order of courses

comparing the week units and credits

12 - 140

Our design ideassketches.visualisations.

Since we were creating a timeline we decided that our visualisation had to have a linear flow to aid direction. Started with an organic vertical spiral timeline, but it lacked context so we moved on to creating a a time line out of a hexagon tesselation. The problem there was that no two courses are held at the same time therefore we had to follow a more linear structure. We finalised on creating a timeline using blocks.

13 - 140

hexagon tesseslation

14 - 140

building block that would provide different contour for each year.

15 - 140

different variations for the timeline

Colo

ur a

nd F

orm His

tory

of A

rt

Cons

truc

tion

Dra

win

g

Phot

ogra

phy

Colo

ur a

nd F

orm

ll

Typo

grap

hy ll

Basi

c G

raph

ic D

esig

n

Prin

ting

Tech

nolo

gy

Visu

al L

angu

age

Ope

n el

ectiv

es

Conv

ocat

ion

His

tory

of D

esig

n

Typo

grap

hy 1

Com

mun

icat

ion

Stud

ies

Illus

trat

ion

SLA

Sem

iotic

s

16 - 140

visualising the final timeline using building blocks

17 - 140

visuals on the timeline

18 - 140

the timeline on a spread format

19 - 140

What became our final proposalthe timeline

In our final proposal we presented statistical data visually on a timeline that shows the growth and the learning process of a student of Graphic Desgin at NID. This digitised timeline made on indesign and attempted through scripting using apple script and indesign.

20 - 140

front

back

22 - 140

23 - 140

What we learnedoverview

During this one week from the amount of work done and executed we have not only been made aware about the importance of interactive design but also its benefits.Starting with the collection of data, where we had to keep incheck that our sources are most reliable. The most challenging and exciting part was what we can deduce from the data. When we tried to analyse the data we came with so many interesting apects that we hadn't noticed in the data before.24 - 140

Moving on to the visualisation aspect we learned how to smartly use visual cues and colour coding to reduce data on the visual. We also tried to generate the visuals by using scripting which is very useful when you repetitive data. Using the same logic for a script, there is also a possibility to generate different patterns using dynamic data and further making it comparable.

25 - 140

Overall we feel that this workshop taught us about how we can effectively communicate chunks of data by classifying, categorising and giving it a visual treatment. From where we started to where we reached, it is the process that was most crucial because we criticaly anaylisesd each step which was taught us somthing new.

26 - 140

About us

Asmina ShaikhAurangabad | MaharashtraSemester 5 | Graphic Design

Kautuk TrivediNagpur | MaharashtraSemester 5 | Graphic Design

Latika NehraGurgaon | HaryanaSemester 5 | Graphic Design

27 - 140