background preloader

Forms that work: Designing web forms for usability - The design of forms

Forms that work: Designing web forms for usability - The design of forms

WordPress Alternatives | 5 Website Builders You Should See Let’s get this out of the way – WordPress is one of the most used website builders (or content management systems) in the world. It’s famous, powerful, flexible and enables you to have a piece of the internet real estate – your own website. Now that I’ve flattered it, the key question is – is it the right website builder for you? I’m guessing that you found this discussion here because you’re looking for some alternatives to WordPress. Maybe you just want to better understand the choices available to you to enable you to build your own website, or maybe you got frustrated with learning how to use WordPress (it does have a steeper learning curve, after all). Either way, this article will go over some WordPress alternatives, and direct you to some more in-depth discussions on how these other website builder choices compare to WordPress. Before we dive into discussing some of these WordPress alternatives, I just want to table one thought. There is no such thing as a perfect website builder. 1.

mezzoblue § Home 10 Principles Of Effective Web Design - Smashing Magazine Advertisement Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information. Please notice that you might be interested in the usability-related articles about 10 Usability Nightmares1 and 30 Usability Issues2 we’ve published before,we’ll cover more principles of effective design in our following posts. This article has been translated to Hebrew4. How do users think? 1. 2. 3.

The web's scaffolding tool for modern webapps | Yeoman Colour Contrast Check - snook.ca Date created: January 11, 2005 Date last modified: March 30, 2009 The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C]. The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. It will indicate that it sort of passes if only one of the two values exceed their threshold. The tool will also indicate if the colours pass the newer WCAG 2.0 contrast ratio formula. You can enter a three character value (eg: 036) and it'll automatically convert it to it's six character version.

10 Usability Nightmares You Should Be Aware Of - Smashing Magazine Advertisement Sometimes you just want to get the information you’re after, save it and move along. And you can’t. Nevermind what design you have, and nevermind which functionality you have to offer — if your visitors don’t understand how they can get from point A to point B they won’t use your site. a clear, self-explanatory navigation,precise text-presentation,search functionality andvisible and thought-out site structure. And that means that you simply have to folow the basic rules of usability and common sense. In this article we take a look at some of the usability nightmares you should avoid designing functional and usable web-sites. 1. Backpack2, 37signal’s one of the most usable organizational and project management tools out there, explains exactly what the tool can be used for, how one can use it and which features it has to offer. The “Log in”-link (hint: in the yellow box) should have a greater font-size — also icons would do the job. 2. 3. 4. 5. Often less is more. 6. 7. 8.

Implement Custom Gestures — Web Fundamentals Add Event Listeners Touch events and mouse events are implemented on most mobile browsers. The event names you need to implement are touchstart, touchmove, touchend and touchcancel. For some situations, you may find that you would like to support mouse interaction as well; which you can do with the mouse events: mousedown, mousemove, and mouseup. For Windows Touch devices, you need to support Pointer Events which are a new set of events. Touch, mouse and Pointer Events are the building blocks for adding new gestures into your application (see Touch, mouse and Pointer events). Include these event names in the addEventListener() method, along with the event’s callback function and a boolean.

CSS Design: Creating Custom Corners & Bo We’ve all heard the rap: “Sites designed with CSS tend to be boxy and hard-edged. Where are the rounded corners?” Answer: the rounded corners are right here. In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical markup. The markup#section1 In the example markup below, XHTML line breaks have been inserted to pad out dummy paragraphs: <h2>Article header</h2><p> A few paragraphs of article text. If we examine the markup, we’ll see that we have given ourselves at least five hooks, which is all we need to place customized graphics in each of the four corners (and left side) of our article. See Step 1 — primary markup. The design#section2 First let’s decide on some basic layout parameters. “I want the borders and corners to look something like this,” he said. “Could you leave that open, or make it so that it’s easy to change?” The process#section3 The styles#section4 Not bad at all!

30 Usability Issues To Be Aware Of - Smashing Magazine Advertisement You don’t have to agree upon everything. As a professional web developer you are the advocate of your visitors’ interests and needs; you have to protect your understanding of good user experience and make sure the visitors will find their way through (possibly) complex site architecture. And this means that you need to be able to protect your position and communicate your ideas effectively — in discussions with your clients and colleagues. In this context nothing can support you more than the profound knowledge of fundamental issues related to your work. In this article we present 30 important usability issues, terms, rules and principles which are usually forgotten, ignored or misunderstood. Usability: Rules and Principles 7±2 PrincipleSince human brain has some limits on its capacity for processing information, it deals with complexity dividing information into chunks and units. SatisficingWeb users don’t prefer optimal ways to find the information they’re looking for.

Related: