Posts Tagged ‘web development’

11/12/2009 - Blogger.Iconshock

From DIY to big bucks solutions: Best ways to perform web usability testing

Testing, testing, testing. It’s all about testing. Good usability is key to the success of any web site and web app. And sometimes, when your company has a regular staff to do this work, opinions turn in time to be very biased, and well, that’s just about normal. Iconshock wants to give you some free and commercial alternatives so you can refresh your point of view and add some cool ideas to your projects. There are many apps out there but we just selected different usability test approaches with their finest exponents, both commercial and free.

Usability_Apps_Articles

 

(more…)

08/12/2009 - Blogger.Iconshock

Managing UI Complexity

Simplifying a user interface might take away some possibilities form the user, and giving the user too much complexity may confuse and drown them out.  Brandon Walkin gives takes a tour throughout some key points in UI as contextual actions, Visual Hierarchy, Icons and much more. Must see guide to help developers and designers achieve that perfect balance.

UI_Complex_Articles
Click on image to access full article.
08/12/2009 - Blogger.Iconshock

Create a permanent Header with opacity with JQuery or Mootools

I’ve seen many websites lately that have an omnipresent header with the core links. The header follows you wherever you go, even when you scroll, and it magically reduces it’s opacity to keep the content of the background page visible. Check out this tutorial by David Walsh. He uses this technique in his own website. Take a peek.

Sexyheader_jquery_Articles
Click on image to access full article.
03/12/2009 - Blogger.Iconshock

Refining Advanced search usability

How many of you have actually used the “advanced search” option in Google or Yahoo? I don’t know why it seems that search companies design advanced search almost in a way to purposely discourage its use. Or at least that is what it seems. Stephen Turbek wrote this good article for Boxes and Arrows where he signals out the main design problems of advanced search and gives some solutions.

Advanced search_Articles
Click on image to check out how to improve those darn advanced searches.
18/11/2009 - Blogger.Iconshock

Guides for good search usability in e-commerce design.

Advanced search is overall a underappreciated element in web design, relegated even by giants as Google. Rung András made this article for Smashing Magazine, where he points out the great added value an advanced search can bring to e-commerce sites. If you make it easier for your potential clients to find your products, you are automatically increasing the possibility of turning a curious visitor into a customer.

search-ecommerce_Articles
Click on image to read the principles of a well designed advanced search engine applied to ecommerce sites.
05/11/2009 - Blogger.Iconshock

Techniques for good interface design

Dmitry Fadeyev made this article for Smashing Magazine where he gives us a very interesting 12 point list that explores the use of AJAX, the implementation of Keyboard shortcuts, signup lists and much more. A very interesting read for developers.

TipsUX design_Articles
Click on image to access full article.
04/11/2009 - Blogger.Iconshock

Guidelines for clear and effective communication in web design

Sometimes web developers think that the flashier a site is the better. And it it true that a little eye candy doesn’t hurt to attract visitors, but at the end it’s all about usability and content.  Check out this very useful post by Steven Snell for Smashing Magazine.

Webinfo_Articles
Click on image to access full article.
03/09/2009 - Blogger.Iconshock

UI web design: Is blue the best color for a link?

This is a question that I have asked myself many times before approaching a web layout. Can we achieve a middle ground between user habits and innovative aesthetics? Does it really matter at all? Check this good post by Anders Toxboe for UI patterns

Bluelink_Articles
Click on image to view full article.
18/01/2009 - Blogger.Iconshock

Debug in PHP

To understand the true meaning of the process of debugging in a programmer’s life, you have to close your eyes and imagine the most painful, boring and exhausting thing you have experienced ever. Watching your mother in law snoring? Your first week at the gym? Being caught by a commando of nymph Philippinas? Perhaps getting stuck in an elevator with Adam Sandler?

Kieran Masterton made this good post for the Carsonified blog where he gives us tips to lessen the burden of debugging your php code, and even think it’s almost fun. Well, not quite.

Debug-php_Articles
Click on image to debug!
18/01/2009 - Blogger.Iconshock

How to display form data as tabular data

Ok, here is another die hard developer’s post This time, Alen Grak made this post for Css Globe where he explains step by step, how to enhance your user experience.

Form-data-as-tabular_Articles
Click on image to access full tutorial.
18/01/2009 - Blogger.Iconshock

How to draw with HTML 5 Canvas

HTML 5 has introduced “Canvas” which allows several visual improvements like drawing and physics through javascript.

Jamie Newman wrote for the Think Vitamin blog this step by step article showing us how to use all these incredibly easy to integrate improvements .

Draw-html_Articles
Click on image to know something more about HTML 5 Canvas.
18/01/2009 - Blogger.Iconshock

Essential usability tips for your website

Brujo Owoh made this post for blog giant Six Revisions where he discusses five points you have to keep an alert eye on when designing your website. Usability is key in the net era, and with so many information laying around, you have to give users a way to easily interact with it. I love the introduction to this post. Pretty thoughtful.

five-usability-tips-iconshock-Articles
Click on image to read how to improve the usability on your site.
18/01/2009 - Blogger.Iconshock

Extra simple image randomizer with Jquery

Displaying a different header on each page view is becoming a popular trend in web design these days, and is also a very efficient way to show different content with less clicks by the user. Brian Cray posted this very simple way to introduce this function into your web page.

jquery-randomizer-iconshock-Articles
Click on image to view how simple can you get with jquery.
27/11/2008 - susana

XRAY any website

I wanted to share with you this great resource I found on the web. It’s called XRAY, and as it’s name says, it allows you to look trough a website and easily find any information related to the item you pick.

(more…)

Page 2 of 212