background preloader

22 Essential Tools for Testing Your Website's Usability

22 Essential Tools for Testing Your Website's Usability
The Web Design Usability Series is supported by join.me, an easy way to instantly share your screen with anyone. join.me lets you collaborate on-the-fly, put your heads together super-fast and even just show off. A site's ease of use, or its usability, is an integral part of its success, especially with websites becoming more and more interactive, complex and packed with features. User-centered design is all about building websites that fulfill the goals and desires of its users, and at the heart of this concept is that a user must be able interact with your website effectively. Testing usability is an art and a science. There are many times when usability testers rely on qualitative measurements, intuition, opinions and feedback from users and experience. However, there are also factors you can test quantitatively to ensure that a site is usable. In this post, we'll discuss six crucial factors that affect usability. What other tools have you used to test website usability? 1. 2. 3. 4.

http://mashable.com/2011/09/30/website-usability-tools/

Related:  website designWeb Design Resources

How to Create a Standardized Web Site Development Workflow 0Google + As far as possible, we try to use a standard process for our web projects. Although it can seem like overkill for smaller projects, one thing I've discovered is that when it comes to building web sites for large organizations, there really are no shortcuts. If you cut corners, it will always come back to bite you in the end, whether it is in the form of last minute design or content changes or a site that just doesn't meet users' needs. Consequently, we've worked pretty hard to come up with a standardized web site development workflow (GIF 91KB). Download the Visio version (ZIP 143KB). Essential tools for every web designer Every web designer requires the right tools to do their job. To create well crafted original designs you certainly need to be inspired to do so. Getting to that point is sometimes the hardest challenge in the field of web design.

Product Development: 9 Steps for Creative Problem Solving [INFOGRAPHIC] Ronald Brown is a successful startup CEO with an extensive background in technology and consumer marketing. His new book, Anticipate. The Architecture of Small Team Innovation and Product Success is available via iTunes, Amazon, Barnes & Noble, and Kobo. Creativity is the main prerequisite for innovation. However, our culture emphasizes critical thinking to the near exclusion of creative thinking (although it was the key to success in the Information Age). Today's business is dominated by global complexity and commoditization.

17 Free Responsive WordPress Themes There is a lot of talk within the web design community about responsive design at the moment, at its most basic it means serving up different versions of your web site depending what size screen resolution a person is using. So you would have one version for widescreen desktops, a smaller version for smaller resolutions and then a mobile version for smart phones etc. It’s a concept I like – its nice when browsing on your phone and you receive a nicely formatted version which makes it easier to read. There are a number of WordPress themes with responsive layouts thats have been released for free, which I will cover in this blog post.

Planning a Dynamic Site with Macromedia Studio MX 2004 This chapter is from the book  When one introduces complexity into the web design process, one also creates a management problem. The problem is retaining the consistency of design throughout the project. If the site is composed of images, text, artwork, video, sound, and other media, it is absolutely critical they all have the same "look and feel." This way, the site visitor is not left wondering whether he or she has left the web site. A good example would be Nike.com. BigVideo.js - The jQuery Plugin for Big Background Video The jQuery Plugin for Big Background Video (and Images) This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.

Color Happy 4 I saw this project on Behance awhile ago. Designed by Vash, it looks as though he has changed his privacy settings or removed his account, so I can’t link to the original project site, unfortunately. The identity system it’s a part of actually includes a much broader palette, but I love this excerpt. I was able to find this FFFound link that shows more—it really is a beautiful system, I wish I could provide more information. Update: I just got an email about this project being published (I guess for the second time?) on Behance. Web Design Trends in 2012 It’s that time of year again, where we look into our crystal ball to see what will be the hot trends in web design for the upcoming year. It’s no secret that trends come and go, with some hanging around longer than they should. (Yes, splash page, I’m talking about you.) But trends are a necessity in the development and growth of our craft. Trends are born, improved upon, and often spawn other trends.

Box-shadow, one of CSS3′s best new features Home / CSS3 Previews / Box-shadow, one of CSS3’s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix). Here’s a basic example: Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box. In theory, the code for this is straightforward:

How to Write a Great Creative Brief by Jay Musselwhite, Jaymus LLC As many of you know, I partner with a variety of talented vendors to deliver what my clients need. Jay is one such vendor. So when I saw his article on writing a creative brief, I wanted to share it with you. While we hope you pick BBR Marketing for your creative and Web projects, providing this level of detail and type of information will make the process move forward more smoothly, and typically deliver more quickly, no matter who you use.

Related:  UsabilityWidgets