Catch my Mood

Successful advertising always captures the mood of the users. With many devices, like mobile phones, even vending machines, trying to become 'mood sensitive', we designers can capitalize the data of the user's 'mood' for advertising.

As advertising on devices increasing becomes content and location based, along with 'augmented reality' becoming a reality , adding the 'mood' can lead to the next level of advertising.
Imagine my phone detects I am 'sad' or 'happy' or 'confused' based on my speech pattern, body temperature or heart beat and display ads which are mood sensitive for the already captured location and content.

Below is an example scenario:

Deepti is research student, who spends her evenings working by the river shore


She receives a phone call saying her research work on Pre-Columbian art in Peru will be funded.


The phone immediately detects she is excited and happy, and displays messages asking her to celebrate. It shows options where she can celebrate based on her location.


While advertising based on user's mood, we should also ensure it is very subtle and not intrusive.

Mood sensitive interfaces can have other uses apart from advertising. It can be used for medical purposes or for children with special needs.

Cooking the Engaging Experience Iteratively

Iterative design is like preparing the popular sweet of West and South India – Puran Poli (in Marathi) or Holige’ / Obbattu (in Kannada).

Traditionally, the entire process of making Puran Poli was very social, where women gathered around and would discuss their problems or share their joys while preparing the dish.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

In the design process, we can start with brainstorming sessions and interactive workshops which ‘engage’ the stakeholders, team members and end users to make the product create the ‘engaging experience’. We can also collectively derive at ‘Scenarios’ to capture the ‘social’ aspect of the product being designed.

A scenario talks about the user, situation and user’s goal. Let’s assume we are designing a mixer grinder (blender), one of our scenario can be ‘Mrs. Joshi and her friends want to make a traditional sweet dish for Ganesh Chathurthi. She needs the blender to help her prepare the sweet while talking to her friends’. Mrs. Joshi will then need a mixer which does not disturb the conversation with her friends. If so, then it needs to make very little noise so that it does not drive her friends away from the blender or disrupts the ‘engaging experience’

Engaging experience can be built iteratively by thinking on 'what features to have', 'how to implement' and 'when to implement'. Iterative design involves building the core essence of the product first and later building over and around the core essence in several sprints. Just like the puran poli where the ‘core’ is jaggery and channa dal, which gives the dish its taste.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

The process of preparing the ‘core’ (Hoorna or Puran) begins with the right mixture of jaggery, channa dal and cardamom. This mixture can be eaten as is and is the bare minimum to be considered a sweet by itself. This is similar to KANO’s model of ‘Must haves’ in a product. So in the above scenario, the ‘Must haves’ of the blender is built around the features supporting the ‘quiet performance’.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

Once the goals and scenarios to achieve the goals have been established, the next process is to divide these into iterations, on how to achieve the must-haves (core), the extended features and the delighters.

While making Puran poli, the next stage will be to use the core (Puran or Hoorna) as a filling. This is similar to the extended features the product will have around to enhance the ‘core’ or goal.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

Here, we can re-validate our features which go around the product. Can it still be packaged as puran poli or if suddenly realize there are no right ingredients, can it be packaged as something else like Kadabhu (Karjai). Either ways, the core (jaggery+ channa dal) still remains the same.

In iterative design process the requirements may change over course of time, however the ‘goal’ of the user still remains the same. Eg: The blender instead of just being table top can now be combined with a micro-wave oven, so that it cooks while blending. Or, an application to help users get live traffic update can change from being a web application to a mobile application to better help users while driving. In both examples, the goal – ‘to provide quiet performance’ or ‘to get live traffic update’ remains the same as the ‘core’ filling of Puran poli or Kadabu.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

Once the decision has been made, the next level of preparation begins. The Puran poli is fried and the product is ready to be packaged.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

Finally, packaging the product is similar to serving Puran poli with ghee on top or serving it with milk on a banana leaf. The aroma creates the aspect of ‘delight’. Just like how products need to have ‘delighters’ or pleasant surprises which helps go beyond the basic necessities.

Image source: http://swadofindia.blogspot.com/2007/03/too-many-cooks.html

