background preloader

10 Usability Crimes You Really Shouldn’t Commit

10 Usability Crimes You Really Shouldn’t Commit
Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website. Crime 1: Form labels that aren’t associated to form input fields Using the ‘for’ attribute allows the user to click the label to select the appropriate input fields within a form. This is especially important for checkboxes and radio fields to give a larger clickable area, but it’s good practice all round. Crime 2: A logo that doesn’t link to the homepage Linking the logo of a website to the homepage has become common practice and is now second nature for (most) web surfers to expect the logo to head back home. Crime 3: Not specifying a visited link state Visited link states do exactly as they say on the tin. Crime 9: Telling people to click here

http://line25.com/articles/10-usability-crimes-you-really-shouldnt-commit

The 960 Grid System Made Easy By Joshua Johnson The first time I discovered the 960 Grid System, I was immediately excited about the possibilities of implementing complex layouts so easily. However, since I was fairly new to web design at the time, when I downloaded the files, I quickly became overwhelmed at how complicated the whole thing seemed. With all this code, how could this be the easy way to create a layout? This article is for web designers and front-end web developers who are interested in grid-based layout systems but are at a loss on how to decipher them. Create a Vector RSS Icon Adobe Illustrator is a vector graphics application, so it doesn't matter what size the icon is created at. We can simply select all the objects and scale them up to the size of King Kong, or likewise scale them down to the desired size. Unlike Photoshop, all our lines and shapes will keep their crisp lines and colours because they're made of mathematical calculations rather than good old pixels.

15 sites web developers and designers should know - CatsWhoCode.com Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. 10 Ways to Cut Down Web Development Time In today’s development environment: faster is better. Present-day buzzwords and buzz terms like "rapid application development", "Agile", and "Asynchronous JavaScript and XML" (we can’t even wait for web pages reload anymore) gives you an insight of the fast-paced world we live in. But getting things done rapidly doesn’t mean working harder – just working smarter. In this article, you’ll find 10 general, time-saving tips to cut down on your development time. 1.

A Crash Course in Typography: Principles for Combining Typefaces - Noupe Design Blog Apr 11 2011 When combining typefaces, there are a couple of important principles you’ll need to keep in mind, namely contrast and mood. Effectively combining typefaces is a skill best learned through practice, and trial-and-error. Once you’ve mastered the principles covered here, you’ll have the tools you need to try out combinations while making educated guesses about what will and won’t work together. Here, we’re mostly covering combining two typefaces, as you would for body copy and headlines. In the next part, we’ll cover combining more than two typefaces for things like navigation, image captions, and more. Crystal Clear Crystal Clear From Wikimedia Commons, the free media repository Jump to: navigation, search Icons from the Crystal Clear icon set (archived page as of 10 October 2012 at Internet Archive) by Everaldo Coelho. – The icons are licensed under the GNU Lesser General Public License (LGPL). These icons can be downloaded in a single package at Open Icon Library.

20 Methods for Upping Your Current Web Design Skills Design All great designers are constantly improving their skills. There has never been a successful designer, or anyone of another profession for that matter, that has stopped at a certain point and said, "Good enough". Fortunately, there are plenty of ways to always be learning new things, and to always be improving. In this post we're looking into 20 different ways a web designer can improve their skills at any time. They involve everything from learning new abilities, to changing focus, and to revamping one's mindset when it comes to design.

Best of Black and White Graphic Design Layouts Best of Black and White Graphic Design Layouts I don’t think that I have ever had such a hard time researching a topic. Believe it or not, it is very hard to find any half decent black and white designs online. I have listed a couple of dozen black and white designs. 20 High Quality Free Fonts for Designers You may have noticed that we love finding awesome free fonts and sharing them with you. So don’t spend any of your valuable time searching the internet for more fonts. We’ve got you covered. Here are 20 high quality free fonts for you to use in your designs. In this selection, you will find a variety of styles. Stunning Collection of Black and White Logo Design Top Home » Gallery • Inspiration • Logo Design » Stunning Collection of Black and White Logo Design A logo is an emblem or the visual representation of the business. Although a logo is a small graphical element but without doubt is of great importance. Simple logo designs are always proved to be the most effective and powerful whether in terms of color selection or concept.

Free Fonts: Excellent List of Resources Are you working on a new project that involves type face and are looking for something new and fresh to work with? You might just be in luck. In this post I have compiled a list of websites that offer an amazing selection of unique and free fonts to choose from. 25 Most Attractive Black & White Websites What do you think about black and white websites? Simple, clean or outdated? Anyway, they have sprung up with a growing number. Personally I like black and white websites much more than colored ones. The graceful, well-organized and typographic layouts, the high-impact and maximum contrast designs plus the freshness and mystery brought by the two simple colors make up a stream of clear water while we wandering in the huge desert of colorful webs. Here we have compiled some of the attractive and striking black and white websites.

Web Design in Black & White Black & White doesn’t have to be boring. Monochromatic color schemes can be used with just about any color, but some of the most striking are in black & white. By cutting out color a website relies more heavily on other design elements – such as layout or typography, etc.. So here’s your daily dose of inspiration…30 extremely well-done Black & White websites… DepthCore arsnova Design

55 Minimal Black and White Web Designs to Inspire You We’ve already shown you Yellow Web Designs and Blue Web Designs, but sometimes less color is the best color choice for a web site. In this post, we’re showcasing 55 minimal black and white web designs to inspire you. The B&W combination is great, from photography to interior design. It’s simplistic, elegant, and gets out of the way to let the content shine. Art Directors Club of Europe Blake Allen Design

Related: