Interaction Design Portfolio

Page 1

STEFANO OLIVA Interactions


ST E FA N O O L I VA Born in Vercelli, on the sunny 8 June 1986. Based in Rotterdam, Veelzigtstraat 17a, 3022DR. Reachable at +31643219039 +393282966540 oliva.stefano@gmail.com stefanooliva.eu nl.linkedin.com/in/olivastefano

“I strive to design meaningful interactions that enhance usability and discover new market opportunities. I am keen on experiencing users’ behaviours and uncover their desires and needs�


EXPERIENCE

2GetThere . Interaction Designer November - June 2011

Alcatel. Interaction Designer

Graduation Project on influencing behaviors towards Ride-sharing on Personal Rapid Transit (automated driverless vehicles) located in Masdar city (abu Dhabi). In this project I have been using context mapping techniques (creative and generative sessions) to gain user insights on automated transportation. I organized a service roleplay session and used walkthrough models to act out and experience the interaction. The final design is a mobile, online and static portal for the transportation system.

I organized with a fellow student and set up usability testing with everyday users of Alcatel Conference Module. Participants experienced the product and went through a set of tasks. The results of the testing have been used as directions and developments for the redesign phase.

Atelier Consume. Co-Founder January- December 2010 Together with Ahmet Bektes, we designed a service that let users buy, design, sell and recycle personal t-shirts, creating revenue. The idea was part of the TU Delft Start up Incubator and won several prizes. Dekker . Interaction Designer January - July 2010

Interaction designer in a team of 4 people. The project was aimed to give the company, leader in the dutch kitchen market, a product to enter the bathroom market and make use of Corian seamless surfaces.My role has been leading a generative session, and a final user testing. Together with another student I have been responsible for the 3d model (solidworks) and prototype of the final product. I have been responsible for the renderings, a movie and the photographs for the final presentation.

September 2009 - January 2010

T-Communication. Promoter/Events September 2009 - January 2010

Distribution, guerrilla marketing, following PR events. Clients within mobile telephony (Telecom Italia), Pharmacy (Oral B), and other italian companies.

EDUCATION

SKILLS

Technische Universiteit Delft.

Languages

MSc Interaction Design 2009-2011

MSc focused on user experience and co-design techniques. Attention on design iterative method, creative and generative techniques and experience prototyping. Politecnico di Milano.

BSc Product Design 2005-2008

BSc focusing in Product Development and production methods. Attention of Problem setting, solving, Market stakeholders and feasibility testing. Liceo Scientifico.

Copying Office Bovisa Graphic

Designer, Post-Production, Pre-Print, Binding September 2008 - July 2009

Expert in Pre-print and Print process, Post Production, machine profiling for architecture and design. Working with Xerox Laser Printers, HP and Epson Professional Plotters. Experienced in several Binding Techniques Fuorisalone.it. Photographer / Reporter April 2008 and April 2009 Photographer and reporter for the website and event-creator "Fuorisalone.it" during Salone del Mobile di Milano 2008 and 2009.

Technical/Linguistic Lyceum 1999-2005

Technical High-School (5 years) with specialization in English, Spanish and Latin languages.

Italian English Spanish French Dutch Swedish

Mother Tongue Excellent Fluent Basic Basic (work in progress)

Software Mac/Linux/Windows OS Illustrator/Freehand Photoshop/Corel Indesign/Acrobat Pro Aperture/Lightroom Solidworks/Rhino/Maya/Alias Max MSP Albleton/Logic FinalCut/Motion Arduino/Processing (work in progress) Javascript (work in progress) Axure (work in progress)

Tech Skills Mechanical Mill / Lathe 3D Milling (3 axes) Passion for restoration of bikes/motorbikes/engines Physical Prototyping Laser Cutting / Engraving Pre-Print Xerox Docucolor, Plotting Darkroom (B&W), PhotoSet


USER EXPLORER

Passionate about finding what lays behind people behaviour, choices and customs.

TEAMWORKER

Keen on working with other people for the stimuli, challenge and companionship.

HOLISTIC SOLVER

Keeping an eye on the stakeholders of the interaction, finding the touchpoints, and aiming for integrated solutions.

A M B I T IO N S GROWING PROTOTYPER

Eager to improve better and better my prototyping skills and to experiment different ways of presenting solutions.

ATTENTIVE COMMUNICATOR

Keen on delivering to the design team, material that does not require an interpreter to be used.


“to the sea�

Stefano Oliva 2010

Interaction design started Here

My first project and my first approach to interactive technologies


