Upload
asmina-shaikh
View
213
Download
0
Tags:
Embed Size (px)
DESCRIPTION
A documentaion of a week long workshop in information design and visualation of data with inputs in coding techniques.
Citation preview
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