UX review of Instamojo website – part 2

Creating a payment link (continued)

After you have dragged and dropped the digital goods, it would be nice if you could say that, upload would happen later. Since I did not see any upload status scroll, I assumed, but in perfect design, nothing should be left for assumption.

When uploading a preview image, can you probably preview the image immediately – like you did for the PAN card upload? That would be nicer. Else, the same ambiguity/assumption as previous point happens here also.


I tried making it pay what you want and wanted to put a base price of Rs.5. I got the below. Firstly, I do not understand why the Rs.9 restriction. Secondly base_price seems to be the variable name. You should make it Base price.


I wanted to do the “Pay What you Want” model. And below is how it looks. It is not immediately apparent to my customer (who want to buy the book) as to what “minimum Rs.10 is”. Is there any way you can indicate what the publisher means by “Pay what you want”? Perhaps by putting a note below the “pay button” saying – “The seller has indicated this to be a ‘Pay what you want’. The seller can pay how much ever he/she wishes to pay over the base price indicated above”.


I tried finishing up my profile, and I added my photo to my profile. Again, I wish you could immediately preview the pic.


And oh, after a while, after I finished typing up my bio etc, I got the below. Looks like you were uploading the photo in the background – which is good – but it would be nice if I get some indication as a user.


Love love love the analytics page. Super awesome. One small pet peeve – please please give me a refresh button. I do not want to refresh my page each time I want to see. I usually have all my analytics page open. And want to be able to refresh on demand.

Hmm. Analytics and Advanced Analytics are the same?? They atleast seem to lead to the same page.


UX flow issue leading into the app store

Before I click on the app store


I now click on App store


Ideally by now, the Advanced Analytics should be ‘de-highlighted’ and App Store should be highlighted and some form of a landing page for app store should have come in the main body frame. However, you see above that two selections are highlighted and the previous (stale?) selection is still active on the right main body panel.

I went into the app store, and I see a bunch of apps there already. One big UI nitpick I have. The cards should all be same size and aligned. insta22

And in general, I feel that the apps concept seems to be a little more of an advanced concept. And perhaps you should have a separate tutorial/documentation for this. Could not find it on the site.

* All of these are on Firefox latest version on Windows.



UX review of Instamojo website – part 1

I recently tried signing up with Instamojo and gave it a spin. Instamojo is a pretty cool payment related startup. Their moto is to democratize payments. It should be dead easy for anyone to be able to sell (start a business) and be able to set up a payment mechanism for customers. Instamojo would do the heavy lifting of the payment gateway etc.

Following are my thoughts on the UX/UI of the website.


In the screen which asks for how I got to know about instamojo, why is social media conspicuously absent?


In the next screen, your KYC is collected (incidentally, there is no place which gives the full form of KYC – Know your customer – if someone from outside of India in the future tries signing on, they would be clueless). Also, what if I want to sell an ebook for Rs.49 (a fairly common denomination to sell an ebook in India), there is no option for this.


Then, in the next screen, I tried uploading a PDF (scanned pan card) and this is what I got. Also, there should be somewhere it says, only image files (GIF/JPG/TIFF etc).


The following also is confusing. Is the status bar saying .. half way through uploading my pan card picture or is it saying I am half way through uploading my documents? If it is the latter, should it not be 50% (1 out of 2 documents?)


While I understand that by the time he has finished uploading kyc, the user is expected to know about payment links etc, I would still recommend a (?) link here next to the payment link leading him to the support page.


When I click on share your referral link on twitter/facebook, the below appears when I click on twitter. I would prefer not just the link, but some template text such as : “I am using Instamojo. Are you? To sign up click here -> url”


Facebook is slightly better, but it could be better.



Create a Payment Link

I got to the file-picker page (which is awesome by the way! – the options are truly exhaustive).

