Aug 30 2011

Facebook Photoviewer redesign sucks!

Category: Findability,Site DesignHemanshu @ 11:54 am

The new Facebook Photoviewer is painfully distracting to use.

There is barely any differentiation between the foreground containing the photo (the viewer) and the background. They use the same base colour, making it harder to know where the boundaries are.

Hence, if I by mistake end up clicking the background, I lose the viewer and the photo I was looking at!

On the other hand, for a few days, there wasn’t a close button, or I couldn’t find it. When I did find it, it was surprisingly far far away at the extreme top right corner, leagues away from the main viewer area. This made it even harder and more irritating to use (as if I’d use it, when I could just click the background).

All in all, though I wasn’t a big fan of the older massively black photoviewer, the new design plain sucks!


Jan 05 2011

Excellent Typography Resources on the Web

Category: UncategorizedHemanshu @ 3:45 pm

I just woke up one day with the urge to understand Type and Typography. I thought it was all about knowing the difference between Serif and Sans-Serif fonts, but I was way mistaken.

I then began my journey into type and typography, and have since (and continue to be) enlightened. I began bookmarking and tweeting some of the resources, but then decided that this topic deserves a post of it’s own. I’ve tried to keep the resource list small, and have gone for impact over volume of resources. Do look at the comments/links within the resources to learn more, as crowd-sourcing can do wonders!

Books:

Blog Posts/Articles:

Online tools to help with Typography:

If I’ve missed any awesome resources or have holes in my collection, please write in a comment and let me (and others who visit) know! :)


Aug 12 2010

Gmail revamp has a usability issue

Category: Site DesignHemanshu @ 1:59 pm

So while the Gmail revamp has been good on many fronts, I believe they have made a booboo.

One thing that confuses me, is that earlier when I try to add a birth date to a contact of mine it just had dropdowns to choose the date, month and year.

But now, I need to put in the data into a single text box. And when I do so in a sensible manner, it tells me it cannot recognise the date! The date I used is ’23 September, 1981′.

The error Google throws me is:

This date wasn’t understood. It will be added to your calendar if you correct it.

So I tried putting the date in as ’23/09/1981′. That didn’t work either.

Usability problem with Google's Birthdate input feature.

Okay, you win. Why don’t you then tell me the correct input format, if you do want me to put in the date in a very particular way? Well?

Well, Google doesn’t do that. It won’t tell me the correct way to put in the date.

I finally figured it out. It takes date only in the ‘MM/DD/YYYY’ or ‘Month Date, Year’ formats. Hmm.

Solution:

In situations when you are designing for the full range of folks that use the internet (and if you are Google you sure are!), fault tolerance is a must. This would mean allowing users to enter values in a variety of formats with the onus being on Google to correctly interpret the input. The user shouldn’t need to set the ‘locale’ or any such options elsewhere for this to work!

In the case where it’s just not efficient to build such fault tolerance, give the user an easily recognizable input format. A good example of this would be to use select dropdowns for day, month and time. This ensures that there is clear communication between the system and the user on how the input dates.

Update:

A lot of the comments I’m getting center around how Google has standardised on the US date format and that it’s ok as most users are from the US. I decided to dig deeper, and statistics seem to say otherwise!

According to New Media Trend Watch’s World Usage Patterns & Demographics, only 14.4% of the total online population was from the US in 2009. So while US has a high internet penetration percentage, it forms only a small percentage of online users. This is a big reason for not designing for the US population alone, but to use international formats or at least allow for multiple formats to co-exist in design.

Tags:


Jul 14 2010

Opacity for a Fill within OmniGraffle Pro isn’t usable

Category: FindabilityHemanshu @ 2:51 pm

So I began using OmniGraffle Pro (OGPro) recently, and I have to say I love it.

The one quirk that gets me is: I can easily change the opacity of an image I use within OGPro, but if I need to do it for a “Fill”, it is so hard to find

It took me about 5 minutes of searching and giving up, before I hit upon the solution by Googling it. I need to open the colour chooser/swatch and change the opacity from within it!

One needs to open the Color Swatch within OGPro to set the opacity setting for a fill block.

OGPro opacity usability issue

While I may have known of opacity being in there in the swatch (and the swatch being universal across all mac products), I expect OGPro to bring that out onto the Fill Inspector area for me. Why should I have to open the colour swatch to change opacity, when it’s primary function is to choose a colour?

For such an awesome product, this one thing is #fail. It may be a small feature, but it’s important while wire framing and prototyping!


Jun 28 2010

Designing for Findability

Category: UncategorizedHemanshu @ 10:57 am

A very interesting presentation on the concept of designing for findability, from the inside and outside.

Tags: ,


Jan 21 2010

No easy exit: Amazon.com purchase experience

Category: Findability,Site DesignHemanshu @ 11:36 pm

Context

