Buy. Download. Create. Get Photoshop CS3 now at the Adobe Store.
Get Flash, Dreamweaver, Photoshop Extended with Adobe CS3 Web Premium.
The Photoshop Blog offers the latest Photoshop news and software updates, Photoshop tips and tutorials, and random thoughts from graphic artist and Photoshop expert Jennifer Apple.
5-Second Tests - Measuring Your Site's Content Pages
By Christine Perfetti
On your site, the content page is the user's most frequent final destination. This page contains the information the user came to the site to find. Sites often have hundreds, if not thousands (and in some cases, millions) of these critical pages.
How can design teams be confident their content pages are understandable to users? How does a team ensure they've designed content pages that communicate the essential information effectively?
Designers constantly struggle with the task of creating successful content pages. For example, RedCross.org's designers need their users to understand all the options for donations. When the world faces a major disaster like the South Asia tsunami, the designers want users to realize the flexibility they have to help.
A simple usability testing technique can help design teams quickly measure how a content page performs with users. We call it the 5-Second Test.
As the name suggests, the 5-Second Test involves showing users a single content page for a quick 5 seconds to gather their initial impressions. Five seconds may not seem like a lot of time, but users make important judgments in the first moments they visit a page. This technique unveils how those judgments turn out, giving the team insight into some essential information about the page. Using this technique, we've found the information we've gathered essential for making huge improvements to our clients' sites.
The 5-Second Test Method
If you've conducted a usability test in the past, it's very simple to put together a 5-Second Test. It has a similar structure to traditional usability tests: you'll have users, tasks, and the site you're testing. The difference is in the specific protocol for running the test.
Most content pages have a distinct primary purpose. In the case of RedCross.org's Donation content page, the primary purpose was to communicate to users all of their contribution options. This is a high-risk page for the Red Cross. If it fails, they risked losing hundreds of thousands of dollars of essential contributions.
As we often do in other types of usability tests, we start by giving users a focused task. For the Donation page, we gave users a simple task:
- "You're ready to donate to the Red Cross organization. But you're unsure of what kind of donation to make. What are your donation options?"
Next, before show the user our page, we tell them we'll only display it for 5 seconds. We ask them to try to remember everything they see in this short period.
Once the user views the entire page for 5 seconds, we remove it by either covering it up or switching to another window. Then, we ask them to write down everything they remember about the page. When they finish jotting down their recollections, we ask two useful questions to assess whether users accomplished the task. For the Donations page, we'd ask, "What is the most important information on this page?" and "How would you go about donating to the Red Cross?"
Analyzing the Results
By paying careful attention to users' initial impressions, we can identify whether the content page is clear and concise. If the page is understandable, users will easily recall the critical content and accurately identify the page's main purpose.
In our test of the Red Cross page, all users could tell us what content was most important-they all told us the purpose of the page was to generate donations. However, the page was surprisingly ineffective at communicating the donation options.
When prompted, users told us they knew they could donate money to the Red Cross. What they didn't learn was that they could also donate stock, clothes, and airline miles. Even though this information was readily available on the content page, no user realized there were other options. We learned the content page was not doing its job communicating all of the relevant information. To succeed, the team needed to highlight the different vehicles for donation better.
Recently, we repeated the test on a redesigned version of the Donation page. (You can see the redesigned page to the right.) This new page prominently lists all of the different ways of donating at the top of the screen. Testing the redesigned page, we found users readily recalled the complete set of donation options with only 5 seconds to look at the page.
The Benefits of 5-Second Testing
Limiting the viewing time to 5 seconds, we get a valuable glimpse into what happens during the first moments a user sees a page. When we give users more than 5 seconds to study the page, we've found they start looking at the page more like a designer, noticing details they would normally miss or misinterpret.
Frequently, we'll conduct 5-Second Tests with paper mock-ups or low-fidelity electronic prototypes, such as PDFs or Photoshop page renditions. We can test very early in the development cycle, long before the team build's a functional web site. Often, this early insight can help point out site-wide information design requirements, saving much redesign work down the road.
One of the 5-Second Test's biggest advantages is how quick it is. When evaluating the Donation page, each user took only 10 minutes! Because this technique is quick and easy to implement, it is perfect to run in locations where we can gather many users at one time, such as trade shows, conferences, and the company cafeteria. We can gather large amounts of user data in a short time.
5-Second Tests Don't Tell Us Everything
We've found this technique to be an essential part of our usability toolbox. However, it has limits to what it can tell us.
We've found the technique is best when we use it on pages designed with a single primary purpose. Home pages and major navigation pages don't yield as valuable results, because they often serve many different tasks.
For example, the home page for RedCross.org serves the needs of donors, sponsors, volunteers, medical professionals, victims, and the press, each with their own set of tasks. Each of these different users would probably see different things on the page, depending on their context and immediate goals. Other techniques, such as traditional usability tests and inherent value tests would be better instruments for judging the effectiveness of this page.
A Quick Technique for Evaluating Content Pages
We've used 5-Second tests on any project where clients to make quick improvements to their content pages. If you have a site or product where users tell you that the site's content pages are cluttered or confusing, this may be just the right test for you. 5-Second Testing is one more technique in our user experience toolbox that gives teams the information they need to create successful designs.
5-Second Tests: Measuring Your Site's Content Pages by Christine Perfetti was
originally published on the User Interface 10 Conference web site.
Photoshop CS3 Upgrade Options And Bundles From The Adobe Store
Photoshop CS3 Extended is ideal for film, video, and multimedia pros and for graphic and web designers using 3D and motion. Get the full version for US $999, or upgrade for US $349. The standard version of Photoshop CS3 is available for US $649, or as an upgrade for US $199. See all upgrade options at the Adobe Store. See our CS3 Resource Center for free Photoshop CS3 tutorials.
Photoshop Extended is also available as part of Adobe Creative Suite 3 Design Premium, which combines all-new CS3 versions of Photoshop, Flash Pro, Dreamweaver, Illustrator, InDesign and Acrobat 8 Pro. Upgrade options for customers in Europe, the UK, Australia, New Zealand and Asia can be found at the Adobe International Store.
Adobe Photoshop Lightroom Available At The Adobe Store
There are tons of new features in Adobe Lightroom 1.0 that you won't find in the beta version. From Clone and Healing functionality to metadata browsing, you'll be able to free-up post-processing time like never before. Get it now at the Adobe Store. Customers in Europe, the UK, Australia, New Zealand and Asia can find special pricing and offers at the Adobe International Store. For free Lightroom tutorials see our Lightroom tutorials page.
Special Offer - Fluid Mask - Photoshop Masking Plugin
Fluid Mask is based on breakthrough segmentation technology inspired by the way the eye, optic nerve and brain perform visual processing. When an image is loaded, Fluid Mask's segmentation engine analyses the distribution of colors, finding the natural groups within the image. Together with information calculated about edges, gradients and textures, a model is constructed which divides the images into objects.
Vertus Software is offering Fluid Mask at the special 'friends and partner' discounted rate. This is an exclusive offer to visitors of PhotoshopSupport.com. To qualify, visit the Fluid Mask Discount Price page. Find out more about Fluid Mask on our special Fluid Mask Page.
Alien Skin Software - Photoshop Plugins - Special 10% & 20% Discounts On All Alien Skin Photoshop Plugins
Our friends at Alien Skin Software have set us up with an exclusive special offer discount link that will give you some sweet savings at their online store.
Just follow this link and you'll see 10% and 20% price drops on their products when you get to the Alien Skin Online Store area (excludes the Eye Candy Bundle, which is already discounted at $199). This special offer includes a discount on Eye Candy: Textures, Eye Candy: Nature, Eye Candy: Impact, Exposure, Blow Up, and their latest release Snap Art.
Snap Art – $149 – our price $129
Blow Up – $199 – our price $179
Exposure – $199 – our price $179
Eye Candy 5: Impact – $99 – our price $79
Eye Candy 5: Nature – $99 – our price $79
Eye Candy 5: Textures – $99 – our price $79
SiteGrinder Photoshop Plugin - Create Websites Instantly
There often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.
Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.
Turn Photoshop Into A Complete Web Design Tool
SiteGrinder seeks to bridge this gap between design and development. Basically, this program turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, this program is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks.
Generate Your Web Pages Directly From Photoshop
By generating web pages directly from Photoshop, you'll be able to spend much more time on the creative end of the spectrum, since you'll know right off the bat how well particular designs will translate to the web. No more going back to the Photoshop drawing board after getting a phone call from your development team, telling you that what you had envisioned doesn't have a chance of being displayed on the web. You can immediately visually and interactively test your designs, which permits you to then make changes to either esthetics or functions while it's still relatively early on in the design process.
Pricing and Availability
Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download. SiteGrinder can be ordered from Media Lab's online store.
Photoshop CS3 Book - CS3 Essential Skills - By Mark Galer And Philip Andrews
Brimming with beautiful pictures, Photoshop CS3 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS3. If you are an aspiring professional, enthusiastic amateur photographer, or a student learning photography, digital imaging, art and design, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.
The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.
Read 2 free sample chapters:
Adjusting Exposure in Adobe Camera Raw CS3
Photoshop CS3 Tutorial High Dynamic Range
Special book offer - save 24%
Photoshop CS3: Essential Skills (Amazon.com - $28.08 - save 24%)
Photoshop CS2 Book - Photoshop CS2: Essential Skills - By Mark Galer And Philip Andrews
An inspirational and user-friendly guide to creative image editing, Photoshop CS2: Essential Skills provides direction for photographers and designers alike who have ventured into the realm of the 'digital darkroom.' The book offers a progressive curriculum to guide you through Photoshop with a series of clear, step-by-step projects designed to place knowledge into a practical context.
Whether you simply want to retouch an image, create a glamour makeover or create a highly sophisticated montage - this book will give you the essential skills to complete the work to a professional standard.
Read 2 free sample chapters:
How To Sharpen An Image In Photoshop — Advanced Sharpening Techniques
Working With Shadows In Photoshop - Advanced Shadow Techniques
Special book offer - save 37%
Photoshop CS2: Essential Skills (Amazon.com - $20.76 - save 37%)
Exclusive 20% Discount On Select Total Training Products & Bundles
To redeem our exclusive discount coupon, use promotion code save20pss in your shopping cart. You could save hundreds of dollars. Use this special link to see the full offer.
Total Training for Adobe Photoshop
Learn Adobe Photoshop with 21 hours of interactive Adobe Photoshop tutorials. This is training for real-world situations and includes additional tips and techniques used by the pros.
View Sample Photoshop, Dreamweaver and Flash Pro Video Tutorials
Free Adobe Photoshop CS3 video tutorials
Free Adobe Photoshop CS2 video tutorials
Free Adobe Dreamweaver video tutorials
Free Adobe Flash Pro video tutorials
