Archive for the ‘Design’ Category

The new ION packaging

Tuesday, April 21st, 2009

Today is the second birthday of our ION USB Charger and we are happy to announce that it is now available in a new and improved packaging!

We needed some improvements to our packaging because:

  1. Our previous packaging did not have the product visible.
  2. The packaging needs to have a hook so it can be hung – that is how all accessories are placed in a retail store these days.
  3. We had room for improvement on the look of the box.

The new packages arrived in a box:

The packaging has arrived

And we soon formed an assembly line. I removed the ions from the previous packaging:

Taking out the old packaging

Vikram filtered out the new packages, including rejecting any damaged ones:

Clean 'em up

Varun folded the boxes and put the new ions in them:

Varun putting the ions in the new packages

It doesn’t sound glamorous, isn’t prestigious to talk about, but it sure was a lot fun and exciting. That’s what startups are about!

Vikram totally excited ions galore

Here are the newly-packaged ions stacked back in the box:

Stacking them in a box

Just to put things in perspective, here is our packaging and its size compared to the competition:

Comparing our size to the competition

And here is our previous and new packaging:

Old vs. New packaging

Here is the sleek “product photography” version:

The ION USB charger

You can grab an ION with the new improved packaging at www.ion.co.in :)


Note: Cross-posted from our company blog

I hate tabs

Saturday, April 18th, 2009

I hate tabs, and I like windows.

Why?

Switching between windows is Alt+Tab. Simple.

Switching between tabs is irritating because it is a contrasting situation:

  1. The keyboard shortcut is not a standard, every application does it in its own way. It could be Ctrl+PgUp/PgDn or it could be Ctrl+Tab.
  2. Ctrl+PgUp/PgDn requires both hands since Ctrl and PgUp/PgDn are on the opposite ends of the keyboard.
  3. Ctrl+Tab is awkward to use (depending on your keyboard).
  4. Many applications don’t loop back to the first/last tab (I’m looking at you, gnome-terminal) which means I have to learn a new paradigm such as Ctrl+1, Ctrl+2 which totally breaks the flow.

Amazing how a keyboard shortcut can ruin the usefulness of the feature.

What product creation should be about

Friday, December 5th, 2008

I just finished reading “Subject To Change: creating great products and services for an uncertain world”. This book is written by Adaptive Path, the same guys who invented the words “blog” and “ajax”, as well as creators of the Aurora browser concept.

It has been a revelatory book for me, a developer who considers himself to be the last person to know about “design.” The book mainly focuses on the lessons learned from their experiences in working with clients to design and create products and services.

Design

They define design as an activity, as opposed to a look and feel that is added later on. The activity incorporates:

  • Empathy – Design must serve a human purpose, and so design requires an understanding of how people will interact with whatever you’re designing.
  • Problem Solving – Design really shines when it’s used to address complex problems where the outcome is clear, many stakeholders are involved, and the boundaries are fuzzy.
  • Ideation and prototyping – Design produces things, whether they’re abstract (schematics, blueprints, wireframes, conceptual models) or concrete (prototypes, physical models). Design is a creative activity and thus requires actually creating something.
  • Finding alternatives – Design is less about the analysis of existing options than the creation of new options. Sometimes that means looking at existing options in new ways, and at other times that means creating from scratch. An effective design process typically offers many solutions to a problem.

They repeatedly explain that the experience is what matters to the end-user and that’s the real product rather than how it is delivered.

(more…)

Thought for the Day

Wednesday, November 12th, 2008

Look at the design of a lot of consumer products—they’re really complicated surfaces. We tried make something much more holistic and simple. When you first start off trying to solve a problem, the first solutions you come up with are very complex, and most people stop there. But if you keep going, and live with the problem and peel more layers of the onion off, you can often times arrive at some very elegant and simple solutions. Most people just don’t put in the time or energy to get there. We believe that customers are smart, and want objects which are well thought through.

