User Experience Design for the Nokia Asha 501

Mobile Design Asha 501

Nokia has now closed Vancouver’s R&D site, so this was my good bye project for this iconic and innovative company. 

In my last project for Nokia, I had the pleasure to work as the UX Design Lead for the Nokia Store on the New Asha 501 Phones. This young and playful full-touch device was designed from the ground up for users in emerging markets keeping in mind their needs, behavior, environmental characteristics and constraints; in addition, the device was designed to easily enable social interaction among users.

The Asha 501 was just announced in May 9, 2013, but I expect that the user-centric design approach used to create this device will contribute to great acceptance and adoption of this phone in the targeted markets.

Below is the official Nokia video for the Nokia Asha 501.

The New Nokia Asha – Inspired by people, made for this moment.

User Centric Design delivers results to the Nokia Asha Full-Touch Devices

Mobile Design Asha 305

Just 3 months after its launch, the Nokia Asha 305 is the best selling device in India.

I recently worked as the UX Design Lead for the Nokia App Store in the new Asha Full-Touch devices. It is very rewarding to see that the User Centric Design approach used by the design groups involved in this program is paying off so rapidly and that the product is getting an amazing acceptance in the markets it was specifically designed for.

The Asha 305 is one of the recently launched Series40 Full-Touch Devices, a price-conscious full touch alternative designed for young users in Emerging Markets.

The success of the Asha Full-Touch line of products has brought 2 new devices to market: Asha 308 and 309.

Below is the official Nokia video for the Nokia Asha 309.

UX Design for the Nokia Store on S40 Full-touch “Asha” devices

Mobile Design, Asha Full Touch

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.

Data Visualization – UN Global Pulse Mobile Survey

Data visualization
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

Two types of linear gauges were used to represent the data.
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.

Provide the Option of Visiting the Standard Site from a Mobile Version – Notes on User Experience

Provide Options, UX
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 ›› 

Data Visualization: Conveying Information through Visual Representations.

Alex Aranda, Professional development at Harvard University

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.

Status Lights, Usability and Accessibility – Notes on User Experience

Status lights on dashboards, UX

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 (US 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 understanding 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.

Learn how Innovo Ideas can help improve your user’s experience ›› 

Expected format and client side scripting – Notes on User Experience

Form design
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.

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 ›› 

“You Are Here” Indicators – Notes on User Experience

You are here UX indicators

I was recently presented with a web application for evaluation and I was surprised to see that what we think as a “Usability Basic Principle” was poorly executed. The use of “You Are Here” indicators.
It is important to let the users know at all times where they are. A user may lose track while browsing through your website or using your application and unless they know where they are, they will abandon the task and leave your site… frustrated!

What to do:

  • Display a Clear Page Title – Use the highest visual hierarchy for the title in your content and always present it in the same place.
  • Indicate the Location in the Navigation – Highlight/differentiate in the Menu and Sub-menus where the user is.

Other ways to let the user know their location in your site: 

  • Use Breadcrumbs – Breadcrumbs are a powerful navigation tool that also help communicate where users are in relationship with the rest of the site/application and the path they took to get where they are now.
  • Use Progress Indicators – Let users know their progress during a process or while filling a multiple-page form.

Learn how Innovo Ideas can help improve your user’s experience ››

SEO tips part 2 – Off-Page Search Engine Optimization

Search Engine Optimization

As mentioned in my previous blog, Search Engine Optimization is divided in 2 parts: On-Page and Off-Page SEO.
After preparing and optimizing your web pages with On-Page SEO (read my previous article), you can start working in the popularity of your site with Off-Page SEO:

10 Off-Page Search Engine Optimization activities

Off-Page SEO is about the activities you do to promote and popularize your website.

  1. Submit your site’s url “carefully”. I am AGAINST submitting to 1000’s of useless directories and using software that promises multiple submissions. Nonetheless, submitting to quality directories (count with one hand) and sites related to your field is a good way to put your name – and url – out there. The key here is quality over quantity.
  2. Prepare Press Releases and send to Online PR sites. A press release about your website’s launch, a new contract or a special event can be released to different PR websites, who will distribute the news to various online news outlets.
  3. Article Submissions. Create a short article on your area of expertise and submit it to article directories to be published with links to your site. Your article might also be picked up and published on other websites bringing additional traffic.
  4. Multiple blog platforms. Set up different versions of your blog on different blog networks like WordPress.com, Blogger and Xanga with links back to your website.
  5. Comments on Blogs. But don’t just spam for links; focus on building a relationship with other bloggers by providing relevant, useful comments.
  6. Collaborate with other sites that complement your area of expertise and let your site be linked from these sites. This is a more professional approach to reciprocal linking.
  7. Create Social Media Profiles. When creating social media profiles, you will include your web address company name and branding making your site more popular. Then, with the use of social media, you will find an additional channel that will bring traffic to your site.
  8. Social Bookmarking. Social bookmarking websites like Delicious, Digg or Stumbleupon are often crawled by search engines and their links help with your site’s popularity and listing.
  9. Create a useful Tool, or Widget for your target audience and make it available for free in your website.
  10. Hold contests with an interesting prize and provide mechanisms to help spread the news: email to a friend, like this, tweet this, blog this, etc.

Much more can be done to improve your ranking and popularity, but this list is a good staring point. Don’t forget to monitor your progress; a good analytics system will give you valuable information on your traffic, trends and efficiency of your web efforts.

Don’t forget to optimize your web site, read my previous article: On-Page Search Engine Optimization.

Learn how Innovo Ideas can help improve your online presence ››