The core of the Puran poli can also be extended to other dishes. Usually the left-over hoorna is used for making a special rasam - Kattina saaru (in Kannada) or Kaatachi Aamti (in Marathi). The experience is extended as it is had after eating the sweet dish. Or, even if someone does not have the puran poli itself. This is similar to extending a product’s brand to other mediums. Eg: creating a section on Facebook or Twitter to market the product.

Throughout the entire process of preparing Puran Poli - from planning, cooking, to serving, and even eating it, is very interactive and social. These are the qualities we designers need to incorporate to make our design process more ‘engaging’ apart from providing an engaging experience to the end users. We need to ensure we engage our stakeholders and team members in all stages of our design process to decide on ‘what the product will have’ and ‘how to implement the product’.

Few methods a designer can use - User stories are helpful to begin and also draw boundary for conversation between team members. Creating story maps based on scenarios along with other team members can help decide how to iteratively develop the product. Interactive quick sketches by inviting other team members to sketch (if they wish) their ideas on top of our sketches or critique your sketches also leads the team to engage in your design and encourages to be expressive as well.

Thanks to Swapna for sharing these awesome pictures on preparing the Puran poli. Recipes to make other delicious dishes can be found on her blog - http://swadofindia.blogspot.com/

This newspaper, err... advertisement talks...

Few days ago, I woke up to a talking ad by a major car company featured in newspaper. The newspaper had a small device pasted on the last page which began to talk after opening the paper. This was a cool concept, however sent a scare among readers as well. Many readers in Bangalore thought there were some insects in the paper making noises and few called the cops mistaking it to be a bomb!

This device was very similar to the auto- launched audio/video ads one sees on websites. As soon as you open the website, they begin to play the video/audio. And you need to pause to make them stop. The newspaper needed to be closed to stop the audio.


The audio ads (both in newspapers and web) can be very annoying for these reasons:

They are not context sensitive – This often leads to embarrassing situations. When I wanted to catch up with the daily news while in a long meeting, a lingerie ad began to play, raising eyebrows of the other colleagues! The audio/video ads do not know which situation the user is currently in. Whether s/he is a meeting or at home. Or is s/he alone or with friends. Audio ads can work if they find the context and play appropriate ones while respecting ones privacy.

Difficult to make them ‘shut-up’ – In both cases, user has to check how to turn the annoying ad off. In newspapers, which page it is in and how to turn it off. In websites, which tab (out of all the tabs open) is the ad from?

Unrelated sounds – User gets a car ad when surfing news on Afghanistan

Inaudible Having a low-quality, amateur recording

Hopefully, we designers will take care of these problems while designing the ads the next time.

Applying Principles of Salsa Dancing into UX Design

Salsa, a popular Latin American dance, and UX design have a lot of elements in common. And designers can apply some of these principles into their process.

flickr.com/photos/axio/3388467035/

The most important aspect in salsa (or even ballroom dance) is getting the connection right between the dancers. Similarly, for a design to succeed, the designer has to connect with the end user- understand their mental models, predict how the user would navigate, consider the user’s likes and dislikes , and design appropriately. The designer cannot design a product just because s/he finds it cool or creative.

Good dance has well synchronized sequences. This is similar to the sequence of tasks a user does. Designers usually define scenarios to define how the product will be used. The smoother the sequence is, the better the end user experience.

Movements are building blocks to any dance, which define a sequence. Similarly, every interaction in a design defines how well the task can be completed.

Patterns of foot work, swivels and turns help be a better lead and a receptive follower. The designer also needs to understand patterns in usage of elements, problems faced by users and design in a way which would be well-received by user. Patterns in rhythm and beats set the overall mood on the dance floor. Similarly, the designer needs to consider current trends or ‘mood’ to create the appropriate designs.

Space and path (floor path) are important factors which defines how the dancers will traverse and the direction (such as forward, backward, sideways). Similarly, in a design users would traverse across the interface, and the designers need to make sure that the users traverse as smootly and elegantly as possible and complete their tasks easily. On the visual front, the designer needs to take care of both positive and negative spaces for the interface to work well.