COCOO N Connectedness for elderly people Student project Studio Lab,TU Delft 2009 Cocoon creates an interaction between two distant people, giving an audio feedback to one person when the other enters his own house. Responsible for MAX MSP patch, physical prototyping and system functioning for testing. Personal videos and photography.

Check the teaser online


MAX MSP 5

Visual programming Language

PHIDGET BOARD Connected over ip

MOTION SENSOR PROXIMITY SENSOR

SOUND OUTPUT

CABLE IN


Design with users, not only for users

How I enjoyed exploring the needs, wants and wishes together with them, asking, bothering, chasing, corrupting with candies.

“beatskip”

Stefano Oliva 2010

photoshooting for Tal Benisty’s project


Y I N G & YA N G Sharing experiences Student project Studio Lab,TU Delft 2009 Ying & Yang allows solo travellers share experiences with beloved and get feedbacks from them through a online platform. The vision is letting them experience the travel and effortlessly collect memories with no distraction due to stopping, shooting, saving and so on.


Ying and Yang comes from an exploration of the meaning of lightness as an assignment for the course “Exploring Interactions”, TU Delft. Brainstorming and VIP approach (a model for analysing the context and the actors), defined backpackers as a target group, in particular who travels alone on bikes. I organized a creative and a generative session. The first one was aimed to discover the needs, desires and wishes of backpackers; the second one was aimed to translate those requirements into design directions and ideas. Participants have been given a diary to fill in, in a week time, in order to empathize with the topic. After both sessions, the results have been clustered, analysed and summarized into design requirements. During the concept phase, a mock-up has been built and iteratively improved, changed and refined. Another session has been organized, this time with professional cyclists, in order to gain feedbacks and improve my idea. Ying & Yang is gps device that lets the user capture moments and share them on a open-source platform as Google Maps. A Galvanic Skin Response tool tracks the emotion map of the cyclist, uploading it online while cycling. A visually subtle feedback is given straight away, while comments and messages are visible only when in “relax” mode.


“Deniz”

“Ekin”

Stefano Oliva 2010

Stefano Oliva 2010

participant during Mock-up “Touch and Feel”

participant during Collage task

1

GENERATIVE SESSION

Exploring ideas with target users, discussing and evaluating them

2

MOCK-UP

Testing the interaction User / concepts


“Fausto”

Stefano Oliva 2010

cyclist and shop owner during final testing

3

REFINEMENT

Testing role-playing with experts and professional cyclists


“dictator�

Stefano Oliva 2010

Ta l k t o y o u r t e a m How I learnt the importance of teamwork and a constant and clear communication


L E YA New application of HI-MACS material Student project Dekker Zevenhuien and TU Delft 2010 Leya creates a new showering experience in the bathroom. The vision has been granting both privacy and sharing value of the bathroom space, through the use of materials and shapes.


The project has been carried out with a team of five people, two interaction design students, an engineering student and two strategic design students. The company, Dekker Zevenhuizen, specialized in kitchen interiors, wanted to enter the bathroom market with an interactive HI-MACS (Solid Surface material) product. My role, together with another interaction design student, has been analysing the context of bathroom, in order to discover new interesting areas, and bring those to the following design phase. A creative session has been organized with a mixed group from the company, and a generative session has been organized with students from design and architecture. The results defined the design direction used in the concept phase of the project. An iterative approach has been used; together with another interaction design student, we performed role plays with participants to act out the interaction with the product and have a better grasp on its functionality. A direct collaboration with Dekker Zevenhuizen helped the design phase and made the product improve step by step in a realistic and producible way. The final name of the product is Leia, Greek word for smooth, which is the feeling that the product wants to communicate during its use. Besides the study on the interactions, my role has been formgiving (outer shell), 3D modelling with a technician (Solidworks), photo and video rendering and final prototype construction (with 2 students) and photoshooting.

check the teaser online

Hydraforce SV10-31 solenoid valve Cristina Sandwitch PD020 Rainshower Cristina PD102 Hand Shower

12v

Grohe Grohterm wireless 36 023


CEILING MOUNTING

λείος introduces a new showering experience in the bathroom. Mounted on the ceiling, λείος stands in the bathroom without invading, but elegantly creates a balanced contrast of plenums and voids.

CHROMOTHERAPY LED LIGHTING

HIMACS COCOON

TOUCH INTERFACE

λείος means smooth. Smooth to touch, Smooth to rotate, Smooth to see, Smooth to feel.

ELEGANT HANDSHOWER

UNIQUE CURVES


CEILING MOUNTING

λείος introduces a new showering experience in the bathroom. Mounted on the ceiling, λείος stands in the bathroom without invading, but elegantly creates a balanced contrast of plenums and voids.

