Website development cycle

January 9, 2011 at 5:12 pm | Posted in interface design | Leave a comment

A post after a looooong time, uh!! Recently i came across a post on IXDA about website development cycle. One of the IXDA member Shenoa Lawrence had actually development his perspective of website development cycle. Thought people would like to see.

So, what you think about it?

Music in Images

September 19, 2010 at 7:24 am | Posted in creative, interaction design, interface design | Leave a comment
Tags: , ,

Arjun Gupta, a master student in Digital Media from Drexel University, Philadelphia PA sent a mail to Prof. Ravi Mokashi, which was later on forwarded to me to get some feedback on his thesis project called “music in images”, where algorithmic music composition is created from digital images. While going through the website, and uploading an actual image, it is really pleasant and worth using it. Arjun mentions

“It presents an approach where visual art (or visual data) is transformed into music art (or sound data) through the application of an algorithmic filter.

This project presents a new approach towards algorithmic music composition where the music is composed using the pixel values of digital images. The application makes use of image data, such as: pixel Color, Saturation, Brightness, and qualities like: Overall Image Brightness, Color Variation and Prominent Colors. The song attributes controlled by them include: Melody generation, Durations, Cord Generation, Chord Progression, Tempo,Scale and Transposition.”

Great going Arjun

calculate your little expenses – little spender!!

June 23, 2009 at 6:45 am | Posted in interaction design, interface design | 3 Comments
Tags: , ,

Going through bank account details, it is easy to know big memorable purchases made, but it’s hard to determine how the little purchases have added up to such a figure. Here comes little spender, this year’s MEX winner.


“Little Spender has been designed with people like Xavier in mind, allowing him to add his expenses through micro experiences on his mobile device. Little Spender’s goal is to enable even the most casual of Little Spenders to see where exactly their hard-earned cash goes every month. Along with a bit of fun and simplicity along the way, they’ll hopefully save a little money too”

I guess, video will give more idea.

error message

November 16, 2008 at 6:27 pm | Posted in interface design | 1 Comment
Tags: ,

I was going from Mumbai airport to my hometown Bhuj (Gujarat). I came across an interesting error message on a flight diplaying computer (image shown below). 25102008009

The question is not whether i am able to see those flights, but question comes is, can’t we make a context aware system which recognizes the context and behaves accordingly? I was standing there for 20 mins. and it didn’t change. It showed the same error massage.

Small but i feel an interesting issue to work out !!! isn’t it?

Interface Design of “Mumbai Navigator”

August 29, 2008 at 6:23 am | Posted in interaction design, interface design | 4 Comments
Tags: ,

As we had some discussions/comments (more comments i got on gtalk) on “Mumbai Navigator” about the interface, i am posting the flow of the application here. Though the flow i am showing here in not so much into detail, but enough to understand.

lets assume that user has to go from “andheri” to “mulund”. He can enter source and destination in the given column. By clicking on options, it gives you a list of options which you can select. So, here user an select buses and trains to desired soruce and destination. Also, if user wants he can enter a bus number or train name to find the route of that bus or train.

Here, we will assume that user clicks on “find buses”. He will get the list of buses and their approxi. time from “andheri” to “mulund”. he can click on the desired bus to ckeck the route of the bus. As shows i the above image, if user selects “425 ltd” then he will the route of “425 ltd”.

If there are some buses which directly do not go from andheri-mulund, but one has to change the bus, then user can select an option called “buses with 1 change”.

As user selects “buses with 1 change”, in the current scenario he gets the list of buses with 1 change which is “andheri-sakinaka-mulund”. User can select the option and get list of two routes shown in the above image. then user can get the bus numbers by selecting “andheri to sakinaka”.The user flow might seem a bit long, but the data given by client is huge as there are large number of buses in Mumbai with extra large number of station in it.

I am looking for some critics and inputs about the interface. Would love to get feedback about it.

search engines

July 30, 2008 at 4:43 pm | Posted in interaction design, interface design | 2 Comments
Tags: , ,

One the step of google, i think there are lots of search engine application design is happening. Recently i heard that google engineers have started their own search engine and they claim that its much faster and accurate than google. Though i do not have screen shots of that, but i have just come across to some interesting search engines.

1. searchcloud

Interesting thing here i found out was, emphasize on the keyword. User can weight their keyword by given options in the website.

As shown in the image, i can give importance to some of the keyword which i like and search it accordingly. I would say an interesting way of looking search engines.

2. cuil

In addition to searchcloud another application i found was Cuil.