Time (or tempo) in dance defines the speed of the dancer. Dance, music (unlike other forms of art like painting) incorporates linear time pattern, which means it moves through time and space. This is an important factor for designers too. Can the user complete a task in a short time? How long do I display a notification when the user receives a mail? And, how quickly should it fade away?

In Salsa, whether dancing with a partner or in a group (as in 'reuda'), there’s always a lead. The lead always aims to provide concise lead with accuracy. The other/s follow the lead; yet they have their own style and movements. If the lead is difficult to follow, the partner stops partnering him. Hence, the lead must adapt to the partner’s skills (based on whether the partner is a novice or an intermediate dancer or an expert), the available space on the dance floor and change the lead appropriately. The designer is like this lead who leads users to perform a certain desired task by understanding the user’s strengths.

Finally, one would always love to dance again with the same person if they had a good experience dancing with him/her. Just like how we designers need to ensure we have repeat users for our products!
So ensure a good ‘dance’ for your users!

Thanks to Afshan and Sannidhya for putting on their editorial hats and reviewing the draft.
image source: flickr.com/photos/axio/3388467035/

Is splash screen obsolete? How will it splash in future?

When we start an application, we are greeted by a splash screen. The splash screen lets us know the software we are about to open – it’s name, version, copyright information, the people involved in developing the software, loading status, etc.
The splash screens have undergone tremendous changes in terms of graphic design. A classic example is Photoshop, a tool we designers use often. Below are some examples of how it has changed over the years.
















The earliest splash screen - single color, single font.

























As the resolution of screens increased, so did their graphics. The splash screens introduced color and visualized the product’s features.











































After few years, the rectangular splash screen changed to free-form shape, going beyond the rectangle box.

However, the information displayed in splash screens over the years has undergone very minimal change. The splash screens were ideal when computers were slow and took time to start an application. But with faster computers, which take less than 5 seconds to start an application, how will user be able to view this information in future? Or do users ever read this information everytime?
Few softwares introduced the startup (welcome) screen, which helped user to pick the task he wanted to do easily, immediately after the splash screen disappeared (as shown below).




















In this scenario, do we need splash screens at all? Can splash screens do more than just displaying copyright, license information, loading progress?

With applications increasingly becoming suggestive, it’s more appropriate to merge splash screens with the startup screens. Merging them can help user to decide the task s/he wants to perform in few seconds as well as display the information about the software. While the application is loading in the background, user can decide and click on the selected option (eg: decide to open a new template) and begin their tasks right away after the application has loaded.

The splash screen can also me made social wherein it can have the following:

• RSS feeds
• Link to social networking tools like facebook on what others are talking about the software or if they discovered a new technique, or tips/ techniques
• Ratings on the software feature
• Appropriate links for collaborative work, where two persons can edit the file at the same time

Ideally, the splash screen can have the information as shown below:























Reference:
Images of Photoshop splash screens: http://www.guidebookgallery.org/splashes/photoshop

Thanks to:
Danny, Vinay, Afshan & Anshuman for reviewing my draft and providing relevant suggestions

But iPad doesn't fit in my tiny purse...

The past few days when most of my friends have been crazy about buying iPad, I must admit that iPad has not really impressed me. Here are the few practical reasons why:

• It is 1.5 pounds, pretty heavy
• The size of the iPad makes it even more difficult to carry around
• Does not support flash and can support only one window at a time

But, would have considered buying iPad if it was foldable and could fit it my purse. Maybe, the next version of iPad could be just that.

Did I book it? or not?

On my recent trip to Stockholm, I had the daunting task to do my own laundry. This led me to interact with a complex laundry room booking system. The booking machine had all the instructions in Svenska and the interface complex even for a localite (A Swedish lady who tried to help me was also confused!)

Finally, when I did manage to book a machine, it took few minutes to figure out which washer/dryer I had booked, as the label on the machines were equally confusing.

