Candy Crush Kathak

User Interaction Design Through Dance

Shravani perfoming Kathak
Shravani perfoming Kathak

 

Her two graceful fingers point towards the sky. The rolling sounds of thunder envelope the lightening-dazzled valleys of Pune. Swaying in her balcony overlooking a verandah with a mango tree, Shravani suddenly widens her eyes, lifts her hands, and her wrists begin to tremble. With two fingers from each hand still pointing to the sky, she traces the path of rains descending on the hills in the distance.

As if on cue, the rain falls heavily on the thousands of thirsty leaves of the mango tree. The young and beautiful Shravani’s dance is expressing her joy at her gaining admission into the prestigious National Institute of Design (NID), a train-journey away in Ahmedabad. The daughter of a dear family friend, Shravani is at the threshold of her new life, sharing for the first time with me her love for design and for Kathak, which is a classical dance-form from India.

When the rain starts to abate her movements slow down, focussing all her energy to the forefinger of each hand tenderly tapping its thumb. Aha! The gentle pitter-patter of a drizzle. In simple, evocative dance moves, she wordlessly expresses the different moods of India’s majestic monsoons. From downpours to light drizzles, lushly lazy to dramatic, thunderous ones.

Her hands and gestures, known as mudras in Kathak, soon melt into evoking the stately poise of a proud peacock, the sudden alertness of a grazing deer, the determined hunt of a ferocious lion, the prowl of a fierce tiger. And finally of course, the dancing form of Shiva, the playfulness of Krishna, the longing of Sita, and the desperate search by a lovelorn Ram.

Hand Mudra Gestures in Kathak
Hand Mudra Gestures in Kathak

Design Is Non-Verbal

Like the first exhilarating chirp of a Koyal, or a nightingale, that bursts into song when the rain finishes, a fresh thought dawns into my mind. Through centuries in India, the essence of stories and myths have been expressed using the non-verbal. Elegantly, they cut across the barriers of different languages and our rich and intricate cultures. Generation-after-generation, the eternal truths encoded in our legends are literally danced through gestures and expressions.

We need to trace our steps back to thousands of years, when ancient tribes in India first discovered the art of storytelling through non-verbal communication. Indeed the word ‘Kathak’ is from Sanskrit that literally means ‘story’ and this art relies solely on the dancer’s expressions, gestures, mudras, stance and especially delicate eye movements to evoke emotions while unfolding the story.

When I then turn my gaze to the years just ahead of us, I see the same game at play. Today, the world is a multicultural, plural society. The internet embraces all, the literate and the non-literate. In the present moment, how do we design apps for smartphones, tablets, smartwatches, smart TV, Internet of Things (IoT) and even more that we have not imagined yet for this rich, diverse and global cauldron that bubbles on this planet.

 

The Womb of Verbs

Design philosophers of the twentieth century from the Bauhaus movement and its minimalism boldly proclaim: ‘Form Follows Function’. Yet I strongly feel that design is not made of just nouns and its associated forms. Design to me is forged from the womb of verbs, actions and interactions. The role of a designer therefore is to design interactions that emotionally touch and delight your customers while fulfilling specific, precise tasks. Exactly like a dance.

To me: ‘Verb Follows Function’ is the new design language of the century. From the flirtatious swipes of the Tinder app, the harmless pokes on Facebook, the pinch and zoom in photos, the flicking of cash in an e-wallet, the exploding and popping of sweets in Candy Crush Saga, all design has become verb follows function. We are transiting from pure user-interface design to user-interaction design.

In Interaction design, there is indeed a form of Kathak at play in your hands. The Natya Shastra, an ancient Indian text on classical arts, has this famous quotation:

“Where the hand is, the eyes follow
Where the eyes go, the mind follows
Where the mind is, there is the feeling
Where there is feeling, there is mood, flavour, sweetness.”

Shravani’s dancing points to a deeper truth: The most fundamental approach today is to design as if the world has turned non-literate.

The objective of design is to use playfulness to enhance usefulness.

