Transcript
Page 1: Ux portfolio 2013 october final ivan pecorari

0106.10.2013 / REV. 00

PORTFOLIOUX

Page 2: Ux portfolio 2013 october final ivan pecorari

02SUMMARY - Ivan Pecorari

Meeting in the middle

I’m a curious Designer pursuing the holistic approach to design and life.I’m exploring the intersection between Interaction Design and Architecture creating systems, spaces, installations, events, that are hybrid, poetic and playful.Every project is a world in itself and each game has its own rules but no project is an island so my hands are on detail but my eyes see the bigger picture.My formal training is in Architecture, Interaction Design and also includes graphic design and events production. I recently earned an MFA degree in Interaction Design from Domus Academy, Milan and also hold an M. arch II degree from Biagio Rossetti University school of Architecture, Ferrara and a course in Digital Architecture from Inarch Rome.

Specialties: Technical skills and competences:Architecture, Interaction design ,Graphic design, Exhibition design, Industrial DesignComputer skills and competences:2D/ motionAdobe Photoshop, Illustrator, Indesign,Flash, Premiere Pro3D & Techinal drawingAutocad,3d Studio Max with Vray, modo 401 Rhino, SketchupLanguage & physical computerProcessing, Arduino

06.10.2013 / REV. 00

IVAN PECORARI, Interaction designer & Architect

Page 3: Ux portfolio 2013 october final ivan pecorari

03

User testConcept and PrototypeWireframeinteraction map / Content Architecture

User ScenarioEthnographic research / PersonasBenchmarck Collecting Best Practices / Moodboard

06.10.2013 / REV. 00PROCESS AND TOOLS

PROCESS AND TOOLS

Page 4: Ux portfolio 2013 october final ivan pecorari

0406.10.2013 / REV. 00iPOINT - Overview

Innovation principle Application, final design screenshot

Ipoint KioskCPSI center, Pretoria, South Africa

2012 Pretoria, South Africa

As part of a larger installation of various interactive displays for the CPSI, we created several user interfaces for a hand and finger-tracking device developed by HHI Fraunhofer in Berlin. iPoint accurately tracks one or mul-tiple finger gestures, which can then be calibrated to navigate a Graphical User Interface. We developed two applications for this system, one information kiosk with best practise examples of innovation in public service, one assessment of the users’ understanding of innovation principles.

Challenges with the conceptual model of the interaction:

• It seems “unnatural” to users to interact with a screen by pointing at it. • The trigger problem: most computer interfaces separate pointer and

input action. This gives users a chance to reflect on their choice before executing an action. A gesture based point interface does not have a mouse click, so an alternative way of selecting an action had to be in-vented.

Thus, for our South African client, we looked at GUI solution that did away with clicking and worked solely with roll-over

Pointing Ergonomics

After a few tests we found that best solution to date is a circular GUI which follows the natural ergonomics for pointing with the hand, since it supports the circular movement of the wrist. The movements feel natural. At the same time, movements can be reduced to an absolute minimum; the interface can be navigated with only the index finger moving. With regard to the trigger area, we found that adding large interactive areas and roll-over states added to the experience of control and ease, whilst the trigger areas needed to be separated from the active areas, so the trigger timer would only be activated if users intended to do so.

iPOINT for the Centre for Public Service Innovation (CPSI) / Overview

Page 5: Ux portfolio 2013 october final ivan pecorari

05

6. Restart 7. Comparison4. Tips 5. End of questionnaire - Result2. Question 3. Choose/ConfirmO. Start application 1. Navigate

Circular GUI Final DesignCircular GUICheckerboard interfaceGUI with a horrizontal menu structure

GUI Research

Interaction Flow Wireframe

iPOINT - UX 06.10.2013 / REV. 00

iPOINT for the Centre for Public Service Innovation (CPSI) / UX

Page 6: Ux portfolio 2013 october final ivan pecorari

0606.10.2013 / REV. 00

iPOINT for the Centre for Public Service Innovation (CPSI) / Video

IPOINT - Video

Page 7: Ux portfolio 2013 october final ivan pecorari

0706.10.2013 / REV. 00MOORREENSBURG TANGIBLE CITY TABLE - Overview

Innovation principle Application, final design screenshot

Kiosk designExplore the city with a tangible interface

