18
Ekcupchai Iphoneradio Physicalcompu5ngand electronicmusic Indianhomeand mediaconsump5on- HP Informa5onac5vism camppar5cipantmap Mobilephoneusagein smallbusinessindustry -IBM PranaliKhachane Educa/on Postgradua5onin Informa5onandInterface^design’DisciplinefromNa5onalIns5tuteofDesign Gradua5oninElectronicsEngineeringfromUniversityofMumbai InternshipProject Finalsemestergradua5ondesign projectwasdoneatMobileResearch Lab,Gandhinagar ClassroomProjects Projectsdoneduring3Semestersof classroomtraining WorkExperience 3.yearsofindustryexperience;grewgr aduallyfromaDevelopertoUserInterfaceT eamLead Interac5on DesignProjects Informa5on design Interface design Interac5on design Design Research Indianindependence ac5vi5esandac5vists IndicScriptinputformobilephones Naviga5onalinterface:cloud compu5ngdevice Home ...page18 Page2 Page6 Page16 Page11 Page3 Page8 Page4 Page12 Page13 ...page17 1

Protfolio_Pranali Khachane

Embed Size (px)

Citation preview

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 1/18

Ekcupchai IphoneradioPhysicalcompu5ngand

electronicmusic

Indianhomeandmediaconsump5on-

HP

Informa5onac5vismcamppar5cipantmap

Mobilephoneusageinsmallbusinessindustry

-IBM

PranaliKhachane

Educa/on

Postgradua5onin‘Informa5onandInterface^design’DisciplinefromNa5onalIns5tuteofDesign

Gradua5oninElectronicsEngineeringfromUniversityofMumbai

InternshipProjectFinalsemestergradua5ondesignprojectwasdoneatMobileResearchLab,Gandhinagar

ClassroomProjectsProjectsdoneduring3Semestersofclassroomtraining

WorkExperience3.yearsofindustryexperience;grewgraduallyfromaDevelopertoUserInterfaceTeamLead

Interac5on

DesignProjectsInforma5on

designInterface

designInterac5on

designDesign

Research

Indianindependenceac5vi5esandac5vists

IndicScriptinputformobilephones

Naviga5onalinterface:cloudcompu5ngdevice

Home

...page18

Page2 Page6 Page16 Page11

Page3Page8

Page4 Page12

Page13

...page17

1

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 2/18

Ekcupchai

Depictionoftheprocessoftea

makingasanInformationGraphic

Concept1(EkPyaaliChai)

Thisgraphicwasmadetodepictthetea

makingprocessandprovideanexperienceofhavingafinecupofteaattheroadsidestall,ascommonlyseeninIndia.

Thevisualsandtheterminologywerecarefullychosentoenhancethe‘Indianfeel’fortheprocess.

Concept2

Thisgraphicgivesmorestressondeliveringtheinforma5ongraphicallyontheteamakingprocess.

Itexplainstherecipeof4differenttypesofteain4quadrantsofthecircle.

Thebluecoloriswatercontentandwhiteismilk.Redlinerepresentsheat.Thesolidlinesaremandatorystepswhereinthedo]edonesareop5onal.

Home

2

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 3/18

Thismaptriestoshowthepar5cipantstrengthfromeachcountry.Itdisplaysthemale:femalera5oof

par5cipantsfromeachcountryandindicatesthepropor5onofpar5cipantagegroups.

Thismapwaslaterprintedonthecamp

handbookanddistributedto

par5cipantac5vists,informingthemaboutthepeopletheywillencounterinthecamp.

Thecolorcodewasdecidedonglobalsta5s5csoftheWorldEduca5onGenderParityRa5o.Thecolorselec5ongivesanunderstandingonwomeneduca5oninthepar5cipantcountry.

Informa/onac/vismpar/cipantmap

ThisInformationgraphic,madeforacampattendedbysocialactivistsacrosstheglobe,toinformthem

abouttheparticipantprofile.Total140participantsof39different

nationalitiesattendedthecamp.

Home

3

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 4/18

Indianindependenceac/vistsandac/vi/es

Thisprojectmapstheeventsandfreedomfightersinthehistoryof

Indianfreedomstruggle.

Datacollec5onwasthecrucialpartfor

thistopicaslotof5mewasspenton

gatheringtherequirednamesandlist

ofevents.

Processofdatacollec5onwasstopped

aslotoftheinforma5onwasnoteasilyavailablefromauthen5csources.No

specificpa]ernsemergedoutofthe

interfaceratheritservesasan