CHROMOTHERAPY LED LIGHTING

HIMACS COCOON

TOUCH INTERFACE

λείος means smooth. Smooth to touch, Smooth to rotate, Smooth to see, Smooth to feel.

ELEGANT HANDSHOWER

UNIQUE CURVES


1

2

GENERATIVE SESSION

Exploring the context and generating ideas for future (5-20 years) scenarios

“Eyebrows”

“Sandrino”

participants during Future Scenario task

participant during Roleplay

Stefano Oliva 2010

Stefano Oliva 2010

CONCEPT ITERATIVE DEVELOP Exploring several details of the concept with users, acting out the interaction and asking to complete tasks.


3

PROTOTYPING

Produced in scale, in HI-MACS


R E LY N E Redesign of Alcatel conference module Student project Alcatel Lucent and TU Delft 2009 check the teaser online

Relyne solves the problems of feedbacks and awareness discovered in the analysis of the old Alcatel conference module. The goal has been improving the poor experience of call with the old module.


During this project, the Alcatel-Lucent 4125 Compact Conference Module has been redesigned. My role has been organizing, with another student, two user testing and prepare teasers for presentations. The first testing was aimed to evaluate the aesthetics and functionality of the existing product. A questionnaire aimed to discover user perception of the product and recognition of all the functionalities. A set of tasks, based on mounting the device, making a call and hanging up has been given to participants. The results have been clustered into directions for all the team in order to come up with concepts and then select one according to the design requirements.

oposal

The design phase followed an iterative process based on another user testing, set up by and led by me and another student. In particular, it consisted of a special set up into two different rooms, with two independent systems connected over an Ip. Every system consisted of microphones, a flash web-based interface, and controls for the moderators. In this way the participant were asked to use the simulated interface while performing a real conference call.

Figure 28: Names can be added to the

The final design tried to answer the problems of awareness and talking order during a conference call.

Figure 14: Line visualizations of the voice Figure 15: Muting by pressing button on top Figure 14: Line visualizations of the voice Figure 15: Muting by pressing

ference call with the redesign of the

4.3 Hanging up 4.3 Hanging up For hanging up, users just need to simply put the tower on the docking

For hanging up, users just need to simply put the tower on the station. And recharging battery starts automatically. station. And recharging battery starts automatically. Figure 14: Line visualizations of the voice

ence call with the redesigned conference

4.3 Hanging up

For hanging up, users just need to simply put station. And recharging battery starts automa

n added value regarding focus, presence experienced as being intuitive?

Figure 15

Figure 18: The setup during the redesign test

Figure 16: Like putting the receiver back on the phone Figure 16: Like putting the receiver back on the phone


2

1

QUESTIONNAIRE

on appearance, aesthetical pleasure, functionalities

USER TESTING

How to operate the device and make a call


STEFANO

sessions, movies

SOPHIE

JAY

flash developer, technician

planning, research

JULIE DAPHNE

meeting manager research

THE TEAM

client contact, research

WOUTER

sessions, report


A c t i v i t y, n o t o n l y u s e r How I discovered design is not user centred, but embraces the several tasks of the experience of use

“sticks together� Stefano Oliva 2010


Solutions for grouping travellers and Increasing ridesharing in PRT Graduation project 2GetThere and TU Delft,2011 Graduation project on Personal Rapid Transit (PRT) produced by 2Getthere for Masdar city. The goal has been how to trigger and influence behaviors towards ridesharing to reduce occupancy.

R I DE FAST R I DE TOGE T H E R

“View on Masdar�

Foster Architects 2010


Personal Rapid Transit (PRT) is a means of transportation that offers personal, on-demand non-stop connection between any two points on a network of specially built guide-ways. It consists of small vehicles able to carry four passengers, combining the advantage of privacy offered by cars and the social advantages of public transportation. The company 2Getthere successfully implemented a PRT system in Masdar city last November 2010, providing continuous service between two stations. A future challenge the company has identified, is to be able to increase the occupancy rate of the PRT and the grouping of travellers in a future in which the system will have a higher number of stations. Consequently the purpose of the project “Ride fast, ride together” is to explore and deliver concepts that can trigger and motivate travellers in riding together in PRT, towards those stations that are selected the most. The context has been analysed with field studies of the existing automated systems, interviewing both operators and travellers. Together with expert consults from Sweden, Italy and Switzerland I defined a “traveller journey map”, that highlights all the touchpoints between the user and the service. Creative and generative techniques helped me gaining insights on the perception of ridesharing and explore possible areas for improving it. Concepts are presented as storyboards representing several use cases simulated with participants thanks to desktop models.