The other day I was shopping on Amazon.com. I’d reached the stage where I’d selected the items and their quantities, as well as providing Amazon.com with my credit card number.

So far, it had been an extremely smooth and easy experience, with amazon.com using all the right metaphors and visual cues to keep me on track towards completing my purchase.

Amazon.com's 3 step shopping experience

Amazon guides you through your purchase experience using visual cues and metaphors

Problem

Once I got to the final screen where I review all the details (credit card information, quantity, items, shipping address, etc), I realised I didn’t want to purchase anything! I began hunting for a way to exit/cancel the purchase instead of finalising it, and realised it wasn’t going to be as easy as the experience so far!

Amazon.com, in it’s attempt at creating the perfect purchase experience including doing everything just right to close a sale, forgot to consider (in the right manner) users who at the last minute wanted to not buy anything at all.

This is the information provided on the final review page for purchasing items at Amazon:

Amazon.com doesn't provide an obvious exit from it's purchase experience

On the final purchase step, it was obvious how to complete the purchase (1), but not so obvious how to exit (3) without a purchase.

My biggest concern as I looked at the above page was how I could exit gracefully while ensuring that my credit card information (2) was ejected from Amazon’s system and from the browser session.

Continue reading “No easy exit: Amazon.com purchase experience”

Tags: , ,


Jan 13 2010

Basic navigation in xkcd.com flawed

Category: Site DesignHemanshu @ 10:42 pm

I was catching up with my two favourite comic strips online:

xkcd and Phd Comics.

Problem:

Right when I finished reading the latest xkcd comic, I saw both ‘next’ and ‘previous’ navigation options available. To my mind, it meant that I didn’t land up on the latest comic strip, but somewhere in between. The reason for my perception: when you enter just the base URL for a website, you expect to see the most recent content, with options to see older content.

In the case of xkcd, this is what you get:

XKCD navigation has fundamental flaws. It shows the 'next' button even when there isn't more recent/newer content.

XKCD navigation shows the 'next' button even when there isn't more recent content.

Continue reading “Basic navigation in xkcd.com flawed”

Tags: , ,


Jan 11 2010

Dreamhost payment gateway has security flaws

Category: SecurityHemanshu @ 4:32 pm

I had some serious misgivings after transacting with Dreamhost. I realised it had some serious security and usability flaws on it’s credit card payment page.

Two serious flaws in Dreamhost's payment gateway.

(1) Expiry date takes more than 5 characters (2) Security code isn't masked

Continue reading “Dreamhost payment gateway has security flaws”

Tags: , , ,


Nov 25 2009

Flipkart.com does a boo-boo

Category: Site DesignHemanshu @ 4:11 pm

Flipkart needs to have a more realistic differentiation between their Confirmed Orders and Shopping Cart.

I went in to Flipkart to see the status of an order placed a week back, and was shocked to see that they had not received the payment and that it was pending! This despite my having received confirmation that books were being shipped soon!

I decided to investigate further. It was then that realization struck me. Flipkart had actually bundled books I had put in my shopping cart but hadn’t bought them, along with books that I had bought. They even had an Order number for the shopping cart!

Flipkart.com creates 'orders' for items saved in shopping cart. Confusing and scary!

Flipkart.com creates 'orders' for items saved in shopping cart. Confusing and scary!

This is not only confusing to me, but down right wrong in terms of site design. What Flipkart does internally is their concern, but they needn’t expose their shopping cart status as an incomplete/pending order status to the end user [me]!

They should separate potential sales items from sold items. And even more importantly, I didn’t ask for the shopping cart to be saved! So why was I seeing it anyways?

Very confusing.. go hire a User Interface Designer, Flipkart. Oh wait, I’m one! Hire me! :)

Tags: , ,


Nov 20 2009

Twitter’s own application download page not so helpful

Category: FindabilityHemanshu @ 12:36 pm

After using Echofon [for firefox] for a while for my twittering needs, I realised I needed a full fledged [but free/open-source] application for twitter on my daily use PC.

I googled for “twitter application download” and the first link that shows up is for Twitter / Downloads. I liked the fact that twitter is making it easy for users to find desktop/handheld device applications for it’s users.

(Un)Fortunately, when I got there, I saw a variety of applications, each with it’s own UI personality. I decided to go with Twitterrific.

Only after downloading it did I realise it wasn’t a cross-platform application, and would only run on Mac OS X. While this isn’t really a bad thing [I'm a *huge* Mac fan], it didn’t meet my need of running on Windows.

As you can see from the image below, Twitter suggests/lends support to various applications on that page, but doesn’t deem it important enough to provide OS support/compatibility information.

Twitter's application download page doesn't list operating systems supported, a must have for choosing the right application!

Twitter's application download page doesn't list operating systems supported, a must have for choosing the right application!

In the age of TMI [Too Much Information], providing none is not an option. I’m all for simple interface design, but not for useless interface design.

Tags: ,