I dragged and dropped by file. But after dropping the file, I realized that the file was named wrongly (similar scenario to I dropped the wrong file). Now how do I delete this file and put the correct file? No intuitive UX for the user for this action. I would have liked the file (Samkshepa Ramayana.pdf in the case below) to be in a table, with a trash can in a last column, giving me the option to delete the file.


The only way I could do it was to navigate away from this page (to Dashboard) and then click on Create Payment Link. I see two problems here.

  1. You should warn the user if he is going to navigate away from a page which he has filled in mid-way.
  2. I get this thought that – what happened to the file I dragged-and-dropped, was it uploaded, aborted, cached – where did that go? When I went back to creating a new payment link, it is not even reminding me that I was doing one half-way some time back.

Minor CSS nitpick – spacing between the i,? and the text


By this time, my account had already been verified – awesome speed. Love it. Is this manual ?

I got the following email:


While a lot of services do this, I have always liked to be addressed by name instead of my userid. And then I went to the Settings -> Accounts to see if you had been able to capture my name. And I saw that the names were blank.


I am wondering if you could have auto populated the name somehow – from my name on my PAN card that you collected during KYC.

Phone verification:

The below UI is very confusing. The 1234 is very confusing. That is not the norm. Either put * * * * or – – – – or just blank or put 4 squares.


Also, I was updating my settings (one by one), at the end of verification, why do I get the option to only go back to dashboard? I want to go back to the settings page.

Profile Settings:


Minor English suggestion. I would prefer Connect to your Social Networks and “Connect to Twitter”.

Also, why not Facebook and g+. I saw those two in other places along with twitter.

Also, the “We will not post …..” should probably be darker. It is a very reassuring message and should be prominent.

Well, that’s about it. Hope the Instamojo teams gets to these minor nitpics from an amateur UX reviewer. In my opinion, getting these small things right is one of the key drivers to showing your classiness in an already crowded market place (in the case of instajojo – the payments marketplace).



Facebook New stories : Mobile to Web

As I have said earlier, I notice UI/UX changes. Some earlier picks herehere and here. I just noticed something new today in Facebook. I have seen this in their mobile app, but one of the first times, I am seeing a company move a good UI feature from an app to the web.



I have not seen the “New Stories” button in the webpage before. New posts would either auto-load, or I would need to go click on the f button to load new pages. This brings in a new cognitive feature to show that there are new stories.

Good stuff, Facebook. I love the way you are moving features seamlessly between web pages to app and vice versa.

Web Icons and Cognitive Dissonance

According to wikipedia,

Cognitive dissonance is the mental stress or discomfort experienced by an individual who holds two or more contradictory beliefs, ideas, or values at the same time, or is confronted by new information that conflicts with existing beliefs, ideas, or values.

In simpler terms, it means, a visualization that is used to mean something is used to trick your mind into agreeing to something which is exactly the opposite. I found a perfect example today morning, and hence this post.

2015-04-24 06_39_27-airtel

See the battery icon on the far left. What does that signify? Does that not trick your mind into believing that your battery is running low? Whatever you are being measured and told, it means you are running out of that quantity. In this case, it is the amount of high speed bandwidth that I have remaining in this month (before I slip into FUP hell).

But look at the numbers. I actually have enough. Well, more than enough. I have 64 GB out of my 80 GB quota. This is the airtel smartbytes page where airtel wants you to buy bandwidth packs to replenish your diminishing high speed bandwidth.

This, my friends, is cognitive dissonance.

Twitter Trends – UI Change?

A little while ago, I wrote a post on the awesome new feature in twitter web UI, the quote-and-RT. I am loving it But before the euphoria died down, I just noticed that, twitter has made yet another UI (or maybe trying out on a subset population). When I log in to twitter today morning, I see a dense trends column on the left side of my screen.

2015-04-23 10_17_24-(8) Twitter

To be honest, I do not remember where the trends column used to be before – I rarely look at what is trending. But today seemed to be different. I noticed it because it is crowded and ugly. It is crowded because of the extra text below the actual hashtag. It distracts me from my timeline.