exploratoryinterface.

Thefinaldesignhasbeenimplemented

tobeflexibleforaccommoda5ngthe

missingdata.

Events

RiverofFreedomfighters

Panelfordetail

informa5on

Linkages

Event5meline

controller

People5meline

controller

Ini5alFlashprototypes

Thetaskwastocreateaninterac/ve

visualiza/onforagivendatabase

whichwouldeffec/velyreveal

linkagesandpaernsinthedata.18

1947

18

1947

Home

4

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 5/18

Indianindependenceac/vistsandac/vi/es:ProcessConceptsandPrototypes

Topicsearch Datasearch Informa5onanalysis concepts prototyping tes5ng reviewDatabase

collec5onBooks,librariesUniversityofmumbaiCentrallibrarymumbaiManibhavan,Mumbai

movies,journals,Internet

handwri]ennotes,

scans,photocopies,cards

Circular/meline

Linear/meline

events

Freedom fighters

linkages

type of work

Region Paperprototype

Parallelco-ordinatesystem

event

type

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 6/18

Statusbar

Sta5onArt,NameAr5st-Song

Ac5onbar(Sta5onrelated)

Tag,Share,ViewLyrics,Block,Addasfavorite

Albumart

Naviga5onSlider

PlayerControlBar

IphoneRadio

Theinterfaceconceptswerethoughtkeepinginmindthecommonac5vi5es,placesandthe5metheusergroup

mightusetheapplica5on.

User•18to3agegroup

•Generallyoccupiedwithsomeother

worklikedriving,reading,wri5ng,walkingetc

Brief:Designaninterfaceforaradioapplica/onontheiPhonedeviceplaVormaimedatengaging

youngstersandmakingthemexploretheworldofonlinemusicstreaming.

Variousnontradi5onalconceptsweretriedini5ally.

Theconceptchosenwasnottradi5onalhowevertheinterac5onsdefinedwerefamiliartotheusers.

Ini/alprototypes

Home

6

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 7/18

Favorites

TagsTop10

history

IphoneRadio:Applica5onscreens

playerscreen

currentplaylist favorites friendrecommenda/ons top10 genre taggedlist

Listofthefavorite

sta5onsstreamedbythe

user.Thescrollbar

displaysthefrequency

ofapar5culargenre.

Tagsaretheuser

controlledgroupingof

thesta5ons.

Top10channelsofthe

daytoaddpromo5onal

content.

Thebrowsedsta5on

history.

7

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 8/18

Naviga/onalinterfaceforacloudcompu/ngdevice

ProjectBrief 

Research

Designguidelines

Productfeatures

Briefuserstudy

CurrentTechnologystudy

Conceptualiza5on

Product

(Technology,taskand

u5li5es)

Targetusergroup

(usersegmentsandLifestyle

study)

usersinteractswith

thecomputerandother

digitaldevicesandtheir

purpose

desktopanddata

management

twotouch

varioussensors

touchpadatthebackdifferentmodesofdevice

Screensize

Brief:Thetaskwastocomeupwithanaviga/onconceptforatwotouchcloudcompu/ngdevicekeepingin

mindtheexis/ngtechnologicaladvancement.

Home

8

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 9/18

TheOSwillhave4levelstonavigate.levelsaredefinedaccordingtothecommonusagepa]ernfoundamongsttheusers.

Theinterac5onsandtheinterfacewasdesignedkeepinginmindtheproductspecifica5onsandthelistofsensorsusedinit.

Naviga/onalinterfaceforacloudcompu/ngdevice:Conceptoflevels

Level2(Workmode)iswhereuserperformsallthetask.Againaccordingtothefunc5onsthespacesarecreatedwithinthis

(1)Recentac5vi5es(2)Filebrowser(3)Cloud(4)Sengs/Control

Definingandtes/ngthespacecontroller

Decidingsizeandshapeofacontrol

9

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 10/18

Standbymode

Thismodewasspeciallydesignedforusewhileuseristravelingorwhenthereisnoac5veuseofthecomputermachine.Inthisleveluserwillbeabletoaccessallthegadgets;theuserhastopullina

gadgetinthecentralspace.

Visual representation of a file system

Naviga/onalinterfaceforacloudcompu/ngdevice:Interfacescreens

Concepts for file system Sleep Mode

Home screen of level 2 : Dashboard concept

10

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 11/18

DesignResearch

Mediaconsump/onofmiddleclassfamiliesfrom/er2and/er3ci/es