The whole experience made me realize the importance of pictorial interfaces. Pictorial interfaces, with appropriate use of iconography, can cover various user demographics. Pictorial interfaces cross the language barrier and illiterate users will be able to understand them as well. Pictorial interfaces do have few drawbacks regarding accessibility (how will a visually impaired user use these systems?), but however makes things simpler.

The Inside Story

Off late, there is a lot of interest on photographs, posters of products being disassembled and providing details of all the parts inside.

There is also another recent trend called 'Exploded View'. Although this trend was originally used for Lego instructions on how to assemble the different lego blocks to build models, recently designers have been using them to display hidden technologies and to boast the hidden value of the product side. For example, the recent advertisement for Hermès watches that reveals all the gears, escapements and jewels to convey the product’s importance and the preciousness of its complexity.

In today’s world, the news is often punctuated by explosions, and increasingly there is a sense of the center losing grip and of things flying apart. The exploded diagram might make real life seem menacing. But dissection is also teaching, and showing the parts is a fundamental element of learning and study. You can read more about this by Phil Patton at the AIGA website

I tried to create an exploded view of my name below :-) For ones who are not familiar with 'Veena', it is a stringed musical instrument and an integral part of Indian Classical music. The different parts of the veena reveal some of my skillsets.

(click to enlarge)

My day told through Brands

Voting experience in Indian e-lections

The 2009 Indian elections can be divided into 2 phases - ‘Deciding’ phase and later the ‘Voting’ phase. Deciding phase is when voters evaluate candidates and decides on a candidate to vote for. The Voting phase involves the process of voting - getting their voter’s ID, information on the right polling station and finally casting their vote.

This year’s elections saw a significant change in the polling experience in both the phases for voters. It was the first digital election in India and had many technological advancements.

The 2008 US elections had a significant influence on the Indian political parties. Inspired by Obama’s campaign, all the major Indian parties quickly utilized the power of social networking tools like facebook, YouTube, Twitter apart from having websites for their parties and candidates. They also utilized Television and mobile phones for campaigning. Television was a big way to get the message to illiterate voters in remote areas. These mediums also supported voters to discuss and voice their opinions, concerns in a transparent environment.

Apart from the political parties, corporates also pitched in to help voters decide. Google, along with Hindustan Times, developed a site which helped users to locate their constituencies and polling booths, the candidates from their constituencies, their background (education, criminal record, etc.) and their quotes. This site helped voters be better informed of the issues by making available comparative area-specific development data such as crime rate, literacy rate, and poverty, among other indicators

Tata’s Jaago-re site helped voters register and get their voter’s ID quickly. This was an improvement from the previous years where voters had to wait for hours in endless queues to first register and then get their photos taken. Users also had the flexibility to register anytime on the website, and were provided the details where they needed to get their voter’s ID.

Voters were categorized by Part number (polling booth) and Serial Number (individual). Voters could find the exact polling room through this information

Finally, the electronic voting machine was very easy to use. The design was simple with the candidate's name, party symbol and an arrow pointing to it and a button next to it in a row. The one touch interface fared better than stamping on the paper, folding it and putting it in the ballot box as previous years. Immediately, the EVM was locked until the polling officer unlocked it for the next voter.

The EVMs assured voters that their votes were counted with better accuracy than manually counting the papers, which was more prone to human errors.

Overall, the digital process was simpler compared to the previous election. One can also say that this was a environment-friendly election with less use of paper. Hopefully, the EVMs can be reused or recycled.

The next election can further simplify the voting process and enhance the voting experience:

• Provide a biometric voter’s ID, which can be scanned and quickly registers the voter at the polling station. This will also prevent misuse as it can read the fingerprint. It can also quickly bring the help information if a voter went to the wrong polling station. This can be similar to the passports and visas issued by few countries.
• Computerize the process of finding the voter’s polling booths at the venue. A lot of people were unable to find their names and did not know where to go as the polling stations did not have computers to quickly find out (esp the place I voted)
  
• Provide facilities for voters who are traveling or living in a different city or abroad to vote online
• Allow rural voters (with no access to internet) to send questions, concerns to party candidates via SMS

These steps can ensure that there will be a better voter turn out the next time!