Kindle Under Your Nose

Using Design to Surpass My Experience of Reading A Book

Attention to detail. Carved out a notebook handcrafted in India, into an Amazon Kindle book-cover for myself.
Attention to detail. Carved out a notebook handcrafted in India, into an Amazon Kindle book-cover for myself.

You use your nose to read a book.

The faint smell of ink mixed with that sharp note of glue, and of course the woody smell of paper. Your fingers love the assuring texture and of paper as you unfurl your mind and curl up your body with your favourite book. When you finally close your droopy eyelids, you love the book resting on your chest, as if in a gentle embrace, while your imagination expands into your dreams with the fantastic worlds conjured by the living words of the book.

No such magic happens when you read an eBook.

The plasticy feel of the Amazon Kindle clutched in one hand is a barren, stark experience. Geeky perhaps. But shorn of the aesthetic breakthrough Gutenberg achieved with his first printed Bible in hot metal type. Even today, Gutenberg’s Bible is considered a marvel of design, typesetting, and illumination. So what is it that Jeff Bezos lacks with the Amazon Kindle?

Amazonian Jungle of Design

I carefully studied the user-interface design of the Amazon Kindle, now in its 7th incarnation with a touch-screen, 6-inch ink-display. The initial simplicity of design over this Linux-driven device peeks through. Just a screen with text typeset to the font and size of your liking, with margins you can choose, and with a single long-press to look-up the dictionary or a wikipedia-entry. Convenient and intuitive. A gentle tap on either side moves to the previous or the next page. However, with each new feature and extra option added over versions, the patchy, shoe-horned approach to design begins to show its signs. Even after three months of heavy use, I tend to get as lost and bewildered in the rabbit-hole of menus and options, as Alice in a Matrixed-wonderland.

Are You Experienced?

One evening, after the first session of one of my Design workshops, I sat alone, visualizing how I would overhaul the user-interface design of the Kindle for the third decade of the 21st century. Lots more can be achieved by not doing, and by leaving things out, in design. But is it all about the UI bass, no treble? Curious, I called some of my friends who use the Kindle. The response was universal. Each felt disappointed by eBooks and expressed something lacking with reading pixels. That may explain why sales of eBooks have suddenly plateaued across the world and printed books have rebound.

Aha! Here then, is where user-experience is the real bottleneck. I can’t fix the user-interface design of the Kindle as Amazon has locked it all away. But I can certainly fix the user-experience. All I need to do is to focus on the nose.

Hina Khan with the hand-crafted book-cover she made for me.
Hina Khan with the hand-crafted book-cover she made for me.

Notebook by A Student

I got in touch with Hina Khan, one of the students I have been mentoring in design since several years. In the past ten years, Hina has come to me every few years, just to sit and learn over several months, some aspect of design, color, photography, and more recently, typography. Hina is quite a versatile creative-professional, dabbling in many disciplines of art, design, and creativity. So when she ambled in one fine morning for her mentoring session on the complexities of free-culture, I gave her my DRM-ensnared and restrictive Kindle as a side-project.

The brief was simple. Let’s take a beautiful, handmade and organic notebook or diary which is made in India. Carve out the inside pages hollow and glue them, to form a cavity into which the Kindle tucks in. Hold it down with elastic or a thread or something. Embellish the design at will. And here, ladies and gentlemen, is how and what she crafted.

Diary of An Amazonian Madman
Diary of An Amazonian Madman

Hina caught the Delhi Metro to Chandni Chowk to deftly skip back in time by three centuries. She scoured the small by-lanes in search of a handmade notebook or diary of the required size and aesthetics. Surprised at not finding anything worthwhile, she did shop for a variety of exotic hand-made papers and art-supplies for her other various projects. Hina then searched the more artsy Khan Market  where at last she spotted just what she wanted. A notebook with screen-printed inscriptions in Hindi and Urdu, some quite incomprehensible, but nevertheless beautiful in its calligraphic style.

 

Don't judge this book by its cover
Don’t judge this book by its cover

She bought this silky azure ribbon and handed it to a tailor to carefully stitch it around the border.

 

Kindle Book-cover
Kindle Book-cover