ThisprojectwasofferedbyHP,ResearchLabs,BangaloretointroduceDesignResearchandUser-centered

Designinthecurriculum.

Weweregiventhe3mainareastoconcentrateon.

Media

consumptionIndian

home

Multimodal

interaction

Total3groups,eachcomprisingof6studentsworkedsimultaneouslyindifferentci5es.

WecoveredSurat,Vadodara,Ahmedabad,UdaipurandAmbalaandinterviewedtotal2families.

TheothertwogroupscoveredKarnataka,KerlaandAndraPradeshinthesouth.

18studentsworkedontheproject.WevisitedfamiliestounderstandMediausage,applica5ons,familiarinterface

interac5onsetc.

Home

11

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 12/18

Phenomenologicalapproachtoresearch

6weeksmodule.2weeks:Groundworkforthefieldresearch

2weeks:Onthefield2weeks:Discussionandanalysisthedata.

Objec5ve

•TounderstandthemethodologicalframeworkofPhenomenologicalresearchanditsassociatedmethods

•Tograspandprac5cebasicskillsofLongInterview,Par5cipantObserva5on,FocusGroupInterviewing

andSystema5cSelfObserva5on

OurgroupwenttoAmrava5,a5er3cityinthestateofMaharashtra,where

thelanguagefordaytodaycommunica5onisMarathi.Wesurveyedtheservicepersonalsofnewspaperdistribu5onnetworkinthecity;whohavefrequentinterac5on

withthehouseholds.

Thegreatestchallengeherewastheunfamiliarityoftheplace.Itwasanethnographyexerciseforus,whereyou

meetstrangersandslowlybuild-uprapportwiththem.Weini5allystartedbymakingsubtleobserva5onsandconductedthesurveyoncewewerefamiliarwiththeservicepersonalandthedistribu5onprocess.

Weweretotal8groupswhovisited8ci/es

ofIndiaandstudy8differentservicesectors,whichaffectourday-to-daylife.

Mobilephoneusageinsmallscaleserviceindustry-IBMResearch

Home

12

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 13/18

Indicscriptinputformobilephones

Theveryfirstinterac5onwiththedevicestartswhenonelooksatit.Thenextlevelofinterac5oniswhen

onetouchesthedevice,wherethephysicalinterfaceofthedeviceplaysa

keyrole.

Theprojectproposessomenewways

ofinterac5on,whichwillfacilitateaneasyinterac5onforinpungIndicscriptsinamobiledevice.

StructureofthescriptsIndiclanguagesarenotcompletelylinearinnaturelikeEnglish,where

consonantsandvowelsappearoneaertheother.IncaseofIndic

scriptsonehastobreaktheprogressivewri5ngflowincaseofvowel.Avowelsignmayappeartotheleorright,aboveorbelowofthebaseconsonant,andsome5messurroundsthebase

consonantonmorethanoneside.

क  ख  ग  घ च  छ  ज  झ 

ट  ठ  ड  ढ  ण त  थ  द  ध  न 

प  फ  ब  भ  म  

MobileResearchLab,Gandhinagar.Thisresearchprojectisaneffortto

accommodatetherequirementsofthediversescriptspracticedforwriting,inIndia;whiletypingona

portabledevicelikemobilephone.Ineffectthesolutionwilleasethe

phoneusageforwiderpopulationandforvariedpurposeratherthanjustlimitingittomakingandreceivingcalls.

Userresearch

Literaturereview

Home

13

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 14/18

Theproposedconceptisaboutmappingmodifiersspa/allyratherthatprovidingafixedspaceinterac/on.Thevowelsymbolsoccupypar5cularspaceinapar5culardirec5onaroundthe

basele]er,whichcanbeu5lizedfortheinputinterac5on.Thecoreconceptistoseparatevowelandconsonantinterac5onlogicallyaswellasspa5ally.

Userinputfordefiningvariousinterac5onsforatouch

sensi5vedeviceconcept.

Thephoneprototypewasgiventotheusersandtheyweretoldtomatchtheac5onsandinterac5ongesture.Theyhadfreedomtodefinenewifneeded.

Indicscriptinputformobilephone:Conceptdevelopment

14

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 15/18

Prototypeusinganinbuilt

accelerometerof

Mackbook

mercury5ltsensor

LipiDesktopinterface

Wiimote

IRswitch

Joys5ck

accelerometerbreakoutboard

Woodenprototype

Arduino

Processing

mo/on

Sensors

Wiimote DarwiinsRemote

LipiGlovepie