Take a look at these stunning and inspiring examples of six second transitions and interactions here for web and smartphones: sixux.com
In the ‘Dive Into Interaction Design’ workshops, I cover a great deal more about every aspect of making the world more meaningful through interactions. Here, for example, are easing functions which choose not just the speed but also the mood of moving elements in a design: http://easings.net/  Each one conveys a mood and emotion in the interaction design. I call this ‘Motion with Emotion’.

Lots more is covered in the workshop, including for instance, finding inspiration from some great film-sequences and opening title sequences in movies. From these we gain insights in interaction design for apps and UI. Am also curating a special board on my Pinterest account, dedicated to great examples and inspirations of interactivity. I may currently be conducting other workshops on Design, so if you do wish me to conduct one on Interaction Design, just write to me, and will inform you of upcoming dates.
Meanwhile, the next time you have to hire a designer or developer, ask them what they understand about dance. Every button, every icon, and every relationship between elements jumps to life with interaction design, because dance is a celebration of life. Need some quick inspiration to dance? Here’s some trippy, groovy music I composed a few months ago for a colleague, ‘Think With Your Feet.’

So go ahead, dance like its raining. It might just help you understand design as definitely being more alive.

Living In A Trance-port: Life in Delhi

Saturday-afternoons in Delhi are beautiful in January, especially with the golden sunshine of winters, and less traffic. So, like on most lazy Saturday afternoons, took my six-year-old on a trip to his library in my car. The distance from Greater Kailash 2 to his library in South Extension is six kilometres (3.7 miles). As we neared our destination, my heart sank to see a total jam at the entrance to the South Ex market. Hmmm! Must be the result of the winter-sale season, I wondered. Cars spilled out from the jammed parking lots onto the Ring-Road. Yes, there were cars on the Ring-Road, waiting in queue with engines switched off. Helpless traffic-cops just stood by. I waited for ten minutes, but saw not a car move even far into the parking-lot.

I’m Feeling Lucky

“Let’s do something crazy and inspiring” I told my six-year-old. I pulled out of the queue, and drove all the way to Nehru Place, which is about six kilometres away (3.7 miles), carefully noticing I could find not a single parking-spot on this entire route. Parked my car in the lot of The Delhi Metro Station, which was also nearly full. The assistant informed me today was a lucky day as there were less cars due to the weekend. In Delhi, It’s not unusual to hand over your keys to the attendant so he may keep shuffling your car around in the driveways of an overflowing parking-lot. I didn’t have to today.

Nehru-Place is the nearest metro-station from my home, and Moolchand is the closest station to South-Extension on the violet-line. I bought two metro tickets from Nehru-Place to Moolchand, for Rs 20 (43 cents). The distance from Moolchand to South-Extension is about 1.5 kilometres (0.93 miles). I could have easily walked this last mile, but not in Delhi’s pollution and noise, and certainly not with a six-year-old. Please search the web to discover the alarming levels of Delhi’s air-pollution, and how Delhi records the highest cases of respiratory diseases and infections in its population. So I decided to catch an auto-rickshaw for this short distance. He charged me Rs 40 (87 cents). Wow!

Anyways, business done in South-Extension, we walked back to the Ring-Road, and this time I decided to catch a bus to the Moolchand Metro station. A spanking new Redline Bus came by, and we hopped abroad. This was my first trip on these new buses. The conductor charged us Rs 50 (USD 1.08) for this short ride. That’s more than what the auto-rickshaw charged me, and that too for an even shorter distance as we had to take no U-turn on this route. Lesson learned. Next time, I’ll try the green-line.

The bus dropped us at a bus-stop about 400 metres away from the metro-station, and we carefully walked our way through the Moochand crossing with its dangerous and bewildering BRT crossings. Another set of metro-tickets for Rs 20 (43 cents) got us back to Nehru-Place, where I paid another Rs 10 (21 cents) for the car-parking. Then spent another ten minutes in the traffic to get back home.

Neurotic Standards