mobile access

MIST

-0:14

Select Destination Select Destination A

K13

MIST

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A

Mist City Hall Police Station Hospital Veelzigtstraat Zuidplein Oosteinde

T

MIST

-1:04

T

-0:14

Q W E R T Y U I O P Q W E R T Y U I O P A S D F G H J K L A S D F G H J K L Z X C V B N M

@123

Go

Z X C V B N M Go . / .com

@123

.

/

.com

PAUL IS OUT FOR A COFFEE WITH A FRIEND. NOW’S TIME TO GO HOME. HE GRABS HIS PHONE AND OPENS THE PRT APPLICATION

AFTER SELECTING THE DESTINATION, HE RECEIVES IN REAL TIME ALL THE POSSIBILITIES HE HAS. HIS MOBILE TRACKED HIM WITH HIS GPS AND SHOWED HIM ONLY THE PRT IN A SHORT RADIUS. THE ONE LEAVING FROM BERTH T IS GOOD FOR HIM, IT IS JUST 20 METRES.

PAUL ENTERS THE STATION, T BERTH IS IN FRONT OF HIM, WITH THE PRT READY FOR HIM.

cards

-1:04 PRT Selection

HE CHECKS IN JUST BEFORE ENTERING, TO CONFIRM THE SEAT. HE COULD HAVE BEEN DOING ITEVEN INSIDE THE PRT, BUT HE LIKES TOBE ORGANIZED IN ADVANCE.

MIST mist mist mist

Brentwood

(1min)

Dickson

(1min)

Atlanta

(2min)

New York

(3min)

Chicago

(5min)

Add Private Use

“Berth Layout”

Stefano Oliva 2010

Desktop Model used to simulate waiting lines

BOB HAS TO GO TO UNI, LIKE EVERY MORNING. HE HAS HIS OWN PERSONAL CARD, THE SAME HE USES ALSO AT UNI.

HE DOESN’T HAVE TO INPUT ANYTHING, THE PANELS AT THE ENTRANCE READ HIS CARD. THE POSSIBILITIES ARE SHOWN ON THE INTERFACE AND BOB SELECTS THE FIRST ONE, AND HIS CARD GETS THE COLOR OF THE BERTH HE WILL LEAVE FROM.

AT THE BERTH HE FINDS ANOTHER FELLOW STUDENT WITH THE SAME BLUE CARD. THEY DECIDE TO GO TOGETHER TO UNI AND HAVE A CHAT

A SUBTLE SOUND TELLS THEM THE PRT CHECKED THEM IN. BY TRAVELLING TOGETHER THEY FOR SURE GAIN SOME POINTS THAT THEY WILL BE ABLE TO SPEND AT THE UNI, THEY WILL HAVE TIME T O CHECK ON THEIR ONLINE ACCOUNT LATER.


1

BACKGROUND RESEARCH

Literature on ridesharing and automated vehicles, consult with experts.

2

DEFINING EXPERIENCE

User research and definition of the touchpoints between user and service provider


2

CREATIVE/GENERATIVE SESSION

Needs, wishes and desires from the user on the topic of ridesharing; how to trigger and stimulate behaviors?


3

SERVICE ROLE PLAY

scenarios tested with target groups, to evaluate concepts and gain feedbacks from direct simulation.


4

ITERATIVE UX DESIGN

In a month time, the design of the online portal, mobile app and vehicle interface followed several steps of improvement. Users have been asked to operate wireframes and simulate the functioning.


The final design proposal is an engaging, rewarding and motivating service that stimulates travellers in riding PRT together in order to gain credits and prizes.

3:30PM

Riding fast, Riding together

Mist PRT

Hi Travellers,

The proposal consists of a complete set of vehicle, station, mobile and online interfaces with which travellers can gain credits in addition to organizing their journeys.

here is your

Code

Furthermore, a scalability plan has been proposed where the wayfinding solution, ticketing machines and a full mobile application to organize and book journeys has been designed.

Number: DX78br

Scan it with your mobile, or type it in online.

Let’s go to

K13

The more you are in this PRT, the more you earn !

Wireframing and Omnigraffle blueprint have been continuously tested with users, asked to simulate the use of the mobile device and then check the personal page on the online portal, going through all the features. the more you earn ! The more you are in this PRT,

The most important value the project left me is, when designing interactions, having a holistic approach. Defining a traveller’s experience map, helped me finding the activities that can be improved in the service; at the same time, though, it made me constantly keep an eye on what the service provider can offer, and what opportunities would be feasible for both.

K13 Let’s go to

or type it in online. Scan it with your mobile,

Code

