Friday, August 24, 2012
UX Design for the Nokia Store on S40 Full-touch "Asha" devices
In my current role at Nokia, I had the pleasure to work as the UX Design Lead for the Nokia Store on the recently launched Series40 Full-Touch Devices (Asha 305, 306 and 311); a price-conscious full touch alternative designed for young users in emerging markets. My UX Design effort also included the EA Games Gift, a promotional initiative between Electronic Arts and Nokia that has become a pivotal tool in the launch of these and many other Series40 phones.
Below is the official Nokia video for the Nokia Asha 311.
Other phones recently launched with the EA Games Gift are the non-touch Nokia 110, 112 and Asha 202, 203 to mention just a few.
Friday, June 22, 2012
Data Visualization - UN Global Pulse Mobile Survey
Not long ago I designed a visualization using data from the UN Global Pulse Mobile Survey. This visualization represents the Impact of the global economic crisis in 5 countries and its population Sentiment and Forecast.
Although we were dealing with different data types, the objective was to clearly represent –at a first glance– the sentiment and forecast for each country based on 5 questions related to:
- Country Economy
- Household Needs
- The Challenges
- Quality of Life
- The Future
For question 1 and 2 the gauges were divided in 4 sections based on predefined answers.
For questions 3, 4 and 5 the gauges illustrate a positive/negative sentiment based on the answers . Due to the variety in the answers, a common denominator was found in the sentiment, rather than in specific answers.
In addition, each question uses a tag cloud (weighted list) where we can clearly identify the most popular sentiment in each of the countries involved in the survey.
View the complete visualization here.
Sunday, March 25, 2012
One of my photos in a Norwegian magazine
I take photos as part of my creative outpouring.
Part of the fun is contributing to different stock photography agencies and it is always rewarding to find out how people are using these photos.
Today I found one of my photos in the Norwegian magazine kk.no. In this web version of the magazine appears Vancouver model Erica Sprott photographed by Alex Aranda in Coal Harbour, here in Vancouver B.C.
Part of the fun is contributing to different stock photography agencies and it is always rewarding to find out how people are using these photos.
Today I found one of my photos in the Norwegian magazine kk.no. In this web version of the magazine appears Vancouver model Erica Sprott photographed by Alex Aranda in Coal Harbour, here in Vancouver B.C.
Sunday, November 20, 2011
Provide the Option of Visiting the Standard Site from a Mobile Version – Notes on User Experience
We all know that mobile versions of web sites
should be minimalistic, efficient, action driven; in many cases a lighter
version of a standard website.
But sometimes, users may want to access the standard
site from their mobile devices if they are looking for specific information or
if they are familiar with the standard website. This is more common with the proliferation
of better mobile devices and more efficient, inexpensive data services.
What many mobile versions are failing to do
is to provide a link to visit the standard site causing great frustration to
the user.
What to do:
Give your mobile visitors the option of
visiting the standard site, even if it’s just through a link in the footer. And
from your standard site, you could give them the option to come back to the
mobile site, making this link available on detected mobile devices.
Learn how Innovo Ideas can help improve your user's experience ››
Labels:
centered,
centred,
design,
device,
gui,
interactive,
mobile,
ucd,
ui,
usability,
user,
user experience,
UX,
UX - User Experience,
web,
web site,
website
Thursday, August 25, 2011
Data Visualization: Conveying Information through Visual Representations.
A professional development experience at Harvard
By Alex Aranda, Principal Consultant, Innovo Ideas Interactive.
Aware that our field evolves in the blink of an eye, I have made the personal commitment to frequently seek for professional development opportunities. This summer, I went to Harvard University to participate in a seminar on Data Visualization.
The location was the CGIS-south building at Harvard University; just a few steps away from Harvard yard and Harvard square, this beautiful building offered convenient, state of the art facilities -a perfect setting for this seminar-.
Imparted by distinguished Professor Hanspeter Pfister, the seminar on Data Visualization was a great opportunity to explore different visual representation methods and techniques, hear the latest on research and new ideas on how to increase the understanding of complex data.
The lectures, team activities and hands-on exercises were an excellent way to dive into the subject. The experience got even richer by sharing ideas with participants; some of them representing global innovators such as Google and HP, not to mention scholars from renowned institutions such as NYU.
The seminar was a fantastic experience that reinforced a clear goal: we need to create simple, creative and user-friendly visual representations of data to improve comprehension, communication, and decision making in a world overloaded with complex information.
By Alex Aranda, Principal Consultant, Innovo Ideas Interactive.
Aware that our field evolves in the blink of an eye, I have made the personal commitment to frequently seek for professional development opportunities. This summer, I went to Harvard University to participate in a seminar on Data Visualization.
The location was the CGIS-south building at Harvard University; just a few steps away from Harvard yard and Harvard square, this beautiful building offered convenient, state of the art facilities -a perfect setting for this seminar-.
Imparted by distinguished Professor Hanspeter Pfister, the seminar on Data Visualization was a great opportunity to explore different visual representation methods and techniques, hear the latest on research and new ideas on how to increase the understanding of complex data.
The lectures, team activities and hands-on exercises were an excellent way to dive into the subject. The experience got even richer by sharing ideas with participants; some of them representing global innovators such as Google and HP, not to mention scholars from renowned institutions such as NYU.
The seminar was a fantastic experience that reinforced a clear goal: we need to create simple, creative and user-friendly visual representations of data to improve comprehension, communication, and decision making in a world overloaded with complex information.
Friday, July 8, 2011
Status Lights, Usability and Accessibility – Notes on User Experience
Not long ago I was reviewing the usability of a client’s application, including a “status list”; the first thing that caught my attention was the amount of status available and the illegibility of the 'lights' identifying the status.
Having researched colour vision deficiency in the past, it was very obvious to me that these status indicators were not only impractical, but also they were not complying with accessibility best practices and laws (the famous Section 508).
The colour selection was random and unplanned and the visual treatment was not helping either. The design was trying to add some volume to the 'status lights' with light and shadow, making the colour even more confusing. Finally, the page was too busy, using more lights than a Christmas tree.
After discussing this with the client, he confessed an embarrassing situation while presenting the software to a potential client; someone in the audience pointed out that he couldn’t see the 'status' that he was talking about.
What to do:
Thinking about Usability and Accessibility doesn't mean compromising on the result, but including these requirements in the design process.
First of all, always keep in mind that colour-only is not a good identifier. We all perceive colour in different ways and many people may have serious difficulties to understand your message. Forget the ‘traffic light’ concept. Although we are used to the message, this is not the most user-friendly approach.
Review the colours you are using and test different values/hues to achieve a clear contrast in the absence of colour.
Use a combination of colour and symbols to identify your status indicators.
Finally, reduce the clutter.
Having researched colour vision deficiency in the past, it was very obvious to me that these status indicators were not only impractical, but also they were not complying with accessibility best practices and laws (the famous Section 508).
The colour selection was random and unplanned and the visual treatment was not helping either. The design was trying to add some volume to the 'status lights' with light and shadow, making the colour even more confusing. Finally, the page was too busy, using more lights than a Christmas tree.
After discussing this with the client, he confessed an embarrassing situation while presenting the software to a potential client; someone in the audience pointed out that he couldn’t see the 'status' that he was talking about.
What to do:
Thinking about Usability and Accessibility doesn't mean compromising on the result, but including these requirements in the design process.
First of all, always keep in mind that colour-only is not a good identifier. We all perceive colour in different ways and many people may have serious difficulties to understand your message. Forget the ‘traffic light’ concept. Although we are used to the message, this is not the most user-friendly approach.
Review the colours you are using and test different values/hues to achieve a clear contrast in the absence of colour.
Use a combination of colour and symbols to identify your status indicators.
Finally, reduce the clutter.
- Do you really need all these status indicators?
- Can the status list be simplified to have a cleaner screen?
- Do you really need a status indicator when everything is OK?
After all, when driving, you don’t have a green-blinking light in your car dashboard indicating that everything is OK.
Friday, March 4, 2011
Old School Marketing vs. New School Marketing
Some thoughts on why companies should utilize more the new channels of communication in their marketing efforts.
Consumer behavior has changed and the old school channels of communication are rapidly losing power. Today, consumers fast-forward TV commercials, immediately recycle flyers and junk mail, read their news form the web and find the closest restaurant using their mobile devices. They can choose which marketing messages they receive and from whom, and they expect to be involved in the conversation.
The new school marketing delivers what today’s consumers want: Relevant, interactive communication through their channels of choice.
The following chart outlines some of the differences between Old School Marketing and New School Marketing.
Learn how Innovo Ideas can help with your new media initiatives ››
Consumer behavior has changed and the old school channels of communication are rapidly losing power. Today, consumers fast-forward TV commercials, immediately recycle flyers and junk mail, read their news form the web and find the closest restaurant using their mobile devices. They can choose which marketing messages they receive and from whom, and they expect to be involved in the conversation.
The new school marketing delivers what today’s consumers want: Relevant, interactive communication through their channels of choice.
The following chart outlines some of the differences between Old School Marketing and New School Marketing.
Learn how Innovo Ideas can help with your new media initiatives ››
Saturday, November 13, 2010
Expected format and client side scripting – Notes on User Experience
Users, including ourselves, have to deal with web forms almost every day. The task can be tedious and even frustrating, especially when a simple task comes with an instruction booklet.
It is common to find a simple Telephone Number field with a set of instructions attached to it: “Please don’t use spaces, dashes or brackets”… “Use brackets, don’t use spaces”… “Area code in brackets, no spaces”.
Yes, the database expects a clear format and this is very important, but the user shouldn’t have to pay for it.
All forms and specific fields should be designed taking a user-friendly approach, utilizing client side scripting to format the data, no matter how the user inputs the information.
Using the telephone example, the user should be allowed to input dashes, spaces, brackets; the script will strip these characters sending only the information needed.
Other alternative is to use a multi-field format with properly labeled and sized fields, and scripting to allow the user to continuously type the information by jumping from one field to the next one once the field is completed.
It is common to find a simple Telephone Number field with a set of instructions attached to it: “Please don’t use spaces, dashes or brackets”… “Use brackets, don’t use spaces”… “Area code in brackets, no spaces”.
Yes, the database expects a clear format and this is very important, but the user shouldn’t have to pay for it.
All forms and specific fields should be designed taking a user-friendly approach, utilizing client side scripting to format the data, no matter how the user inputs the information.
Using the telephone example, the user should be allowed to input dashes, spaces, brackets; the script will strip these characters sending only the information needed.
Other alternative is to use a multi-field format with properly labeled and sized fields, and scripting to allow the user to continuously type the information by jumping from one field to the next one once the field is completed.
As a last note, don’t wait until the user fills the complete form to provide feedback, immediate validation is necessary to offer a positive user experience.Learn how Innovo Ideas can help improve your user's experience ››
Subscribe to:
Posts (Atom)