19
Mathew Sebastian Interaction & ui Design P.G industrial design National Institute of Design Paldi , Ahmedabad India 38007 [email protected] [email protected] +91 93 750 34 705

interaction| game design portfolio

Embed Size (px)

DESCRIPTION

user interface portfolio mathewsebastian.com

Citation preview

Page 1: interaction| game design portfolio

Mathew SebastianInteraction & ui Design

P.G industrial designNational Institute of DesignPaldi , AhmedabadIndia 38007

[email protected]@gmail.com+91 93 750 34 705

Page 2: interaction| game design portfolio

application designiphone/ovi store

The brief was to under-stand the needs of the developing economies and come up with simple appli-cation ideas/concepts. The research part of the project was to understand the functioning of economies and index. And interac-tions of small mobile based applications.This was a 2 week course on multi sensory design.

Options to customize different times zones /markets an interaction options.

Live streaming of news and analysis, and flash news

Desktop icon

1

1

2

1

2

application design

Page 3: interaction| game design portfolio

Process of the ui design

Design concernsUser study was conducted among the potential users, ESP young busi-ness pros and business students. The personas of the potential users were created .

User requirementsThe internet and other resources has an n num-ber of business news. But the user always confused /uninformed about the markets. In the survey the users stressed on the fact that there should be a handy tool to handle all the informations and convert them in to visual graphics for and easy un-derstating.

ScopeThe medium of interactiv-ity is increasing ESP in the 3rd world , the emerging economies are will be us-ing the new technologies and this will be a mass market for these interac-tive tools

Design proses

Brain storming session

Information chunking

Application process

News page

application design

Page 4: interaction| game design portfolio

webuser interaction projectui design project

The idea was to understand an existing web site, and to develop it according to the modern heuristic principles of user interface and web design.

NID siteThe existing nid site was taken as the project and took it to a further level. Data on the site were arranged using information architecture principles. Grouped them ac-cording to the proximity and closure. And several modern web trends been considered like the social networking / news sharing sites, orga-nized input and highlighted contents etc.

Info architecture

c

Modified user interface

Organized Input tab

Highlighted Contents

Input tab

Projected new site

user interaction

Page 5: interaction| game design portfolio

Home

info architecture

c

organized input tab

intput tab

p

WebUser interaction projectui design project

.

The tab was designer ac-cording to the user needs, information links/ chunks were categorized according to relevance and placed under a drop down menu.

Task analysis and user re-quirements were pointed on a need of this type of interaction. The earlier site had many difficul-ties in the information arch, now it is tried to be simplified and placed ac-cording to the user needs

1

3

Information architecture (IA)samples

1

2

3

2

user interaction

Page 6: interaction| game design portfolio

navigation sys-tem/multi sensory design

The project was to un-derstand multi sensory experiences in design.

The audio navigation system was the out put of the project. This concept product was designed to help the blind to navi-gated in a space .The visual signs in the space are embedded with an audio signal transmitter and an ear device which is capable of receiving the signals and produce audio stimuli.

The project was described with the help of interac-tive flash simulation and the mock ear gear also made as part of this project.

signage embedded with audio transmitters

multi sensory experiance

Page 7: interaction| game design portfolio

Many people with serious visual impairments can travel independently, us-ing a wide range of tools and techniques. The idea was to develop a tool to help the people with visual impairments to travel safely, confi-dently, and independently in the home and the com-munity.The concept product is a receiver which can be used as a ear gear/head phone, and the system of audible signages fixed in the pub-lic system/ spaces.

This was a concept level project, and was described through an interactive presentation.

Multi sensory experience

signage embedded with

Audio signalSounds

EXITProcessThe idea was to generate a concept for a device which uses different technologies and produces a multi sensory out putUser studyFirst 4 days I worked on understanding the methods of commuting of the blind, in a system-ized space, like malls, public offices. And I tried to understand the user requirements.Market studyThis phase I studied about the available products and tools related to this problem.Mapping of the data, and concept generationThe data gathered from the surveys/interviews were mapped and different concepts were gener-ated during this phase.And the wireless connectivity device was the selected, and developed.And for the submission, an interactive presenta-tion was made explaining the scenario and solu-tions.

Graphical scenario

Page 8: interaction| game design portfolio

�ow charts |carbohydrate digestion

Start/Stop

lab 2

click on saliva

clicked? blink cueno 3 times?no yescurser is testtube yes

drag to flask

dragged? no/or something else

saliva in flask

flash simulation

splash it the face

blink reference

click

noDisplay

reference options

click on shakebutton clicked? no

yes

partying pro �ow chart shows di�erent steps in the carbohydrate digest game.

c

crazy labeducational game

Crazy lab is a small game design project. The brief is to understand different opportunities of game and interactivity in education and learning. The user group was identified as students from 7th grade to 11th.

Scenario

Scenario developed in the form of a lab and characters were interesting, a crazy professor and his assistant. The player is asked to role play the assistant and place chemicals in the right order to avoid prof’s anger.

on

Carrier 12:34 PM

crazylab

http://crazylab.nid.edu

play stoy exit

action keys

flow chart

game design

Page 9: interaction| game design portfolio

c

crazy labthe development

The gameInteracting with the lab and handling the different ele-ments is the game. Surprise elements are pop up any time, until the player does it correctly. When he finishes, its done. He learned how to play the stomach, this is the core idea