2013 Moorreensburg, South Africa

Function and content

Visitors learn about the history of the town through the eyes ofhistorical personalities using aninteractive table with a model of the town . The multi-media installation shows information around the followingthemes:•EarlydevelopmentandTheChurch•Education•Townhistory•Localbusinessesandeconomy

Exhibition details

The interactive table uses sophisticated pattern recognitiontechnology allowing visitors to navigate content information byplacing physical objects, with patterns under them ,and ontothe table’s surface. The surface has a map of the town on it withthe buildings represented in layered 3D models. The locationsfor the objects to be placed into are obvious in that they are cutout of the map in strategic locations around the table. A 32” HD screen adjacent to the table displays all the digital content that is activated and manipulated by the user’s interaction with the table.

MOORREENSBURG TANGIBLE CITY TABLE / Overview

Page 8: Ux portfolio 2013 october final ivan pecorari

08

C) Explore imagesD) Explore events and fact

A) Place a character in a location on the mapB) Rotate the character to explore the location

6. Screen elements5. Introduction of the era

4. Interaction 3. Time Cylinder2. Content Matrix1. Map : Point of view layout

Interaction Flow / Content Architecture Wireframe

MOORREENSBURG TANGIBLE CITY TABLE - Ux 06.10.2013 / REV. 00

MOORREENSBURG TANGIBLE CITY TABLE / UX

Final GUI

A C

B D

Page 9: Ux portfolio 2013 october final ivan pecorari

0906.10.2013 / REV. 00

MOORREENSBURG TANGIBLE CITY TABLE / Video

MOORREENSBURG TANGIBLE CITY TABLE - Video

Page 10: Ux portfolio 2013 october final ivan pecorari

1006.10.2013 / REV. 00LEARNING IS A BREEZE Installation - Overview

Innovation principle Application, final design screenshot

Steering wheel rappresenting player IDsCPSI center, Pretoria, South Africa

2013 Cape Town City Hall, South Africa

Learning is a Breeze’ is an interactive exhibit which comfortablyremoves the audience from their comfort zone through playfulinteraction.

Opportunity:Learning is a Breeze’ was designed as a part of an exhibition aroundLearning and Design at the Open Design Festival in August 2013 inCape Town.The aim of the project was to present a culturally diverse audiencewith a different view on education, technology and gaming whilstengaging them in playful and delightful interaction.

Craft:The multidisciplinary team that had worked on ‘Learning is a Breeze’has distinct experience in engaging audiences in public settings. Inanticipation of a very heterogeneous audience with varying levels oftechnology experience, the interaction had to be reduced to the mostsimple elements. We anticipated short dwell times of 15 minutes orless, which prohibited a more complex interaction. We introduced themetaphor of flying a paper jet, which put the audience at ease bycarrying a faint memory of school education where jets were made tokill time and have fun. Joyful SoundFX and background track furthersupported this goal. The four steering wheels of different coloursrepresented different player IDs and could simply be picked up fromthe grass to play. We decided not to use a standard gaming consoleinterface (e.g. Nintendo, Xbox etc) since the aim was to do away withthe prevalent (device-centric) perception of technology interaction. Byreducing the interface to a semitransparent, non-technologicalPlexiglas object, we reduced the technology fear factor to aminimum. The simple turning interaction of the steering wheel wasimmediately adopted by almost every user.

LEARNING IS A BREEZE Installation / Overview

Page 11: Ux portfolio 2013 october final ivan pecorari

11

Final InstallationStructureSteering wheel and FiducialPlatform design

Circular GUI Final DesignIntermediate circular GuiGUI 4 side / four usersGUI 4 side / one user

GUI Research

Project elements

LEARNING IS A BREEZE Installation - UX 06.10.2013 / REV. 00

LEARNING IS A BREEZE Installation / UX

Page 12: Ux portfolio 2013 october final ivan pecorari

1206.10.2013 / REV. 00

LEARNING IS A BREEZE Installation / Video

LEARNING IS A BREEZE Installation - Video

Page 13: Ux portfolio 2013 october final ivan pecorari

00.00.2013 / REV. 00 13

THANK YOU

Ivan PecorariArchitect & Interaction Designer

South Africa +2772217890Italy+393383149306

E mail : [email protected]

www.ivanpecorari.it


Top Related