The fact that I never used to look at the trends (and hence did not let it affect/influence) my conversations on the timeline, makes it even harder for me now.

There is definitely a cognitive distraction that is happening here and I am not liking it. Are any of my readers seeing this as well? Are you OK with this?

And deep inside me, there is one more fear in me. Was this a means to drive people towards trending phrases – which could potentially be sponsored. If so, this is nothing short of discrete native advertising. Not that I am saying it is wrong to do advertising (twitter is a publicly listed company after all, and it has to make money), but hopefully not at the cost of distracted users. The last time something like that happened to me was when there used to be these blinking bling pop-up ads on webpages.

Now, has someone written an extension to hide the trends column?

Update: Ok, I found a way to get it back to normal. Click on the ‘Change’  next to the trends. It will ask you for which city you want trends for. Type in your location. There is a button called “Tailored Trends”. Do not click on that button, and just click Done. It will go back to a shorter trends column with just hashtags. Phew.

Aur Dikhao – Bordering on Linguistic Chauvinism?

I recently noticed something awkward when I was searching for a product in amazon.in. I had searched for USB hubs and when I scrolled down to the bottom of the list, I saw this:


As much as a nationalist that I am, as much as I am pragmatic to think a common language of communication is a good idea, I feel that this would go against the grain for a significant population of online India.

While the fact that Hindi is India’s national language itself is a contentious issue, I cannot imagine, how an online market place platform such as amazon can generalize and use a non-English phrase in a website which is mostly English otherwise.

Please do not get me wrong. I am not an anti-Hindi person, while most people who have read my name and figured out that I am from South India, have already stereotyped/judged me. I am proud of the fact that there is atleast one incident in a month, where a colleague/acquaintance mistakes me for a “North Indian”. Yes, I speak fairly good colloquial hindi.

Getting back to the issue at hand, I am wondering what the Program Manager, who was handling this campaign was thinking. Hindi is one of several tens of languages in India. Was there an intent to do some data mining and show this Hindi term only for some demographics? Or was it for all? I have worked in an online search entity before, and I know you can do magic like that. In a country like India, linguistic patriotism runs deep in the blood – to the extent, that the first partitioning of the states was done on the basis of language spoken.

In India (as in other areas such as Switzerland), it is not a question of whether a user understands the meaning of “Aur Dikhao”. The user would know the meaning and still pretend not know and judge the portal for being linguistically chauvinistic.

Amazon, please be inclusive and remove this abomination of an anomaly. If you really wish to do this, translate the entire damn page into Hindi. And while you are it, translate it also into Tamizh, Malayalam, Kannada, Telugu, Bhojpuri, Gujarati, Punjabi, Assamese, and the two dozen more ‘predominant’ languages of India.

Youtube vs Vimeo [Usability Peeve]

There is one big usability peeve I have about launching and watching embedded videos. My typical embedded viewing experience is as below:

  1. Read the article on theoldreader.com (yes, I moved from greader -> feedly -> theoldreader – more on that in a different post).
  2. If I see a good video that I want to see, I typically click on the “youtube” icon or “vimeo” icon on the post, so that it opens up the video in youtube or vimeo respectively in a new tab.

vimeo   youtube

Now, when I do that, my reasonably average cognitive capabilities want me to think that the video link would open up in a new tab, and should wait for me to go to that tab and press play. Why? Because I had never pressed play on the embedded video. I had just said – open it for me in youtube or vimeo.

  • Youtube opens the video up in a new tab and begins playing it ! Whaa ??? I dont want to watch it now. I will watch it later.
  • Vimeo dutifully follows my thought process, opens up the video in a new tab and waits for me to go and press the play button.

In this duel, Vimeo wins. Sorry youtube.

PS: By the way, you should watch the planet six video. Hilariously done. Simple claymation with a message.