Flashprototype

VideoPrototype

Touch

Sensors

Physicalprototype

Indicscriptinputformobilephone:Interac5veprototypesandtes5ng

mercury5ltsensorArduino

1

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 16/18

Physicalcompu/ng

Theaimwastocomeupwitha

naviga/onconceptforatwotouch

cloudcompu/ngdevice

Interac/onbetweenkeyboardcircuitandcomputer

Interac/veapplica/ondesign

Interac/veapplica/ondesign

Theassignmentwastodesignorthink

ofanapplica5onorproductconceptwhichwillhelpindaytodayinterac5onsordaytodaylife.

Usingpairofsmarts5ckersyoucan

convertanybaginasmartbag,whichindicatesifoneiscarryingallessen5althingsinsidethebag.Ones5ckergoesontheobjectandanotheronthebagwhichactslikeindicator.

Interac/veapplica/ondesign:IslandHopping(Aninterac/vegameboard)

Interac/veapplica/ondesign:Island

Hopping(Aninterac/vegameboard)

Thisisaprototypeofarealworld

scenarioofaninterac5veinstalla5on.A

personhastowalkandsteponthe

rightstone,every5mehe/shegetsthenextclueaboutthepossiblestones.If

thestoneiscorrectthenusergetsa

lightfeedbackelsenofeedbackis

received.

ElectronicMusic

Thismodulewastolearnthe

theinterac5onwithmusic.

Crea5onofmusicelectronicallyandhowwecanuseitfor

interac5veinterac5ons

Home

16

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 17/18

Aboutme

Postgraduatein‘Informa5onandInterfaceDesign’ fromNa5onalins5tuteofDesign(NID)

PresidentoftheStudentac5vitycouncilatNa5onalIns5tuteofDesignBangalore.

GraduatedinElectronicsEngineeringfromThadomalShahaniEngineeringCollege,MumbaiUniversityinJune2004.

Ac5velyinvolvedinvariousac5vi5esofstudentcouncilbodyandNa5onalServiceScheme(SocialServiceSociety).

Aermygradua5onIjoinedastraineesowareengineeratGeodesicInforma5onSystemsLtd .andworkedonvariousplaormsand

technologies.WhileworkingonUserInterfacedevelopmentIstartedtakinginterestintheusabilityoftheproductandstartedworkingon

enhancingtheuserexperience.NIDofferedmetheformaleduca5onalplaorminthesamefield.

During3semestersofclassroomtrainingatNIDIworkedonvariousclassroomandindustryprojectswhichintroducedmetovariousfields

suchasDataGraphics,Userresearch,Ethnography,Usability,Prototyping,Physicalcompu5ng,productdesignetc.Duringtheinternshipprojectwegotanopportunitytoapplywhatwelearnedinclassroom.Itgaveuschancetoexperimentandlearn.

Iwishtoexploremoreonthetac5leandgesturalcontrols;speciallyonthephysicalinterfacesandcontrols.Informa5ondesignhasbecome

myhobbyaerourInforma5onDesignSemesteratNID.

AsapersonIamnatureloverandnaturedriven.Iamalwaysreadytolearnandtrynewthings.Ipossesinterestsinphotographyandclay

modelmaking.

Email:[email protected]:02228122492,02228252205

h]p://flickr.com/photos/pranali/

Home

17

8/7/2019 Protfolio_Pranali Khachane

http://slidepdf.com/reader/full/protfoliopranali-khachane 18/18

Workexperience

GeodesicInforma/onSystems

LimitedMumbai

Aug2004toJune2008

Title:UserInterfaceTeamLead.

MunduIMSymbianplaVorm

MunduIMBlackberryplaVorm

Startedastraineeengineerandmy

rolewastoreverseengineerMSNand

XMPPcommunica5onprotocol.

Workedonthedevelopmentof

‘Webaroo’,asowareresponsiblefor

datasynchroniza5onbetween

handhelddeviceandcomputer.

ImplementednetworklayerforMSN

protocolforwindowsmobile.

Developedasocialnetworking

sowareforsmallnetworksof

BluetoothandWi-Ficonnec5vity.

AlsogotachancetoworkontheUser

Interfacedevelopmentofthedesktop

TradingclientforSharekhan.

Shiedtotheuserinterface

developmentonSymbianplaVorm.

Graduallygottheresponsibilityof

managingUserInterface

developmentteamwherewewere

responsiblefortheInterfacesofall

theproductsonthesymbian,UIQ

andblackberryplaVorm.

Home

18