Number: DX78br

here is your

Hi Travellers, TheOlly

Riding fast, Riding together

TheOlly

Achievements

Mist PRT

This is where you keep keep track of your progress

3:30PM

Activity Overview Handbag

Achievements Friends

you’ll just have to wait a bit more.

Bidis

Scan my Code

Calim

Tell us where to go ! or type it in

Beir

Ceirt Dapur

Got it !

SIGHTSEE

DEPART IN

OFFER

- 5:00

SILENCE

DEPART IN

OFFER

- 8:35

Got it !

MUSIC

Book another Ride

Your Account :

TAILORED Stefano

Fellow Travellers :

on youYou

Lives: Abu Dhabi Offer: Sightseeing 20 Voted

Stefano

Join a shared PRT and leave Maxime Lives: !Masdar immediately

No one yet

OtherwiseOffer: getSilence one for yourself, 5 Voted

you’ll just have to wait a bit more.

No one yet

Join ! Tell us where to go !

earn 1 credit each GetYou your Prize

Where you want want toto gooffer? ? What dodoyou

Activity Overview

Share an experience with others A A Agabi B

Chat Agib

Let’s talk !

C D E F G H I J K L M N O P Q R S T U V W

HandbagSilence is art Beir Relax Bidis Sightsee

I know it !

Achievements

Calim Ceirt

Friends Share it with others !

Dapur

5 5 5

DEPART IN

OFFER

- 1:35

SIGHTSEE

DEPART IN

OFFER

- 5:00

SILENCE

DEPART IN

OFFER

- 8:35

MUSIC

Book another Ride

June

5 points

rides

5

DEPART IN

- 1:35 Stefano Lives: Abu Dhabi Offer: Sightseeing 20 Voted

Maxime Lives: Masdar Offer: Silence 5 Voted

Join ! You earn 1 credit each

1 shared rides

PLATFORM

5

You can earn 1 credit if you join a ride !

May

1 points

From Sundra to Agib 1 shared PLATFORM

University

PLATFORM

MIST- 1:35

4 You can earn581 credit if in you ! Minutes 5 a 59ride 1 credit forjoin you, Rene’ ! 6 00

PLATFORM

OFFER

- 1:35

15

DEPART IN

From Sunda to Agib

PLATFORM

Agib

Fit the code here . . .

A B C D E F G H I J K L M N O P Q R S T U V W

5 5 5

DEPART IN

Log In

PLATFORM

Agabi

a shared PRT and leave immediately !

Otherwise get one for yourself,

PLATFORM

A

PLATFORM

toge ther

Where do you want to go ?

PLATFORM

Riding Join

on you

You can earn 1 credit if you join a ride !

From Sundra to Agib B-Going from Sunda

From Sundra to Agib PLATFORM PLATFORM

You can earn 1 credit if you join a ride !

Log In

TAILORED

From Sunda to Agib

SHARED

B-Going from Sunda

Log In

April

1 points

From Sundra5 shared to Agib

5

rides

in

4 5 6

58 59

Minutes

00

What do you want to offer? Share an experience with others

Chat

Let’s talk !

Relax

Silence is art

Sightsee

I know it !

Share it with others !


“Bella�

Stefano Oliva 2011

One of custom fixed gear bike I enjoy restoring and customize in my spare time

Whatelse I like to do in my spare time

S I DE P RO J ECTS


Arduino Night-shifts Eager to improve with Arduino more and more, I am currently trying to explore its potential in communication between sensors/devices and the web. Smart grid and remote cameras project are what keep me up late at night lately.


Laser cutting and engraving Personal project and FabLab Amsterdam Thanks to Fablab Amsterdam I had the chance of learning how to use Laser cutting machines and 3D mills in order to experiment the effects on different materials and supports, besides personal growth.


Superstition in Food Cultures Personal project and Tu Delft, 2010 Sale reshapes the gesture of passing the salt, totally forbidden among superstitious. The product won a small prize inside the food design course at TU Delft and it has been published by PSSST online magazine.

check it online


Sustainble Service Personal project with Ahmet Bektes Consume started as a rejection for the actual state-of-art of design in fashion, a respectfully strong disappointment for the last tendencies on big brand fashion, throwing on market products without a soul. This experience gave me an interesting perspective on pitching ideas, markets and how to find investors check it online


Photography Personal project and events Since I got my first analog 15 years ago, I’ve been growing my passion for photography. Post production with Aperture or Lightroom is a way easier when you already did it with films, spending tons of money and time into the dark. Two years at Salone del Mobile Milan gave a great oportunity to spot market developments besides growing as a reporter.

check my website


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.