Under search column, there is small tag written say 121,617,892,992 web pages. Personally i liked the way they represented the data. Something like gmail says ” you email space is 6.873932930 GB and continuously updating”.

When searching for “interaction design”, in addition to topics related to interaction design, it also suggests some keywords, authors, people related to that domain. So in our case it shows human computer interaction,  usability, design, information architects and many more. I have not used it much, but one of my friend who used it says that interface is good, but search results are not satisfactory.

aaqua – almost all question answered

July 18, 2008 at 5:01 pm | Posted in interaction design, interface design | Leave a comment
Tags: , ,

aaqua is a website for the development of the farmers of India. Currently it serves 3 states of India and expanding more. The basic idea of aaqua is to answer the questions regarding pesticides, soil, weather informations, disease etc of farmers of different regions of the country. I was looking at the website and come across some interesting interaction design issues.

Above image is home page of “aaqua – mini” which says its a mobile version of “aaqua”. After getting inside “aaqua mini”, you can search for any keyword. I just tried searching for pesticides and something popped up like this :

Here i do not understand the significance of leaving the bottom space and giving pagination like 1|2|3|4. It feels like they have not done proper utilization of the space. One more interesting thing i found out is,

Once you open some link which requires registration, you see a red colored statement saying ” warning – you have to login to access this feature” (shown in the above image). This seems very strange, something like it is trying to scare by saying “warning”, you have done some biggest mistake by clicking this link.

Though i appreciate the effort of connecting agricultural experts and farmers which helps them grow better. “aaqua” has been awarded two times.

mumbai navigator

July 15, 2008 at 8:45 am | Posted in creative, interface design | 4 Comments
Tags: ,

After a long time, i think !!! Few days back, during a meeting in my office i came accross an application called Mumbai Navigator. Mumbai Navigator helps to find out any bus and train routes by just entering the origin and destination. This application is designed by IIT Bombay.

Also, by entering train name or bus number would lead you to the detail of that particular train or bus number. I found this application very useful for people of Mumbai, as daily lacs of people travel by trains and busess. Currently this application is on the website which does not help people when they are on a move. I am designing the interface of Mumbai Navigator on mobile phones. Some of the initial ideas i am sharing with you, would love to get feedbacks.

The is the very first screen when you open the application. Here you can put your origin and destination in “from” and “to” option. By pressing the “select” button, by default it shows desired trains of chosen route.

“Option” button lets you look at other options like choosing a bus instead of train, also finding route by typing train name/bus number through “find by train name” and “find by bus number”.

This screen pops up when you choose “find by bus number”. Here i have shown some basic screen (though there are lot more) which is still on the design stage, but would like to get feedback from all of you to make it better.

bumptop – new graphical representation of computer desktop

June 30, 2008 at 5:10 am | Posted in creative, interaction design, interface design | 1 Comment

Recently i got a comment about the latest article of In his comment, Saurabh mentioned about showing bumptop. Bumptop is quite old, but i think it would be fun to see. Sorry if you have already come across it.

BumpTop is a prototype graphical user interface, designed to enhance traditional computer desktop functionality by more closely supporting the normal behavior of a real world desk. It is aimed at stylus interaction, making it more suitable for tablet pcs and palmtops. It was created at the University of Toronto as Anand Agrawala’s Masters Thesis. Anand Agarawala also gave a presentation at the TED conference about his idea.

In BumpTop, documents are described by three-dimensional boxes lying on a virtual desk. The user can position the boxes on the desk using the stylus or mouse. Extensive use of physics effects like bumping and tossing is applied to documents when they interact, for a more realistic experience. Boxes can be stacked with well-defined stylus gesture. Multiple selection is performed by means of a LassoMenu, which fluidly combines into a single stroke the act of lasso selection and action invocation via pie menus.

I would say its an intelligent and metaphoric extension of our normal mac or windows desktop.

June 23, 2008 at 6:24 am | Posted in interface design | 4 Comments

I had to book a ticket to Nagpur for one of my friend’s marriage. So while checking the flight sites.. i came across cleartrip. Neat and clean, pretty clear and gives me what i want. Something like google.

First page asks me for the location of travel, date and some other information. No unnecessary clicks. Then the second page describes about related airlines and fare.

Then it directs to further details like payment options etc. No jazzy advertisements, no unnecessary clicks and no unwanted information. Understandable and to the point website.

One more thing is, if i open the website another time, it shows me details of previous transaction i made.

Next Page »

Blog at
Entries and comments feeds.