mobile design webdev

The other day I glanced at a classmate using Baidu to perform an image search and was impressed with their presentation:

Baidu mobile image search

Note the nice big images and the lack of margins around images. After seeing this presentation, I realized that the common approach of adding margins around images is pretty unnecessary.

I also noticed that the images are a variety of sizes, leading to a less sterile experience. There’s surely some clever math going on behind the scenes here to make sure the images appear “justified” (to use a word from the recent Flickr redesign).


Google mobile image search

Note the smaller photos, which sometimes causes features on images to be indiscernable.

Also note the more common approach of adding margins around the images. This seems to remove a lot of space which could otherwise be used to show more details of images, which is the approach Baidu takes.


Bing mobile image search

Bing uses a nicely-designed slick interface with a black background, which I tend to like a bit better.

However, all its images are cropped or resized to be exactly the same size, leading to a more sterile gridlike experience.

Also, just a minor complaint, but the search magnifying glass appears to be a tiny bit blurry, especially compared to the sharpness of the Bing logo. But it’s barely noticeable, especially compared to Yahoo (below).


Yahoo mobile image search

Yahoo has nice big images, actually a bit too big. Bit it also appears to suffer from the approach Bing uses to resize photos to make their dimensions exactly the same.

Again note the common white margins around the images.

The non-retina top graphics (logo and search button) are so blurry and distracting that I have to at least mention them here. These images look blurry on every modern phone on the market today, and it’s sad to me that neither developers nor QA cared enough about this to do something about it.

Strangely, these images look fine on the main “Web” tab, but they are distractingly blurry on this Images view as well as others.

Flickr mobile app (iOS)

Flickr mobile app image search

The Flickr app itself has some decently-sized images, but here again we see the image margins at work. This is also present on the “justified view” on the desktop site, so I suppose they wanted to be consistent.

Flickr mobile web

Flickr mobile web image search

This is certainly the worst out of the bunch. It’s a real waste of space, with small images sacrificed for textual information that’s a little excessive for this screen.

I think this is just due to the website’s age. Flickr’s mobile website is much neglected and is showing its age. I would be really nice to see updates to match the nice progress they’ve made with the “justified layout” that you can see on their desktop site and mobile app.

comments powered by Disqus