Posts Tagged ‘usability’

By default, WordPress stylizes your image captions in a way that might not perfectly match your theme design. However, we can dramatically change it just by applying some CSS on the right classes.

Read more

Tags: tutorials, usability

Some time ago I wrote an article about creating some tabs using jQuery, the Javascript library. One of the readers asked if I could devise a way to “add a code that will automatically and continuosly go to the next tab even without clicking on the tabs?”. Well, here it is. In addition to the rotating tabs, we also need to take care of the behaviour when the user actually clicks on a tab by stopping the cycling behaviour on the desired tab. Finally, we will also highlight the selected tab both in the cycling mode and when the user clicks on a tab. Read more

Tags: development, javascript, tabs, tutorials, usability

A while ago the itpints’ manager, Javier Arias, approached me to redesign their site. He wanted a new experience of usability for the search engine and at the same time, a clean but artsy look. I started doing some research about many web search engines: classic engines where results are sorted mainly by relevance, (like Google’s search, whether it’s the old or the new infrastructure) and those that offer a real-time search, like SocialMention.

Read more

Tags: usability, web application

One user asked the other day on the jQuery Tabs tutorial how to highlight the particular tab we selected. In this tutorial we will see some way to select different elements using jQuery, from a basic multiple selection, a multiple selection revealing content and a excluding selection revealing content. See the three examples and read on.

Read more

Tags: javascript, resources, tutorials, usability

Firefox 3.5 is here and if you have already downloaded you might be enjoying its benefits. Let’s take a look at some features that will dramatically improve your browsing experience and you will want to keep into account for your next web application.

Read more

Tags: browser, usability

In this tutorial we will be learning how to create a collapsible panel or sidebar and an expandable content area. jQuery will be assisting us to create this smooth and sleek behaviour. Once our panel is hidden, we will display a small button to reveal it again.

First, you might want to see the Collapsible Panel demo. Then proceed to the tutorial. Read more

Tags: development, javascript, tutorials, usability

Interesting chart showing Pre-Installed Fonts in Linux, Mac, and Windows

Tags: development, usability

I love this site and the idea behind it. DontClickIt i’s a click free site where you can interact with it without doing a single click. This could be great it were to be implemented on most sites. Clicking with mouse is tiring, monotonous and doesn’t really help too much. We could just rollover an area like we do when we point at something with a finger. Of course, someone could inadvertedly rollover the “Delete everything” button and… This is why DontClick.It explores several click free techniques like a timer when you rollover or a mouse gesture, which is another great user interaction technique.

Play around and don’t forget to click at least once while you are in the interface.

Tags: flash, usability, user interface, web application

This viral site for 2012 movie was released a couple of days ago, and I’ve been playing around at it today finding that its graphic design and usability are great. Now, most Flash sites rely on top notch fx, which are unappropriate for slow machines or small screen resolutions. This one has cool fx, but you get them if start to go deep into the content, it’s not on the home page slowing down everything (and worse, once you entered, those sites doesn’t have anything remarkable) and ruining the first impression. This site is featured like a site from a real scientific research facility, and you get to adjust simulations to predict natural disasters, see efforts worldwide to prevent apocalypsis, enter a lottery to win your survival and more. The design is superb, the content is well structured with the proper hierarchy, it has a breadcrumb bar, intuitive mini-applications and I really like the contact/lottery form design; it even has swf deep linking. Good design, good usability plus a tremendous fun to play with, make this site one awesome viral site.

On the opposite, check the viral for Skynet Research.

Tags: flash, usability, web application