sonika gondval · one-stop-shop for providing a complete gifting experience right from the moment...
TRANSCRIPT
DESIGN PORTFOLIOSONIKA GONDVAL
EDUCATIONIndian Institute of Technology, KanpurMaster of Design (M.Des) - (2012-2014)
G.B. Pant University Of Agricultural and Technology, PantnagarB.Tech (Computer Engineering) - (2007-2011)
Kendriye Vidhalaya, RoorkeeXII (C.B.S.E) - 2007
Adarsh Bal Niketan, RoorkeeX (C.B.S.E) - 2005
9.25/10 (CGPA)
7.046/10 (CGPA)
86%
78.8%
EXPERIENCE
ACHIVEMENTS
G.B. Pant University Of Agricultural and Technology, PantnagarTeaching Personnel- (Aug 2011- May 2012)
Arnium Technologies Pvt. Ltd.Designer- (May 2013- July 2013)
Design Project selected to work in collaboration with Hindustan Unilever Ltd.CODE’13 (48 hrs Design Jamming organised by Hindustan Unilever Ltd.) - Jury Appreciation Award
SONIKA GONDVAL
TypographyThesis Project
Individual
This study aids in exploring the association of typeface design characteristics to emotions. Further, it aims to provide design cues which would be helpful for designers for selecting and designing an appropriate type for a particular context. The study of emotions is based on ‘Rasa theory’ which has never been used in this context before.
Emotions in Typography
TLiterature Review to find the research gaps in the study
MotivationDefining research problem,generating Research questions & objective.
Research Methodology, material and procedure, User testing
Data analysis and findings
Final Design
Type and Emotion Research Gaps
Typography is a critical tool in visual communication because typeface can evoke emotions.Selecting a appropriate typeface to express and communicate is very important.
There is only handful of researches available on emotions in typefaces which discuss the typefaces’ anatomical features associated to specific emotion.
Previous studies have also failed to use a systematic typeface selection process.
A limited number of studies have attempted to evaluate the emotion of on-screen typefaces.
Researchers did not addressed why people rate these emotions
The theory of emotion in Indian context has never been used to identify emotions in typefaces.
Lack of realistic string as a stimuli format.
Tone of voice- the tone of typestyle can distract and attracts from its content.
Emotion can help people quickly judge the importance of a message.
Emotions play a critical role in one’s everyday life, affecting our thinking, decision-making,feeling , behavior, and presenting instantaneous information about one’s surroundings.
Typefaces can communicate more than the apparent written meaning due to its visual characteristics.
The emotional connotation of type can be defined as "a correspondence between content and visual form.”
1
TypographyThesis Project
IndividualEmotions in Typography
Research Problem
Research Methodology
Selection of
sample typeface
typefaceDesign
Characteristics
Variation of selectedtypeface
Stimuli &
QuestionnairesUser-testing
Analysisand
Findings
Design cuesfrom
typefaces
IncorporatingDesign cues
in a new typeface
Conclusion
Selection of
Emotionstheory
Selection of type sample
Apple Gothic
HelveticaNeue
Courier
Geneva sans
Helvetica
Zapf Dingbats
Times New
Roman
Menlo
.
Selection of Emotional Theory
RasaŚrngāramHāsyamRaudramKārunyamBībhatsamBhayānakamVīramAdbhutamŚāntam
EmotionLoveHappinessAngerSorrowDisgustFearHeroic
HappinessLove
WonderCalmness
Indian theory of “Navarasa”
Selected Typographic Design Characteristics
Identifying design cues which would assist experts and amateur designer understand the emotion in a typeface that matches the intended tone of a context for designing. Also, associating the study of Navarasa to design characteristics of a typeface and thus designing new typefaces based on these characteristics to reflect specific emotions.
Times New Roman, Courier New and Helvetica are selected as sample typefaces
These seven typographic characteristics were selected
2
TypographyThesis Project
IndividualEmotions in Typography
43 Participants completed the first questionnaireand only 22 filled both.
Typefaces can communicate connotative meanings.
Typefaces have visual language which is responsible for generating emotions in viewer.
Heroic Ascender Descender (increased),Contrast-thick (increased),
Weight Increase
Weight Decrease
Width Increase
Width Decrease
Contrast thick Increase
Contrast thick Decrease
Contrast thin Increase
Contrast thin Decrease
Ascender-Descender Increase
Ascender-Descender Increase
Stem-width Increase
Stem-width Decrease
bqbq
AA
DD
OOOO
Cap-height Increase
Cap-height Decrease
TT
xx
HH
Visual Cues for emotions
Variation of selected type
Findings
X-Height Increase
X-Height Decrease
Emotions were associated with the anatomical features.
It appeared that anatomical features, associative meaning and previous experience played a role in participants’ assessments.
The context have effect on typeface used.
It has been observed that a typeface used for a particular context will absorb aconnotative meaning. In a sense, the typeface borrows meaning from the context where it was used.
Two Questionnaires were presented in front of participant typefaces with and without context, the context used here is movie post
User testing and data analysis of the data collected was done to get the results
Stem-width (increased), Weight (increased); Happiness Stem-width (decreased)Calmness Contrast-thick (decreased), X-height (decreased)Fear Width (decreased)Wonder Cap-height (decreased)Disgust X-height (decreased)
Emotion Associated typographic feature
3
TypographyThesis Project
IndividualEmotions in Typography
Stem-width Weight AscenderDescender Contrast 1 2 3 4 51 2 3 4 5 Stem-width Weight AscenderDescender ContrastIncreased
IncreasedIncreasedIncreasedIncreased Thick
Times new roman
1
2
3
45
I LOVE TYPOGRAPHY
Times new roman having visual cues for heroism.
1 2
3
4
5
I Love TypographyI LOVE TYPOGRAPHY
4
Anatomy of TIMES NEW ROMAN and TIMES NEW ROMAN (HEROIC)
Exploration of type styles by imbibing visual cues of Heroic emotion
H HeroismAscender-Descender increase,
Contrast thick increase, Stem-width increase,
Weight increase.
‘Gift’emotions’ is a service based web application that provides a complete gifting experience for an emotionally oriented gifter who is looking forward to a heartwarming essence beyond the obvious.
Design Problem
User Research Benchmarking of existing solution
User Interviews Informal Talks One-on-one Interviews Online interviews Telephonic interviews
Online research -Literature Research (secondary research)
Methods used for research
Sudden Happiness
purposeful and needful gifts
Social Networking
Excitement
Pack of smile
memories
love and affection
People are at times confused about what to gift and whom to gift. Also, with the increasing distances between people and due to the lack of time, it has become difficult for them to gift their loved ones in person and meet them,But at the same time, in this market of e-commerce everything has been commercialized so much that the emotions and related values are missing.
Behavioural based segmentation
Potential User
The target users are time pressed, distant apart and emotionally oriented gifter who is seeking for an overall experience.
Shops : Time Consuming, Decision making
Mobile applications: Limited options
Gifting Sites: lack the personal touch, its more commercial affair
Online shopping Stores:: lack of customisation,looses essence of gifting due to invoice, lack of trust
Cards- still popular no time to go and buy
delivery boys
shops
websites
Media
mailing services
Individual
Mobile applications
Touch points
What is gifting?
State of internet in India
for existing gifting solutions
UX/UIAcademic ProjectTeam members: 4
Redefining the Design brief
Gift’s Emotions
6
Gift’s EmotionsUX/UI
Academic ProjectTeam members: 4
Persona and Scenario
Brainstorming
Implementation
Paper prototype and User Testing
Gift’emotions
Gift Memories
Gift LiveExperience
Gift Articles
Gift Ideas Post your ideas
Add to Basket
Add to Basket
Add to Basket
Add to Basket
Add to Basket
Make payment
Storyboard Us
Collage
Send meour chats
Lover Boy : AbhinavAge: 25Software Engineering
Information Architecture
Home page Gift memories page
Story boarding page Gift a live Experience page
Second paper prototypeFirst paper prototype
Home page
7
Gift’s EmotionsUX/UI
Academic ProjectTeam members: 4
Final Concept Design
One-stop-shop for providing a complete gifting experience right from the moment of having a thought of gifting till the gift reaches your special one.
limited options at one place
one-stop-shop for complete gifting
Cluttered Web Solution
Minimal design and trifurcation Gift memories, Gift experience, Gift Articles.
Time Pressed, distance
Web Application, Easy to reach
Want to give something SpecialGift idea
Lacking on budgetGroup gift with your friends and family
Lack of emotions
story boarding, share the gossip, customisation, Return Gift cards, Gift wrapping, senders note and delivery etiquettes
5001000
one stop
Gift Emotions
8
D
Gyroscopic-enabled virtual realityUslide and shake to play the game
Concept : Gameplay is in the form of story of a boy lost in the dark forest.
Collect apples and pass the hurdles
M
are coordinated by using tagging feature through code.
W
User enters the game
Headphones highly recommended
listens and rush through the forest
1
DarkRush
9
A common plaorm for visually imapred kid and normal kid to play the game.
User
10
Color Palee
Why used Black color for the screens of the game play ?
As it is an audio based game, no visual is used at all.to give the same gaming experience for both visual impaired and normal kids.
New audiotory adventure game.Experience the worldaround you by use of hepc senses
Team project : 4 members
Logo Designed for the applicaon
Inspired from the visit to bilnd school
T Y P F A C EE
T
11
T
Due to lack of coherence and uniqueness in visual identity of IIT Kanpur, there is need to design a new signage typeface for the institute to retain its identity. Designed a signage typeface for Indian Institute of Technology Kanpur that reflect the traits of both Indian-ness and Technical-ness in it.
De�ning the design problem
Des
ign
Pro
cess
Learning Thinking Creating
Research about theexisting typefaces
how these visual cues can be implemented
Method for taking visual clues
Iteration
user testing
feedback
Designing di�erenttypestyles
Final design
Redesign
Studying the typeface andtheir anatomy
selection
A case study of assimilating visual cues of Indian-ness and technology-ness in the design of a signage typeface for an Indian technical institute. The type face of a technical institute should reflect not only its primary function but also its cultural context. Though there are ample numbers of available typefaces, none of the fonts adequately reflect both Indian-ness and technology-ness.
Study of existing typefaces used by the institute
Problem statement
Visual Cueing Process
Visual cues for Visual feature of These two cues are combined and Basic structure Curvilinear feature imbibed on the single glyph
Doorway Feature Sharp edges These two cues are combined and imbibed on the single glyph
Imbibiing visual cues which are extracted out of mood boards of Indian-ness and technology on a single glyph “A”
Visual Clues for technology•Basic shapes•Color –White, black, sliver•Shape edges•Glossy•Geometrical structure•Sleek•Faceting at edges
Visual Cues for Indian-ness•Vividly colored•Rich detailing•Ornamentation•Thin lines •Curvilinear features
After exploring different typestyles, then 52 typestyles are tested with users. Rating of all the parameters for a single typestyle. These 6 styles are selected which are rated high by users. Final glyph is selected from the above 6. The visual characteristics of the selected glyph were then imbibed on to other letter forms and typographic illuisionsare also added to letter.
TypographyAcademic Project
IndividualTypeface Design
12
Imbibing visual cues
Exploration of typestyles
Signage Typeface Design
A
A C E F G
H I L N O S
UT Y
INDIAN INSTITUTE OF TECHNOLOGY
INDIAN INSTITUTE OF TECHNOLOGY
Thin line Stroke
Thick Stroke
A new signage typeface for the Indian Institute of Technology Kanpur that reflected the cues of both Indian-ness and technology-ness. The visual clues are drawn from the Indian culture and the latest technology and imbibe inthe letter forms.
The type face of a technical institute should reflect not only its primary function but also its cultural context. Though there are ample numbers of available typefaces, none of the fonts adequately reflect both Indian-ness and technology-ness. Therefore, this is a case study of existing typefaces being used by Indian Institute of Technology Kanpur. It was observed that there were significant variations in the selection of typefaces used in various contexts throughout the Institute- signages, letter heads, posters, the official websites and other paraphernalia like cups and T-shirts. The lack of a unique typeface reflected in the identity of the Institute besides affecting the stylistic coherence of its visual representations across content as well as medium.
The cues of both Indian-ness and technology-ness Visual cues were drawn borrowed from instances of Indian culture found in Indian Mugal architecture, script and miniature paintings and that of cutting edge technology from latest technology electronics, computer, phones.
These letterforms incorporated with the cues like geometrical shapes, sleek, curvilinear feature, Indian script features.Two varation of font was made with thin and thick stroke, as shown below.
Geometric shape
Curvilinear Feature
Thin line
Indian Script Feature
Type Design: Case Study of a Signage Typeface For an Institute of Technology in India D
DiscoverUDiscoverUDiscover u was a design effort as a part of 2012 edion USID samsung Android Mobile Applicaon The basic moo behind the applicaon is to helps one to find, enhance and showcase their talent and connect to people of their own interest..
It is a plaorm to share common interest with unknown friends, in order to organised local wisdom to help many. This applicaon lets you explore more about your fields of interest with the help of peer interacon.
Team Project : 4 members
Design ProblemDue to lack of informaon about their interest areas, people suppress their talentsand follow the market trends.
114
18-25 yearsUser Group
Learn what you want to learn
U
115
Local Wisdom Get Connected
Share news,events ,display your own creaons and get review fromthe group, Ask your queries. Can organise group workshop, events and can exibhits your works
Aim to organise and share local wisdom for bridging the gap with the inner “U”
A common plaorm to share common interests with unknown people
Interest groups
Share, ask, review
Select your interest from the predefined groups and also can create new interest groups
Get local UpdatesGet local updates about events, workshops around your vicinity.
Iconography used
Typograpy used
EconomicaTrebuchet MsCentury Gothic
Color Palee used
Moblie ApplicationAssignment
Individual
The FIT app is a health and fitness application, its a hub for all the health related data. It is easy to use, clear and gives the current overview of data.People have difficulty in tracking their health related data. This application provides them with a single platform to monitor and mange the data. Also, the health reports can be shared with doctors to get further guidance.
FIT-A health and fitness app
1
92
12 13 14 15 16 17 18
bpmToday
Heart Rate
FIT
Jan
Measure heart rate
Send Report
Date
Put Your Earphone on/Cover Your Camera Lens with Your Finger.
Press OK
OK
OK
Manually enter your heart rate
Or
6h14mLast night
Sleep
20 25 30 4 9 13 18
FIT
Apr May
Measure Sleeping Hours
Send Report
Click at time the of sleeping
Click at time the of Waking Up
OK
Enter your Sleeping Hours
Or
Sleeping Now
Wake Up
92bpm
892cal
6h14m
1.5 Lts
Today
Today
Last night
Today
Heart Rate
Food
Sleep
Drinks
FIT
16
Future of Email - Ozchi 24 hrs Design Challenge
Literature Review to studyState of Art and BrainstormingSession
Analysis
User Study, Developing Personas and Scenarios
Ideation and Conceptualisation: Building concepts, vision and
Rapid illustration/prototyping of the concepts and proposal of a model
Final Design
The Challenge - To design the ‘future of the email’ as part of OZCHI24, an annual international student design challenge.
Evolution of Email System@
Tool Of communication Tool of Data Management
Personel Information
ManagementAsynchronous Communication
ContactManagement
Task Management
PersonalArchiving
@
sgnidniF resU
Chatting, sending and recieving files
An integral part of daily life
Ecosystem of Service
Archives some old messages for longer duration
Interface should be easy
SPAM is a nuisance
Accidental loss of important information
1. Cluttered Information2. Spamming3. Lack of Customization4. Personal Archiving5. Filing problems6. Cognitive Overload7. Missing Impoartant Information
Problems With Current System!
Proc
ess
Analysis
UX/UI DesignCompetition EntryTeam members: 4
17
Future of Email - Ozchi 24 hrs Design ChallengeThe final design basically deals with the issue of information and data management across email services.
‘Man Mapping’ to manage the inbox
Set the email ids as‘High Priority’ or ‘Others’
Every message exchanged witha contact is stored at one place
in form of threads
Tag important datesin the calender
All files, links, drafts, contact no exchanged with a contact is savedat one place in chronological order
Tagged important dates shown at the top to remind
Desi
gn
High priority mail ids alwaysat top irrespective of recieved
time as compared to other mailsand marked ‘yellow’
UX/UI DesignCompetition EntryTeam members: 4
18
Product DesignAcademic ProjectTeam members: 2
Designing an economic air cooler for ‘people living in rural areas of India’ and making it available to them at least possible price keeping in mind the ‘customer comfort’.
Low Priced but inefficient cooling
Sufficient ventilation neededHums while running
Fan brings dust, dirt indoor
Whole House Fans
Efficient CoolingHigh Cost
Expensive material used
Evaporative Air coolers
Expensive and huge setupSlow Process
Ineffective in cloudy days
Solar Coolers
Most EfficientMost Expensive
Air Conditioners
Very ExpensivePoor Power Efficinecy
Thermoelectric Cooling
Shades, Reflective Surfaces
Some have a single cooler in a family of ten and sleep in single room
People use table fans/ ceiling fans even in scorching summers
People do not own coolers because of low affordability
They are using locally available materials like husk, jute bags, cinder walls , etc to keep their places cool
of Indian Population lives inRURAL areas of country
70%
As of Mar’2011,
crores worth COOLER industry94,000India has Rs.
Economic Air Cooler snoit ul oS gnil ooC gnitsi xE gni ydut S
sgni dni F dnA hcraeseR resU
Benchmarking
70%
Our key innovation is providing the people living in rural areas with a new air cooler that is easy for them to realize in terms of cost and in terms of material as well. We aim at using the cheapest available cooling techniques for making the air cooler by using locally available material and which is reusable as well in a compact package keeping in mind all the factors.
19
Product DesignAcademic ProjectTeam members: 2Economic Air Cooler
Concept Sketches
The final concept selected was based on the method of “Evaporative Air Cooling” as it is the best and cheapest technology available till date. It is well suited for people living in rural areas because of its low costtechnology and flexibility to experiment with different materials.
Benchmark for our product
Cost EffectivePower EfficientEasy AssemblyReusabilityResource AvailabilityUsage of minimum possible components and materials
The major constituting components of an evaporative air cooler that are currently used are body, padding, water pump, fanand motor. It is easily possible to use theconcept of evaporation while reducing these components and material with effective and powerful cooling.
20
Product DesignAcademic ProjectTeam members: 2Economic Air Cooler
Final Design
Sliding side framesusing jute and bamboo sticks
The lower and above water reservoirs madeup of pottery
Support of upper and lower part with the help of bamboo
Fan at the opening
Clay based pottery asbody of cooler
Holes at one endof pot and water
at another
No water pump neededHot air enters through holes
and gets moisture from pot surface
Less expensive butUse of so much materials and different components
made system heavy andcomplex and low
durability.
Cost effective butlow strength and stability,
Less portability,Inefficient Cooling
The final solution is based on Evaporative Cooling technique. Cost of the system is reduced by using bamboo, husk and pottery as manufacturing materials. These arereadily available in rural areas freeof cost. The system is modular and can be assembled locally as well.
Modified the conventional squarestructure to semi cylindrical as it requires less living space, easy to change husk pads and uses itscomplete surface area for cooling
Husk and bambooas manufacturing materials
The water reservoir can be replaced by a pit
the complete structure over it.
The water reservoir can be made of pottery for more efficient cooling
Lid provided to fill water and change husk pads.Pipe to keep pads wet isplaced at the upper part
To make it more cost effective can remove pump and can have a reservoir on the top of the lid
21