– Steve Jobs on the design lesson of the iPod in Newsweek, 2006-10-14

How attractive is your website?

Monday, August 18th, 2008

I was trying to analyze the feedback on my website’s new design. There seems to be a trend that relates their usage of the website with their feedback.

While researching on this subject, I found a paper by three people affiliated with the University of Manchester, UK. The paper makes three interesting hypotheses that are eventually proved in their paper:

  1. User preference will be determined by interactions between decision criteria and subject background, specifically design-training and aesthetics, culture and identity.
  2. User intentions will be determined by interactions between decision criteria and the task context; specifically, serious use will favor usability and content, less serious use will favor aesthetics.
  3. User judgment will be determined by interactions among decision criteria; specifically, positive aesthetics will over-rule poor usability.

They randomly asked students to consider three departments for either a one-month summer internship or a five-year PhD. Based on this, they were asked to judge the department websites. The three departments were under the same university, Stanford – the Design department, the HCI website and the D-School website.

What was interesting to note was that most of them rated the D-school best when asked to consider the one-month summer internship. But when the task was shifted to the five-year PhD, they all rated the HCI website better! All other constraints remained unchanged – the same university, the same websites, the same variation in backgrounds of people, etc.

From my understanding of the results, people prefer less-aesthetic websites for serious/regular usage . Perhaps this explains why advanced users prefer Gmail vs Yahoo! Mail – one focuses on simplicity and elegance while the other focuses on usability and attractiveness.

On the other hand, the study “suggests that users’ overall impression of a website could be a determinant of user satisfaction and system acceptability, even overcoming poor usability experience and poor content”

Perhaps this explains why we are okay with a not-so-great UI on the IRCTC.co.in website but still use it because it has great value since it solves a “critical” issue of buying train tickets. Yet, we wouldn’t have tolerated this kind of UI for other purposes. For example, such a UI could have never worked for a survey website or a form-builder. That’s exactly why Wufoo.com has to have such a great UI.

This reminds me of an amazing talk by Geoffrey Moore in an internal Adobe conference. He explained the different types of innovation : product leadership, customer intimacy and operational excellence, which in turn have four types each. The trick for a good company is to have aligned vectors of innovation where they have to excel, and non-aligned vectors of innovation where they have to be “good enough”.

So, in terms of websites, ideally, a website should have to either excel at content and service and be good enough at the aesthetics, or should excel at aesthetics and be good enough at content and service. It does NOT need to excel at both (but of course, it’s good if you can).

The meaning of Touch

Saturday, July 5th, 2008

While I was cycling today, I had an interesting thought.

I always have my ol’ iPod Nano with me while I’m cycling. As usual, if I want to listen to a song again, I click the left button to repeat, if I don’t like a song, I click the right button to skip to the next song. But while cycling, I have to do this without looking at it. It is possible because I can feel the click-wheel and it has a good feedback so that I know when the press has worked.

Compare this with the touch-screen rage – can a person use the iPod Touch/iPhone without looking? From my limited usage of a friend’s iphone, I do not think it is possible.

It makes me wonder which is really the “Touch” – the one I can use without looking (using only sense of touch), or the one that has a touch-screen UI (requires both sense of touch and sense of sight)?

Web dev frameworks vs RIA

Monday, April 14th, 2008

How do traditional web development frameworks cope with RIAs?

By RIAs, I am referring to the Flex/Silverlight model (Ajax has a hybrid model in my view, so I’m not discussing that here since I don’t want to muddle up the question).

Coming back to topic, I see that the traditional web development frameworks are inside-out and RIA development as outside-in:

Traditional web dev frameworks RIA frameworks
Flow: controller ⇒ model ⇒ view (pages) view ⇒ controller ⇒ model
Everything built into the framework. View is generated via templates. View is designed separately and it’s what runs first. Backend is a bunch of web services.

Question: How is this resolved practically?

For example, how do people using Django or Ruby on Rails actually write, say, Flex frontends for their websites?