Scope

The projected market of the game was schools, students of 7th grade to 11th grade and their care takers. User study was conducted to understand the requirements of the users and scope of the product.The game could be a CD ac-cessory to the study material, or a web based interactive educational portal.

these are the initial interaction concepts, on differ-ent buttons and movements in the screen.

user interaction

game design

Page 10: interaction| game design portfolio

Character development

The game has 2 major characters the professor dhadi wala and his assis-tant. The characters has stereotypical behaviors/and identities of a professor and a student. And the scenario given was a lab situated inside stomach. This is supposed to give a feel of biology to the player.

GameThe player is asked to do the role of the student and help the professor to under-stand different materials and categories them. The professor gives different clues the will help the student to develop the his/her skills.

Final productThe final out come of this project was a game document. In which screen shots, characters and flows charts were described.

clue links

charectorsgame flows

game design

Page 11: interaction| game design portfolio

little longersimple product design

The main objective of the project to is to come up with an innovative design of a fun/play oriented product for toddlers. Based on the concept of motor balance.The prototype is made, and user test conducted. The final product is to be made in light weight plastic.

The product has a fun oriented /approachable character.It is chubby . the main objective is to make a furniture/product kids can hang out with all day. With multiple uses, a chair, table work space, play tool.

sit here

sleep here, play anywhere.

product design

Page 12: interaction| game design portfolio

| war room august 2008

KITE M, THE IDENTITY 2

The basic concept of this

identity is from kite the joy

of kite flying, the war. And

there is a deliberate try to

keep the mahindra look on

it.

The colors are

vibrant,shows power,

enthusiasm, opportunity,

youthfulness and pride.

the kite is in the sky of

opportunities!

| war room aug 2008

mathew sebastian

Digitally signed by mathew sebastian DN: cn=mathew sebastian, o=NID, ou, [email protected], c=IN Date: 2008.08.05 13:02:48 +05'30'

logo and accessory designmahindra war room

The brief was to come up with logo ideas for a cre-ative and dynamic debate of a multi national com-pany . The kite logo was created inspired from kite motion and movements. Colors are from the idea of gray and power, with respect to blue and youth fullness.

logo options suggested

momento

form and motion

Page 13: interaction| game design portfolio

volhouDesign management project

This project was aimed at developing systemic ap-proach on design/product developing projects. The brief was to develop a brand/identity and deign a business plan for the developed identity/com-pany. This includes the systematic development of products/designs and budget plan for the same.

The logo and other brand identities were created during this course. This work was done in groups developing team spirit also was the aim.

volhou, is the brand cre-ated by my group during the course, volhou mean to persist in Afrikaans. The idea was to develop a deign policy on sustain-able interactions.

design / project management

Page 14: interaction| game design portfolio

extra works

these are some of my extra works on graphic design and illustration.

peacechild

logos

ref date

kuravilangad, near village o�ce, kozha, 686640. ph. 9387712992

graphics & illustrations

Page 15: interaction| game design portfolio

extra works

Invitation card for a product launching event

New Year Special Music FestCSI ASCENSION SEVANA NILAYAMBehind Med:College Bus StandGandhi Nagar7/01/094 - 6 pm

.Contacts 9447523876,9447231330, 9747470106,9495233693

Initiated by kottayam ICPF with NewLife

Delight 2009

hates paRty?ref date

kuravilangad, near village o�ce, kozha, 686640. ph. 9387712992

graphics & illustrations

Page 16: interaction| game design portfolio

extra worksPromotional concept flyer for a teashop net work.

graphics & illustrations

Page 17: interaction| game design portfolio

extra works

Flyer for a youth festival

graphics & illustrations

Page 18: interaction| game design portfolio

photography

I love the idea of framing the visuals. Framing them in compositions where I can add meanings to it..

photography

Page 19: interaction| game design portfolio

OBJECTIVETo provide professional ,inspiring designs with a commitment to quality and time efficiency.The pursuit of life long learning in all spheres.

ExpErIEnCEFreelance Designer - 2 years in Web,Animation and Graphics

QualIfICaTIOnSBA psychology from MG UniversityMSc psychology majoring organizational behavior from MG University

PG Diploma in Game Design4th sem,National Institute of DesignAhmedabad

arEa Of InTErESTGame Design,User Experience Design,System Design,Information Visualization,Interactive media, GU I,

SOfTwarE SkIllSAdobe Photoshop,Illustrator,InDesign,Adobe Flash,HTML.

Mathew SebastianIndustrial designP.G Toy and Game DesignNational Institute of DesignPaldi [email protected]@gmail.com+91 9375034705

crazy labeducational game

Crazy lab is a small game design project. The brief is to understand different opportunities of game and interactivity in education and learning. The user group was identified as students from 7th grade to 11th

navigation system/multi sensory de-sign

The project was to understand multi sensory experi-ences in design.

web

user interaction projectui design project

The idea was to understand an existing web site, and to develop it according to the modern heuristic principles of user interface and web design.

Application designiphone/ovi store

The brief was to understand the needs of the developing econo-mies and come up with simple application ideas/concepts. The research part of the project was to understand the functioning of economies and index. And interactions of small mobile based applications..

major projects

resume