I spent Rs 140 (USD 3.04) for a return-journey for two by public-transport, for about 12 kilometres total, that took a total-time of 90 minutes of commuting, including walking and waiting. Rupees 140 is high, even by Delhi’s mad and neurotic standards. I don’t know whether for the same amount I could have covered this round-trip by auto-rickshaws. For that kind of money, my auto-rickshaw driver quipped, I could buy bus-tickets for two from the Inter-State Bus Terminus (ISBT) to head out far into the countryside.

On such days, maybe I could have my driver drop me at South-Extension, find parking in a two kilometre radius, or else drive back home, and in either case wait for me to call him over his mobile-phone to pick me up. Sinful.

I do want to switch to public-transport. That’s what I use when I travel anywhere else in the world. And Delhi’s metro service is indeed impressive, as is the redline-bus. Am eager to see better solutions emerge for this route and other short but equally congested distances near me. Let’s see. Oh! And by the way, must confess I did have quite a lot of fun doing this today. Expect to see me hop on-board the metro and even the red-line buses more frequently.

[ends]

My Flight into Music

‘Flight’ is a music-track I composed, arranged, mixed and produced in 2007. The music emerged towards the end of an intense three years of active meditations. ‘Flight’ is authored using 100% Free and OpenSource Software (FOSS). More specifically, used a Linux-based OS, called UbuntuStudio.

Excerpts from ‘Flight’ were later used as background music for a short-film published from Los Angeles. Was even more thrilled when I also got paid for it. 🙂

You are encouraged to download, share, mix, re-mix, and have fun with ‘Flight’ for commercial or non-commercial purposes, provided you respect its copyright and creative-commons license, which is cc-by-sa-2.5 india. Here is a simple-to-understand version of this specific CreativeCommons license.

Taking Flight
In 2007, Was also invited to conduct a small workshop on ‘Digital Sound’ at a leading national FOSS event, called freed.in. You may view a blurry picture of UbuntuStudio with a sound software. Then in 2008, was invited to another National FOSS event, called FOSSMEET at NITC in Calicut, where I delivered a talk “How to design sound, compose music, and master your album.” Ended the talk with ‘Flight’ which received a huge ovation, and hours after the talk the participants lingered around and discussed all things from music to FOSS. That was quite an experience. You may view a photo of the audio, sound, and music talk at fossmeet here. Finally, on 28 March 2010, I released ‘Flight’ at the CreativeCommons Salon event held in Delhi. Discover more about this event on twitter using the id ‘ccsdel’.
Flight into Jamendo
‘Flight’ is published on Jamendo.org, a wonderful website for musicians and music-lovers who wish to share muft and mukt music. This is my first album published here. Within a few days will also publish another album of dance-music composed more recently. Discover my artist page at Niyam on Jamendo where I intend to publish even more tracks and albums over the coming months. You may also soon find me dabbling at ccmixter.org.
Soaring with Freedom
All the sounds you hear have been designed in a software-synth with quite a tongue-twister of a name: ZynAddSubFX. This software-synth was plugged into a software that handles virtually unlimited multi-track recording. Called ardour, it is more specifically, a Digital Audio Workstation (DAW). Even more interesting is how almost all the sound-based software plug into one another under UbuntuStudio. Mimicking the coils of cables, plugs, and connectors found in a real-world sound-studio, is a software sound-patch, called Jack Audio Connection Kit. A lot of sound-effects and the pre and post-processing of sound were handled using myriad sound-FX plug-ins, from LADSPA. You may find thousands of free sound-effects from LADSPA. The final and minor tweaks and exports were handled in the audio-editing software Audacity.

Surprisingly enough, did not use any of my other favourite free software for this project, especially Hydrogen: The Advanced Drum-Machine for Linux, as well as the music-sequencing software RoseGarden.

Earlier Sounds
In October 2006, also published an entire album of sound-field recordings made in the middle of the night and at dawn, in remote mountains while living in a stone-cottage next to a stream. Thousands of people have downloaded the audio-files from this album, a few have re-mixed these in their works, and some I know held a group-meditation based around the album. You may discover the sound-field recordings at Niyam on freesound.org. Plus, discover some drum-loops published around the same time creativedot though the site seems to go down every once in a while.

Stay tuned for more sound and music, especially since I love authoring in diverse genres.