Do they ditch their templates/rhtml? Do they design the RIA first and then the web service, or the other way around? … etc.

I couldn’t figure out the answer and since there are people out there doing it, I’m hoping the “hoosgot” i.e. lazy web gods will answer.

Technology can be beautiful

Friday, February 29th, 2008

This is a pen called “D:Scribe”, a design by Reuben Png and was featured on the Yanko Designs blog:

SMS and Email Pen

I personally prefer to write with pen and paper. However, I end up eventually transferring it to the computer for all the goodness of digital material (rewritable, linkable, searchable, backup-able, etc.) With this pen, you can have the best of both worlds… and it looks awesome!

I so wish I could get this right now.

Or one of these high tech napkins designed by Avery Holleman:

Napkin PC

Just scribble on these foldable plastic napkins and it’ll automatically be synced with the computer. Imagine kids drawing together separately but the picture being simultaneously updated in each of their napkins. Oh, and they don’t need batteries.

I was impressed with the “Window to the World” designed by Mac Funamizu:

Imagine being able to point at anything – whether it is a building, a book or a person, and immediately getting back information on what it is or store details about it. Perfect when you’re lost in a new city or you’re simply reading a book and want to understand new words or historical names without being forced to flip through a dictionary or visit Wikipedia on a traditional computer and browser.

When I’m at this, I’m lusting over the Nokia Morph. If you haven’t seen it already, you must check out their concept video (showcasing the amount of thought they’ve put into this already):

It’s truly amazing what the human mind can imagine. And what we can do with technology.


Update: And amazingly close to what I was wishing for is Pranav Mistry’s Quickies project at the MIT Media Lab (via Nirav).



When I’m working on a problem, I never think about beauty, I think only how to solve the problem. But when I have finished, if the solution is not beautiful, I know it is wrong. – R. Buckminster Fuller

Hack Day videos

Tuesday, October 9th, 2007

Kamla Bhatt has been tracking the Hack Day India and posting many interviews and videos. The videos include the demos by the hackers, and here’s the video where we present (from minutes 03:10 to 05:09) :

Update : And a mention in the Financial Express :)

Kaizen, for mobile phones

Tuesday, September 18th, 2007

The other day, Niara and myself were discussing about patentable ideas to improve mobile phones, she had come up with a pretty impressive list. So, I started thinking about things that I would like to see and here’s what I came up with:

  1. Camera-phones should have an option to ’start an album’ and ‘end an album’ so that we can make albums instead of having one huge mess of photos. Equally important is that bluetooth transfers should work for albums as a whole. This makes it easy to transfer photos instead of pressing yes for each and every photo that gets received.
    • Stretching the idea is to use tags – you have a running set of tags that gets applied to each new photo that you click.
  2. Contact details should have an auto-filled field that displays when you last talked to this person, this helps keep track of whether you’re in touch with your friends.
    • Optionally, you can set an alarm to warn you if you haven’t spoken to your best buddy in a week.
  3. Browsing the address book should be sorted by how frequently you call these contacts rather than just alphabetical order.
  4. A default way of exporting the address book via bluetooth into a zip file or something that can be again imported (whenever the user wants to retrieve from backup).
    • Preferably a standard format that works across different manufacturers.
  5. Character-voice-enabled. Instead of voice recognition for words, it should work for just one character at a time – such as alphabets, numbers, etc. It saves the trouble of typing… Of course, this idea could use some refinement.
  6. One touch voice recording. Quickly jot down your thoughts or todo items you don’t want to forget. This would be very handy for me.
    • Maybe even podcast it. Could be achieved by an accompanying decent PC software.
  7. Self-organizing start menu. If you use the calendar option a lot, then it bubbles up and becomes one of the important menu items so that you can quickly access it.

But, alas, as she rightly pointed out, these are not revenue-generating ideas, just usability ideas…


P.S. The irony is that I hate mobile phones. Maybe that’s why most of the above ideas are PIM-centric.