Higui » GUI

Itsme concept evaluation

higui — Wed, 15 Oct 2008 12:50:59 +0000

Concept evaluation is an important part of the interaction design and development process of Itsme workstation. It allows the user to be a part of our design and development process.
We were currently in the initial design phase of Itsme workstation, while moving towards the development phase we thought was important to gather users precious feedback to be able to deliver the best to fit their needs.

We created, in collaboration with the Communication Science Department of Siena University, Interaction Design area, four different scenarios to be presented to the audience responding to the target users.
The scenarios explore the key aspects of interaction with Itsme by illustrating everyday life excerpts of four user profiles (i.e. the personas):

Carola – creative professional
Livio – professor
Sara – entrepreneur
Gianni – manager

After having looked at the scenario the users were asked to fill in a questionnaire with 6 questions and a blank field to add free comments. Furthermore, whenever possible, in depth interviews have been conducted.

Itsme Conept Evaluation was presented during the Smau held in Milano and the Festival of Creativity held in Florence, in October 2008. After the events was reproposed as online version on the Itsme website.

Itsme Conept Evaluation is developed in Adobe Flash, the scenarios consist in four short streaming clips and, both in events and online version, feedbacks are gathered through Google Docs.

View website: evaluation.itsme.it

Main menu screen

Carola - creative

Sara - entrepreneur

Livio - Professor

Gianni - Manager

Gianni survey screen

Thanks to Stefano Cardini, Emilio Genovesi, Chiara Muccitelli, Anna Pellizzari and Christian Tubito for being spontaneous models and protagonists for the visual scenarios.

Momo Design MD-300H

higui — Mon, 30 Jun 2008 16:26:24 +0000

During my work in H3G my activity ranged from the graphic customization of third party devices, testing of under development devices, to the development of the Momo Design branded phones.

Particularly i had the possibility to follow in deep the development of one mobile phone: the MD-300H. This phone is produced by BenQ for H3G italy, and sold under Momo Design brand.
As first collaboration between H3G and BenQ, the project’s goal was to have a product in line, in terms of information architecture and graphics, with the previous Momo Design models produced by the Chinese vendor ZTE.

The first important step was to define the information architecture. In order to make the BenQ mobile OS look and act like the reference MD interface i had to redesign the main menu and rearrange the sub menus, mainly trying to simplify the architecture, and i had to require the implementation of different features, from the tab system in menu screens to the media player.
The second step was to redesign all the graphics asset of the handset, ranging from the main to every small icon visible on the interface. Fortunately my colleague Mauro helped me in this job.

Interafce layout - Main menu, tab screen, textual screen

User interface screenshots

Demonstration video

In this video, a product review done by the guys of Telefonino.net, you can have a look at several user interface details. To view the video in HD press here.

Review from Telefonino.net

Jamba Music Player, PC client layout

higui — Wed, 01 Nov 2006 15:58:15 +0000

In 2006 I did an internship at Jamba! GmBH, one of the world’s biggest mobile content companies, based in Berlin. My role was interaction and graphic designer within the Jamba Music Team, responsible for the Jamba Music client development. The Jamba Music Player is a music rental service, and it consist of a PC client and several mobile clients (J2ME, Windows Mobile, Symbian and Symbian UIQ) that allow the user to download and play DRM-protected mp3 songs form a huge web database. Once a user takes out a subscription, he can download either on his PC or on his mobile phone the music files, play them, sync the two devices, send files to friends over BT, and other features.

The project described below is an analysis of the 2006 PC client, based on few basic user tests, and two consequent restyling proposal of the front-end layout. The purpose of this work was to improve the actual layout on the user experience side and analyze how it could be opened to new feature introduction.

Actual layout review

Actual layout analysis

Alternative wireframe based on actual layout

Alternative wireframe based on actual layout - mockup

New layout proposal

New layout wireframe

New layout mockup

Final mockup and alternative configurations

Final mockup - extended configuration

Final mockup - alterneative configurations