Product Planner - View and Create User Flows, Viral Loops, and M. 20 Websites to Help You Master User Interface Design. By Jacob Gube As web technologies progress, websites and web applications are becoming more responsive, providing us with more ways and techniques to interact with the users. Form, more than ever, has been superseded by function. The following websites deal with interface design, user experience, user-centered design, usability, and everything in between – all with the goal of enhancing the user’s interface. 1. Boxes and Arrows Boxes and Arrows is a peer-written journal and a premier source for information on interaction design, usability, and information design. 2. UX Magazine deals in the topic of user experience. 3. UXmatters is a non-profit web magazine devoted to sharing information on effective user experience techniques and becoming a leading resource for User Interface (UX) professionals. 4.
A List Apart – the leading resource on standards-based design and development articles – has a User Science topic that covers various parts of designing the user’s interface. 5. 6. 7. 8. 9. 9 Common Usability Mistakes In Web Design | How-To | Smashing Ma. Advertisement By now, all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers. Delight and satisfy your visitors, rather than frustrate and annoy them, with smart design decisions. Here are 9 usability problems that websites commonly face, and some recommended solutions for each of them. 1. Hyperlinks are designed to be clicked, so to make them usable, it makes sense to ensure that they’re easy to click. Here’s an example of the same interface element, the comments link, but this time with a much larger clickable area: Newspond comments link.
Why would we want a larger clickable area? <a href=" style="padding: 5px;">Example Site<a> You can read more about padded link targets for better mousing in a 37signals article on padded link targets. 2. Pagination refers to splitting up content onto several pages. 3. 4. The Basecamp landing page. 5. Userfly. Make your 404 pages more useful. Your visitors may stumble into a 404 "Not found" page on your website for a variety of reasons: A mistyped URL, or a copy-and-paste mistake Broken or truncated links on web pages or in an email message Moved or deleted contentConfronted by a 404 page, they may then attempt to manually correct the URL, click the back button, or even navigate away from your site. As hinted in an earlier post for "404 week at Webmaster Central", there are various ways to help your visitors get out of the dead-end situation.
In our quest to make 404 pages more useful, we've just added a section in Webmaster Tools called "Enhance 404 pages". If you've created a custom 404 page this allows you to embed a widget in your 404 page that helps your visitors find what they're looking for by providing suggestions based on the incorrect URL. Example: Jamie receives the link www.example.com/activities/adventurecruise.html in an email message. Can you change the way it looks? Sure. Mobile Web Toolkit. Google docs toolbar. Dotmobi - Mobile site templates.