From her collection of wood-block prints, Hina stamped a paisley design on front-side of the notebook, and then meticulously painted it in by hand.

 

Illustrated inside-cover of the Kindle book-cover
Illustrated inside-cover of the Kindle book-cover

Why tweet about a book when you can have a birdie in the inside front-cover? Yes! an original illustration by Hina drawn and traced onto that red paper, and then glued to the inside-front of the Kindle cover. The hollowed-out pages of the notebook were glued together and stuck into the inside-back, and then painted orange.

 

Opening an eBook, the organic way
Opening an eBook, the organic way

The final finish of the book-case, with the Kindle embedded.

Niyam Kindle
Niyam Kindle

Hina braided this cord, then punched two holes into the back of the book-cover and tied it in. We noticed the cord holding the Kindle in was a bit bulky as well as loose, causing the device to often fall out of its crevice.

 

Improved design of the Kindle cover
Improved design of the Kindle cover

So Hina promptly replaced it with two elastic bands in white.

 

Magnum opus of design for user-experience
Magnum opus of design for user-experience. Proud of the design and craftmanship of Hina Khan.

 

The New User-Experience of Kindle

Here at last was a Kindle with a spine. That was what was missing in the experience all along. The feel of a real and more importantly, organic, hardbound cover. The flourish of calligraphy with Indic scripts. The touch of silk. The smell of real paint-inks and not just printing inks. And the feel of handmade paper inside.

Now I find offset-printed books too mechanically perfect, machine-made and precisely trimmed. A product of an industrial age that dehumanizes, scales monstrously in the name of economy, and ravages the environment. A machine-made book is not compatible with the new value-systems of the more sensitive 21st century. Why sacrifice a tree for just one, and usually expensive and disposable book, when you can just make one hand-made book-cover, and read thousands of books-as-software inside. All this while enriching and enhancing the ‘real’ experience of reading a ‘real’ book.

 

Free Culture

Speaking of free-culture, should you wish to replicate the design of this ‘Kindle book-cover’, be happy to know it is published under a creative-commons license, specifically the cc0 license. The design of the original handbook may be subject to copyright by its author. What this means is that you may freely replicate this design, modify and adapt it, to make your own Kindle-cover or iPad cover, a book-case or a hide-out case or piggy-bank or anything else you can conjure up. You may choose your own colors and materials, improve upon this, use a different handbook or even a hardbound or paperback book, and kickstart a cottage industry around this. A few are already doing this around the world.

I’d be happy to see your designs. Please share them by posting them on my FaceBook page on design here: fb.com/niyamdive 

So get yourself a Kindle or any other eBook reader, and make this Earth into a lotus-paradise.

 

How to Quickly Make Paper Texture in GIMP

Realistic paper-textures! They look so cool in the background of sophisticated website designs, mobile-applications, desktops, in brochures and print-production design, and for interesting user-interface design. Better than using just a plain white background, or a background with black-to-white gradients that often remind me of retro-1980s design. I prefer realistic-looking paper that is subtle, and use it with sensitivity to draw a viewer’s attention to the content.

GIMP is a free and powerful alternative to Photoshop software. When I say ‘free’, I mean muft and mukt. GIMP is available for Windows, Macintosh, Linux, from http://www.gimp.org/downloads/ so get your copy and let’s get started.

Step 1: Launch GIMP, and select File-menu > New. Choose the height and width of your paper in pixels, and press ‘OK’.

Step 2: Select Filters-menu > Noise… and choose ‘RGB Noise’. Apart from ‘Preview’ make sure all other check-boxes are unchecked.

Step 3: Do you want your paper to be smooth, or would you like to have a texture that’s tad stronger? Take your pick as you slide the tab on ‘Red’ ‘Green’ or ‘Blue’ between 0.20 to 0.69. Do notice how all three values move in tandem. Check out the preview which may show granular dots increase or decrease in density. I prefer values between 0.20 to 0.32. Once you find a pattern to your taste, click ‘OK’.

Step 4: Go to Image-menu > Mode > Grayscale. This one step will make the dots appear more textured, and shrink your file to one-third its size in kilobytes or megabytes, which is a good thing.

Step 5: Go to Filters-menu > Blur > Gaussian Blur. Choose a value between 3 and 9 on the slider below. Check out the ‘Preview’ to see what suits your taste, and click ‘OK. You’re done. If required, you may re-apply Gaussian Blur with a different value, for an even smoother finish.

Save your file in the format of your choice, and you’re done.

Further tips:

Use the Color-menu > Brightness-Contrast slider to set the tonality of your paper.

I use the muft and mukt illustration-design software, Inkscape, for authoring user-interface designs. You may find it for free download and use for your platform here: http://inkscape.org/

Import your paper-texture into Inkscape, then draw your interface elements over it using Inkscape’s tools.

Hope you find this quick tutorial useful. It’s a Christmas gift for a client.

🙂

Creating Creativity In People

NewConceptInfo_Research&DesignTeam02

I’ve spent more than 15 years teaching creative-professionals some of the most advanced techniques and technologies behind the latest graphic-design, audio, and video software and hardware. My heart, though has always been more keen on pure design and creativity. Long ago, I recognized the real bottleneck is neither in hardware or software, but in creativity. I call this the ‘blank screen’ syndrome. You get yourself the most powerful computer system with advanced components and peripherals; feature-rich and overwhelming authoring software, only to panic as you stare at an empty digital canvas for several awkward minutes, wondering what to do.

It Can Only Be Caught

At long last, my clients have also started to acknowledge this as their real problem and have started to ask me to focus on deeper and more fundamental disciplines. How to author anything that resonates with aesthetic beauty and creativity is indeed challenging. Teaching others how to do this is exponentially more challenging and exciting. It can’t be taught. It can only be caught.

NewConcept is one of my clients bold enough to move in this direction. I’ve been training and consulting them in technology from time-to-time since circa 1998. A couple of my students have also worked with them on design projects through these years. Finally, in October last year, they invited me to professionally mentor their Research and Design team.

Crystal-Ball of Creativity

The mentorship program covers almost all disciples of design, creativity and media. Some sessions have been devoted to typography and publication-grid and design. Others on color-theory, color-schemes and trends. The team’s also honing its skills in photography and building a large in-house library of photos and images. We’ve covered digital print-production, and several sessions have focussed on the latest trends and techniques in web-design and user-interface. Together with the client-coordination team, we’ve also discussed pre-press and production technology. In almost every session we brainstorm on new and ongoing client projects. Plus, we also set up and fine-tune systems and processes for client-servicing, briefing, and profiling. Once in a while I’ve also delved into new features and technologies in the latest design software.

NewConceptInfo_Research&DesignTeam01

Personal Challenges

At a professional level, combining creativity with people-skills is indeed quite exciting. Nurturing talent demands a lot of effort and sensitivity, and every insight shared needs to be backed with solid research and references. I spend hours scouring bookshops, libraries, and online resources to compile my references. In the process, am helping build a growing in-house library of reference, imagery, and color trends.

Am blessed to work with a team of devoted professionals each with several years of experience. So far, they’ve always strived to fulfill their clients’ objectives. Personally though, I wish for them to break out of this mould and take a quantum leap in their creative aspirations. I wish for them to study and absorb the latest and most daring design trends; work on creating their own unique signature style; and usher in a fresh vision on design and creativity in their domain. I want the entire organization to start thinking in terms of design and aesthetics. And, along the way, I want them to win several international awards and recognitions.

We certainly have a long way to go. The inspirations and standards I’ve set for them at times seem impossible. I merely chuckle. The initial six months of hard-drilling have started to bear some fruit. We’ve at least sorted out our color-moods and palettes. The team’s always eager to plug into its own photo bank for imagery. We’ve started to roll out a new branding and identity which may take a few more months to percolate down. Some of the newer web-design projects are significantly far-ahead of their earlier predecessors. The greatest challenge though, is to master typography with all its complex nuances. No trivial feat this, but after several months of trying I’ve finally devised a better pedagogy to achieve this.

Finally, all this work is only possible thanks in turn to all my gurus of design. To learn is to share, and vice-versa.

[ends]