Archive for October, 2010

Test Usability By Embracing Other Viewpoints

Smashing-magazine-advertisement in Test Usability By Embracing Other ViewpointsSpacer in Test Usability By Embracing Other Viewpoints
 in Test Usability By Embracing Other Viewpoints  in Test Usability By Embracing Other Viewpoints  in Test Usability By Embracing Other Viewpoints

As Web technology improves, users expect Web-based widgets to be useful, content to be relevant and interfaces to be snappy. They want to feel confident navigating a website and using its functionality. They crave being able to get things done with little friction and on demand. And demand they do.

People are picky. When a website gives them problems, they are less inclined to use it. From a design perspective, testing for a good user experience entails making improvements based as much on critical feedback as on design expertise. As long as your website is around, offering a good user experience is critical. And like the website itself, improving the user experience doesn’t end when the website launches.

A good user experience leaves people with a sense of accomplishment.

User-testing-lifecycle in Test Usability By Embracing Other Viewpoints
Unlike certain other phases of production, testing for user experience is an ongoing process.

Developing a website or app often takes up several phases. These include discovery, design, implementation, internal testing, soft launch and delivery. But unlike the development phases, user testing is ongoing. Certain questions will arise at any time:

  • Does this solve a problem or serve a purpose?
  • Is it easy to use?
  • Is it meaningful?
  • Is it useful?
  • Is it clear?

These questions are relevant when the concept is being refined, half-way through development and six months after launch… in fact, they never stop being relevant.

[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #1 is Professional Web Design, 242 pages for just $9,90.]

Regular Upkeep And Rigorous Pruning

If a website is to serve its visitors well, then the people who maintain it must address the problem of relevance. Relevant content answers questions that people have right now. But technology advances, events come and go and people’s needs change over time. The information that a website launches with may not be as useful to users six months later.

Regular content audits—asking how well each piece of the website’s information benefits the users—ensures that when visitors come, their trip is worth the effort. To do this, a website manager should ensure that every piece of content addresses these questions:

  • How does it benefit or persuade the end user?
  • How does it support the website’s purpose or agenda?
  • Is it easy to find?

If content might be useful, then it also might be unnecessary. Here are other questions to ask about whether a piece of content deserves a place on the website at all:

  • Who would miss it if we removed it?
  • Could it be combined with something similar?
  • How often do people who don’t visit the website ask about this?

For example, if a website’s “About usâ€� page is only a paragraph long, it might be better served on the home page—unless it could be expanded with meaningful information about company history, staff biographies or contact details. Likewise, a website about, say, soy milk products may not require information about the inhumane treatment of cows—unless the website’s goal was more to promote a viewpoint than to sell soy milk.

Whether content belongs on a website is determined by the website’s purpose. If something doesn’t quite fit, then the website won’t quite work.

Ask “What If� Of Unlikely Scenarios

Sometimes the hardest part about questioning one’s assumptions is determining what those assumptions are. Learning to consider the pros and cons of silly, risky or impractical changes is a creative way to shake up established methods and discover potentially better ideas.

User-testing-change-methods in Test Usability By Embracing Other Viewpoints
Traditional methods of updating content include adding, removing, rearranging and recasting information.

While conventional thinking leads a designer to experiment with, say, the background color, an unlikely “What if� question considers the nature of the background itself. What if the website had more than one background? Would one act as a mid-ground, floating above the very back? Would the background change as visitors wandered through the website?

When you’ve finished asking the obvious, try the unlikely:

  • What if the website’s “Aboutâ€� page became its home page?
  • What if we turned the website’s sidebar into a footer?
  • What if we organized all content with tags instead of in a hierarchy?
  • What if we swapped the colors of the heading and background?
  • What if the contact form was a puzzle that visitors had to solve?
  • What if products were arranged with the least popular at the top?
  • What if we disabled the CSS and images one day per week?

Impractical? Perhaps not. Enlightening? Perhaps. Playing “What if� is about questioning the rules that govern a website’s design. Is there a better way to arrange the information? How else could the content be presented? Is this design really clear enough?

Undertaking to improve the user experience is an admission that the current design has problems. If the problems are unclear or user complaints are vague, then exploring radical changes may force designers to question their initial assumptions. If nothing else, then it’s an exercise in creativity. If it ain’t broke, break a copy.

Case in point: when one business owner in particular wanted to sell products online, the initial website design filled the center of the home page with clickable product categories. This didn’t suit the owner, whose business name was well known in the field. The proposed solution moved categories to a thin left-hand column and put business information, customer registration and contract details in the center.

A week after launch, a long-time customer asked when the website would have products. The categories seemed to have gone unnoticed by an indefinite number of visitors. Fortunately, one decided to speak up.

Interface-problem in Test Usability By Embracing Other Viewpoints
The original design put product categories (the white bars) in the center. The client wanted more emphasis on information about their company (black bars). When customers complained, the client requested an arrow pointing to categories on the left.

This problem could have been prevented if the people involved had put higher priority on the user experience. No further user testing was done. To date, it is unknown how many customers, if any, are still having trouble with the website.

Keep Content In (Other People’s) Perspective

Clever designer don’t attempt to answer these questions themselves. Rather, they ask two types of people: those who use the website often and those who use it casually.

Website designers often begin with certain goals about how a website’s interface and content should be used. Interfaces are designed around particular problems: how do I make it easy for people to navigate or manipulate data? This is natural because many design processes are intended to solve problems in communication.

But visitors will approach the same design from another angle. Given an interface, they ask: how do I use this to get what I want?

To learn how visitors use a website, designers must observe without interference. The designer’s goal isn’t to teach someone how to use a website, but rather to learn how people might interpret its interface.

Once visitors start teaching the designer (pointing out how they accomplish a task, or clicking from page to page), insights emerge about what’s easy and what’s relevant to the people whom the website serves.

Other Points Of View Benefit Everyone

Designers must understand that the refrain “You’re doing it wrongâ€� isn’t always true. Even if someone uses a website the hard way, they’re doing so for a reason. Maybe the easier path isn’t clear to them. Maybe they’re less comfortable with the easier way than what they’re accustomed to. Maybe the hard way has an advantage that the designer hasn’t thought of.

Wrong or right, a user’s view deserves respect for two reasons. First, designs that serve the designer’s ego at the expense of user needs have failed both. Secondly, a great interface today will be average next year. Striving for a good user experience helps designers not just to stay current but to continually improve their work.

A good user experience is reliable, useful, responsive and unambiguous—to the people who use the website. Although users may not follow the anticipated method of accomplishing a defined task, their solution is based on what makes sense to them.

Designers who seek other points of view may find ways to make a website easier for visitors to find the information they want. The better the user experience, the more willingly users will return.

Not Every Perspective Leads To Improvement

Of course, not every viewpoint is always relevant. Sometimes crazy ideas lead to improvements, and sometimes they’re just crazy. Most design conventions exist because they’re genuinely useful, convenient or familiar to designers and users alike.

Seeking to understanding other points of view doesn’t mean trying to keep everyone happy. It means asking if there’s a better way to meet user needs. Catering to every possible view is a recipe for failure. In the end, the website’s owner is responsible for deciding how best to serve their audience.

User-testing-possible-layouts in Test Usability By Embracing Other Viewpoints
Which layout is best? It’s the designer’s call, not the audience’s.

Tips For Testing

  • Ask specific questions.
    “What would you improve?� is helpful only if the user already has gripes. “How would you find (certain information)?� gives users something to focus on.
  • Encourage feedback.
    Incentives for completing a survey, for example, compensate visitors for their input.
  • Ask the “wrongâ€� people.
    If one assumes that only a certain type of person will use a website, then they might only get the feedback they expect. But if one gets feedback from someone with no experience in the website’s subject matter, they might get a fresh point of view.
  • Keep testing.
    Websites and people change over time. If possible, seek new input and review the website’s content every other month.
  • Track visitors.
    Software that records who visits what, such as Google Analytics and Mint, tells you what people are after and what’s easy (and hard) to find.
  • Allow time for changes.
    Feedback may show oversights in the website’s design or structure. Deadline pressure is bad enough without the realization that your initial assumptions have led to problems at the last minute.

Tools For Testing

Do you really know your project? See it from other points of view with these online resources.

  • Color can prevent people from viewing a layout objectively. Check your websites with Graybit.
  • Do you need to check your websites in different versions of Internet Explorer? Regardless of your browser, review your websites in IE 6, 7 and 8 with IE NetRenderer.
  • What exactly are your users looking at? Collect live observations of their experience with Morae and Silverback.
  • How does your website sound to screen readers? Try the University of Washington’s WebAnywhere non-visual interface.
  • Which elements do people see in their first five seconds on your website? Learn more at Five Second Test.
  • Does your website load quickly for people with slow connections? Use the LinkVendor Speed Check or the Aptivate Low Bandwidth Simulator to find out.

Further Reading

How do you test for a good user experience? How far, if at all, should designers go to find other points of view? Share your thoughts in the comments below.

(al)


© Ben Gremillion for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags:


For the last few weeks I’ve been playing with a new free…



For the last few weeks I’ve been playing with a new free iPhone app called Instagram. Snap a photo, choose a vintage filter and share it with other Instagramers and the web. Sounds simple no? But it’s a unique take on photo sharing, where the social aspects play a large role, but entirely within the iPhone interface (at least for now). The square dimensions of the “Polaroid� add creative constraint along with the built-in filters. 

It’ll be fun to watch Instagram grow. Oh, and it’s available today on App Store.


Creating a Fantasy ‘Nightscape’ in Photoshop

In this tutorial, we’ll be creating a dark composition that would be chiefly enhanced by Adjustment Layers and for other effects in the image, the use of Smart Object/Filters we also be highlighted.

Step 1

We’ll start by creating a new document with the size of 800 px x 800 px and a resolution of 140 pixel/inch. The photo below is one I shot myself (it seems a little under exposed) but you can find lots of free pictures of the dawn with a floating stretch of clouds.

Step 2

Drag the picture into Photoshop and resize it (well, this of course depends on the image you’ve decided to use) to fit our working window.

Step 3

The Rectangular Marquee Tool (M), was used to select and delete the base of the picture.

Step 4

Duplicate the ’sky’ layer and go to Filter>Extract to extract the clouds from the background. In the Extract Filter window, select the Edge Highlighter brush(B) and make the outlines as shown below:

Step 5

Follow up with the use of the Fill Tool (G) and fill the inner areas of highlights.

The extracted clouds:

Step 6

This picture of the moon can be downloaded from www.sxc.hu.

Step 7

Use your selection tool of choice to extract the moon from the black background. In this case, the Magic Wand Tool (W), was used here. Also use a soft Eraser brush with an opacity of 50% to soften the sharp edges of the moon.

Step 8

Press Ctrl+L for the levels Dialog box and lighten up the moon by just
dragging the white slider on the right.

The result:

Step 9

In another layer over the moon, paint with a black Soft Round brush around areas mainly where the craters are. Change the layers Blend mode to overlay. Merge this layer with the moon.

Step 10

Increase the brightness of the clouds with the Levels command making the adjustments below. Also place the ‘clouds’ layer on top of the ‘moon’ layer.

The clouds highlighted:

Step 11

This picture of a beach can be downloaded from www.sxc.hu by Chemtec. Resize the picture to suit the size main document and also have it placed over the ’sky’ layer.

Step 12

Erase the blue skies from the beach.

Step 13

Select the Polygonal Lasso Tool (L) and make a selection around the rocks.*Note that the selection at the base of the rocks shouldnt be very straight. It should follow closely the alignment of the rocks.

Step 14

Right-click the selection and choose Layer Via Copy to copy the rocks to a new layer.

Step 15

Adjusting the hue of the rocks, press Ctrl+U for the Hue/Saturation Dialog box.

Step 16

Also darken the rocks just a bit with the Curves command (Ctrl+M). Then merge the ‘rocks’ layer with the ’sky’ layer pressing Ctrl+E.

Step 17

Merge the moon, clouds, sky layers into one. Duplicate the newly merged ’sky’ layer and press Ctrl+T to enter the Free Transform mode. Select Rotate 180 degrees and then, Flip Horizontal.

Step 18

Go to Filter>Blur>Motion Blur to blur the intended reflection of the sky.


The result below:

Step 19

Use the Free Transform Tool to scale the ’sky copy’ and the Distort Tool to spread the image for a flatter look.

Converting the ’sky copy’ to a Smart Object, provides a non-destructive way to edit an image without really altering the image itself but yet, attaining the desired effects set out. In our case we’ll be using Filters – thus, Smart Filters. This will enable us adjust or rearrange the Filter effects.

Step 20

Convert the ’sky copy’ to a Smart Object right-clicking the layer and selecting this option. Now go to Filter>Distort>Ocean Ripple and set the Ripple Size to13 and its Magnitude to 14.

Step 21

Below the ’sky copy’ layer is a sub-layer with the Ocean Ripple effect. Double-click on the little arrows its right to bring up the Blending Options. Reduce the Opacity of the Filter to 30%.


If you’re not satisfied with the result, you can always go back to the Filter itself to make the necessary adjustments.

Step 22

We’ll now add another Smart Filter which is the Bas Relief Filter. Go to Filter>Sketch>Bas Relief and adjust its values as shown below:

Step 23

As is in Step21, bring up the Blending Options of the Bas Relief Filter and set its Opacity to15%.

The final result with the Smart Filters below:

The final result with the Smart Filters:

Step 24

Over all other layers, add both a Color Balance and Curves Adjustment Layers (click on the third icon from the left below the Layers Palette). These are the parameters below:

The result:

Step 25

In a new layer, use a black soft round brush to paint around the edges of the image and some portion of the clouds. Also use the Smudge Tool to smear the paint work.

Step 26

Go to Filter>Blur>Gaussian Blur and set the Blur Radius to about 82 pixels.

The blur result below:

Step 27

We’ll now add light from what would be something of a distant star. Set the foreground colour to #deeff5
and select the Ellipse Tool (U) and draw a thin line.

Step 28

Draw a second flat ellipse with a colour: #609ae8.

Step 29

Blur both ellipses with a Gaussian Blur with the Radius of 0.4 and 12 pixels respectively. Use the Blur Tool to fade both ends of the first ellipse as well.

Step 30

Merge both layers of the ellipses (Ctrl+E) and use the Eraser Tool with an opacity of about 5% to fade the light ray only at it edges. Create a new layer and place a white Soft Round brush over the line and follow up with a slightly larger, but light bluish color. Also use the Free Transform Tool to narrow the glow.

Step 31

Merge the glow with the line and increase its brightness just a little with the Levels command (Ctrl+L). Name the layer ‘ray.’

Step 32

Duplicate the ‘ray’ layer, flip it with the Free Transform Tool and set the
layer’s Blend mode to Overlay and its Opacity to 75%.

Step 33

Above all other layers, create a Brightness/Contrast Adjustment Layer with the parameters below:

This is our final image! A dreamy night scape.

By David Ella Ella


Celebrating Vintage and Retro: 60 Remarkable Designs

Advertisement in Celebrating Vintage and Retro: 60 Remarkable Designs
 in Celebrating Vintage and Retro: 60 Remarkable Designs  in Celebrating Vintage and Retro: 60 Remarkable Designs  in Celebrating Vintage and Retro: 60 Remarkable Designs

Old memories always evoke a sense of nostalgia and melancholy. Technology has a very revolving effect on our life and things have changed dramatically, yet vintage and retro designs can be very inspirational. In this post, we present a showcase of beautiful vintage and retro graphic designs and posters.


Vintage and Retro Designs and Posters

Luminix

Retrovintage5 in Celebrating Vintage and Retro: 60 Remarkable Designs

Pixel Explosion

Retrovintage1 in Celebrating Vintage and Retro: 60 Remarkable Designs

Elle

Retrovintage11 in Celebrating Vintage and Retro: 60 Remarkable Designs

Network

Retrovintage14 in Celebrating Vintage and Retro: 60 Remarkable Designs

Tuts+ 2010 Commemorative poster

Retrovintage112 in Celebrating Vintage and Retro: 60 Remarkable Designs

Clássicos Ânima

Retrovintage2 in Celebrating Vintage and Retro: 60 Remarkable Designs

The Final Stroke

Retrovintage3 in Celebrating Vintage and Retro: 60 Remarkable Designs

Son of Illusion

Retrovintage6 in Celebrating Vintage and Retro: 60 Remarkable Designs

Helene

Retrovintage9 in Celebrating Vintage and Retro: 60 Remarkable Designs

Analogue Wednesdays at Cogitatur

Retrovintage12 in Celebrating Vintage and Retro: 60 Remarkable Designs

Comrades of Steel

Retrovintage13 in Celebrating Vintage and Retro: 60 Remarkable Designs

American Power

Retrovintage15 in Celebrating Vintage and Retro: 60 Remarkable Designs

Vintage & Retro Typography

typography bintek space retro edition

Retrovintage27 in Celebrating Vintage and Retro: 60 Remarkable Designs

the Gothic

Retrovintage301 in Celebrating Vintage and Retro: 60 Remarkable Designs

flying fighters

Retrovintage24 in Celebrating Vintage and Retro: 60 Remarkable Designs

Festival Branding

Retrovintage23 in Celebrating Vintage and Retro: 60 Remarkable Designs

ypowall Love For Retro Typography

Retrovintage26 in Celebrating Vintage and Retro: 60 Remarkable Designs

AURA & URI

Retrovintage16 in Celebrating Vintage and Retro: 60 Remarkable Designs

Gerobok Klasik (Logo Design)

Retrovintage17 in Celebrating Vintage and Retro: 60 Remarkable Designs

Fun with Type

Retrovintage18 in Celebrating Vintage and Retro: 60 Remarkable Designs

Hire

Retrovintage19 in Celebrating Vintage and Retro: 60 Remarkable Designs

Andrew Jackson

Retrovintage20 in Celebrating Vintage and Retro: 60 Remarkable Designs

Robot Poster

Retrovintage21 in Celebrating Vintage and Retro: 60 Remarkable Designs

Disco retro

Retrovintage22 in Celebrating Vintage and Retro: 60 Remarkable Designs

Cuba Gallery

Retrovintage25 in Celebrating Vintage and Retro: 60 Remarkable Designs

Typography

Retrovintage28 in Celebrating Vintage and Retro: 60 Remarkable Designs

Bull

Retrovintage29 in Celebrating Vintage and Retro: 60 Remarkable Designs

Andy-Poster-Tour

Retrovintage30 in Celebrating Vintage and Retro: 60 Remarkable Designs

Vintage & Retro Advertisment

Salão do Automóvel

Retrovintage32 in Celebrating Vintage and Retro: 60 Remarkable Designs

Ronrico

Retrovintage40 in Celebrating Vintage and Retro: 60 Remarkable Designs

Universal Food Chopper

Retrovintage402 in Celebrating Vintage and Retro: 60 Remarkable Designs

Volkswagen 2

Retrovintage403 in Celebrating Vintage and Retro: 60 Remarkable Designs

Naturalizer women’s shoes

Retrovintage401 in Celebrating Vintage and Retro: 60 Remarkable Designs

If they’d had computer tips in the ’50s…

Retrovintage31 in Celebrating Vintage and Retro: 60 Remarkable Designs

Diesel Print Ad

Retrovintage33 in Celebrating Vintage and Retro: 60 Remarkable Designs

Louis Vuitton – Street Sneaker Boot print ad

Retrovintage34 in Celebrating Vintage and Retro: 60 Remarkable Designs

Print Ad Concept for VitaminWater

Retrovintage35 in Celebrating Vintage and Retro: 60 Remarkable Designs

Print Ad Series for a Boeing Employment Campaign

Retrovintage36 in Celebrating Vintage and Retro: 60 Remarkable Designs

Western Electric

Retrovintage37 in Celebrating Vintage and Retro: 60 Remarkable Designs

Campbell’s Soup (USA)

Retrovintage38 in Celebrating Vintage and Retro: 60 Remarkable Designs

Ford Fairlane Convertible (USA)

Retrovintage39 in Celebrating Vintage and Retro: 60 Remarkable Designs

Vintage & Retro Business Card

DomArt

Retrovintage61 in Celebrating Vintage and Retro: 60 Remarkable Designs

Retro Card

Retrovintage67 in Celebrating Vintage and Retro: 60 Remarkable Designs

Fly card

Retrovintage66 in Celebrating Vintage and Retro: 60 Remarkable Designs

Karina Velasco

Retrovintage62 in Celebrating Vintage and Retro: 60 Remarkable Designs

Vintage Vinyl

Retrovintage63 in Celebrating Vintage and Retro: 60 Remarkable Designs

DaFont

Retrovintage64 in Celebrating Vintage and Retro: 60 Remarkable Designs

Fly card

Retrovintage65 in Celebrating Vintage and Retro: 60 Remarkable Designs

Three Bears Biz Cards

Retrovintage68 in Celebrating Vintage and Retro: 60 Remarkable Designs

KS business cards

Retrovintage69 in Celebrating Vintage and Retro: 60 Remarkable Designs

Useful Resources


How To Convince The Client That Your Design Is Perfect

Smashing-magazine-advertisement in How To Convince The Client That Your Design Is PerfectSpacer in How To Convince The Client That Your Design Is Perfect
 in How To Convince The Client That Your Design Is Perfect  in How To Convince The Client That Your Design Is Perfect  in How To Convince The Client That Your Design Is Perfect

As designers who deal with clients, we all have to face one situation, no matter how difficult and uncomfortable, and that is guiding the client to accept that your design is perfect. Now, you already have the project, so this is not a matter of convincing them to pick you for the job. This is about getting them to see that your design satisfies their requirements and contains everything they want. We all have to take on this role of virtual tour guide and lead them through the project’s twists and turns, ensuring that the best interests of the client and website are served.

Lighthouse in How To Convince The Client That Your Design Is Perfect
We have to be the lighthouse, guiding the clients to shore. (Image credit)

In the end, the final decision falls to the client, but there are times — and most of us have experienced them — when the client’s lack of expertise in the field affect the quality of the design. In such times, we have a responsibility to do everything in our power to convince the client that the design is perfect as it is, and that any further alteration would impair the website’s ability to communicate everything it needs to. This confrontation is not welcome by either party, but it is certainly necessary.

Many designers want to avoid conflict and, as a result, cave to their clients at the slightest sign of disagreement, rather than spend time trying to convince them that they stand on the right side of the design decision. This is often a mistake and does not serve the design, which should be the paramount consideration. We owe it to our creative work to argue for whatever serves the design beyond all else, even though the client is footing the bill. We may end up having to give in to the client, but at least we tried.

Below is an overview of some tips and techniques you can employ when you find yourself butting heads with a client. These approaches might work individually or in combination, but they all at least offer a launching point to help you put your best foot forward and lead the client exactly where they need to go.

Related Posts

[Offtopic: by the way, did you already get your copy of the Smashing Book?]

Confidence Is King

Whatever the context, in every interaction with both potential and working clients, you want to present yourself confidently. This will make interactions with the client smoother and discourage them from challenging you. This is not a surefire recipe to get clients to comply — far from it. But the more confident we are in our abilities and skills, the less likely we will allow ourselves to get pushed around on a design decision. Some clients — not all — will pounce at the slightest whiff of uncertainty.

Just as the slightest sign of fear puts an animal in danger, in the professional kingdom, the slightest display of doubt could spell danger for the designer if it is detected by the client. We have to maintain an air of confidence whenever we deal with the client, especially if we are trying to convince them that the design no longer needs any tweaking. We know our proper boundaries, and if we are assertive enough, we might be able to keep the clients from forcing us cross them.

Talking Points

Here are a few things you could say to the client that might convey an air of confidence:

  1. “While I think your suggestion could potentially benefit the project, I am confident that going with the design as is will yield much more positive results.�
  2. “While I have considered alternative approaches, I am most confident that this route will serve the project best.�
  3. “I do understand where you want to go with this design, but I sincerely have more confidence in what this approach offers.�

In Short

  • Each meeting is an opportunity to be assertive and show your passion for the project.
  • Always exude confidence, whatever the context of the meeting.
  • Be assertive when discussing any and all design changes.

Remind Them Why They Hired You

Confidence leads to the next tactic for making design reviews go your way. You need to remind the client why they hired you. By that, I don’t mean to suggest you carry around your credentials and testimonials, ready to pull them out when your expertise is questioned. Rather, this has to do with constantly projecting the image of a passionate professional who is undivided in their focus on the client’s project… even if that is not a perfectly realistic assessment of your situation.

Subtly remind them that you are the expert. Your skills and ability are what made this project come to life. Never give the client a reason to doubt that. Don’t let them get the sense that you are distracted from the end game. When they ask you to make a questionable alteration, your know-how and experience should trump their wishful thinking. And it falls to you to remind them why they should listen. It is about establishing trust and making them defer to your judgment. Your skills and abilities will make this process go smoothly.

Talking Points

Here are a few things to say to remind the client why they should listen to you:

  1. “I see what you’re saying. However, given all of the time I have spent in the field and knowing what I do about it, I must say, personally, that I would let the design stand.â€�
  2. “I only want what’s best for your project. And from all of the satisfied clients I have worked with in the past, I have a very good feel for the market. So trust me when I say that this is your best way forward.â€�
  3. “Given my extensive background, I firmly believe that this design perfectly satisfies all of your needs.�
  4. “In my professional assessment, which is in part why you hired me, any further alterations would be detrimental to the effectiveness of the design.�

In Short

  • Keep your skills and experience at the forefront of their mind.
  • Show them your single-minded passion for the project.
  • Foster in the client a trust in your abilities, so that they become comfortable deferring to you.

Comparing Success

If your gentle reminders about your qualifications are not inducing the client to defer to your judgment, then you could always compare the design — or at least the elements that are up for debate — to work of yours that has succeeded in the market. While not always the best approach, most business professionals are receptive to it. Given that their decision to hire you was likely based on your past work, such comparisons might be effective in convincing them to let the design be.

Success in How To Convince The Client That Your Design Is Perfect
Sometimes, comparisons to your past successes can sell the client on your current recommendation. (Image credit)

This is not always the best strategy because it can come off as a bit defensive to some clients. If they say that the design needs something more, and you respond by recalling a similar project you had worked on that was a clear success, then they might assume this has become a matter of ego for you. Still, if you can tactfully steer the client to the right decision by describing a similar model that they can relate to and that effectively employed the same techniques and approaches, you might be on to something. Offer a comparison that will reassure them, because uncertainty is usually the cause of their resistance.

Talking Points

Here are a few things you can say that will help with the comparison model:

  1. “That is a good suggestion, but if we look at _____, we can see that going in this direction could be counterproductive to your goals.�
  2. “While _____ met with moderate success by following that direction, I believe your project will be better served by sticking with the design as is.�
  3. “If we look to _____ as an example, you can see how well this approach has worked for them. And I have no doubt you will experience the same success in your own market.�

In Short

  • Compare the design to a previous project of yours that has measurable success and that the client can relate to.
  • Be tactful, so that you come off less like you’re trying to flex your muscle and more like you’re trying to address their concerns.

Make It Feel Like Their Idea

A trickier tactic is to make it seem like their idea to keep the design the way it is. Essentially, it will be their idea, but getting them to see it that way is not the simplest of tasks to be sure, especially if they get it in their head that the design is far from perfect and needs revisions. You need to stand your ground. Explain to them why you made the choices you made and how they fulfill what they were asking for all along.

Basically, show them how the design truly realizes their original request, and demonstrate that the design as is, in fact, reflects their idea from the get go. This frees you from having to tell them that they’re wrong, and rather just requires you to point out that their new request contradicts the original purpose and impetus of the project.

This is practically reverse-psychology, and it has worked for some designers in the past. With the right type of client, this approach works well. If you think this is the route for you, then ask the clients plenty of questions early on to facilitate the process. You’ll be able to sell your case much more effectively.

Talking Points

Here are a few things to say to make the client feel that the idea was theirs all along.

  1. “While I like the new direction, I think your initial ideas, which spurred this design, are a much more effective approach for your field.�
  2. “I would recommend not changing that aspect of the design, or you’ll risk losing the _____ idea you originally wanted to convey.â€�
  3. “Implementing that change would almost certainly compromise the promise of your initial request.�

In Short

  • Explain that the design was created from their specs, and point out each way this is true.
  • Show them how these changes would contradict the mission they adopted at the start.
  • Ask plenty of questions early on about what the client wants to make this an easier sale.

Don’t Get Defensive

Another thing to do during these exchanges that is also a bit difficult is to not get defensive. Ultimately, getting defensive will work against your purpose, and because you may be the only one who is truly serving the design in this case, you need to stay professional and level-headed.

The design will reflect on you and will shape your reputation, so as soon as the client questions one of your choices, your natural instinct is to get defensive. But to react this way would be a mistake, and you know it.

Shield in How To Convince The Client That Your Design Is Perfect
There are times when we have to lay down our shield and not get defensive. (Image credit)

You have no reason to take disagreement personally. The client is not attacking you. They genuinely care for the project — not to mention their bottom line — so do not make it about you. If they see you get defensive, then they will assume that your ego is more important to you than the project and will react in kind. And in that mindset, they will stop listening to your advice.

Talking Points

Here are a few things to help you convince the client without sounding defensive:

  1. “That’s a good idea. In fact, I considered something very similar to that before ending up with this solution, simply because this is a more solid means of achieving what you’re asking for.â€�
  2. “While I do see the merit of your ideas, implementing them would not only exceed the needs of the project, but could potentially add time and expenses to the bottom line.�
  3. “I think your ideas would make for some interesting changes. But I’m not sure those changes would serve the requirements of the project.â€�

In Short

  • Remain professional, and do not take requests for revisions personally.
  • This is about what best serves the project, not your reputation.
  • Getting defensive usually only leads to the client doing the same.

Don’t Challenge Them

Another reason not to get defensive when trying to get a client to follow your advice is that you do not want to appear like you are challenging them. Of course, you are not challenging them, and you need to make that distinction clear to them. This situation requires finesse; you want to appear as though you only want what’s best for the project, not that you are questioning their judgment or ideas.

Most people do not like to be challenged, especially by people they are paying, because it does not feel to them like the natural order of things. So, tread carefully. They should see that you are distilling their ideas, steering them to their logical fruition, not questioning what they’re asking of you. This might sound contrary to the premise of this post, but if at any time you lose the client’s favor, then you will be less effective at guiding them through the process.

Talking Points

Here are a few things to say to keep the client from feeling that you are challenging them.

  1. “While the changes you’ve asked for are completely do-able, if you re-examine the design I have submitted, perhaps you’ll see that it already satisfies these goals.â€�
  2. “You are completely right, that would be an interesting change to the design. However, I am not sure how it would serve the functionality of the website.�
  3. “While I would never suggest that you are wrong, I do feel in this case that perhaps I have not fully explained the benefits of the approach I am proposing.�

In Short

  • Impress upon them that you do not mean to challenge their ideas, but rather serve the design as best you can.
  • Make them feel that you are refining their suggestions and refocusing them on ideas that were already there.

Talk Business, Not Style

As designers, getting hung up on style is all too easy, and when we do, we can lose the client fast. Keep the discussion on the business end of the decision-making process, focusing on why the design serves their business interests, not why it is aesthetically perfect.

They will be focused on their market, and you need to focus the dialog on it, too. Relevance is critical. They do not care whether the design will be the most stylish thing to hit the Web; they care whether the design serves their goals. If you convince them that you are coming from the same place, you’ll have an advantage in your disagreements. They’ll know that you understand their position and will be more inclined to listen and take your advice. Fight the urge to get caught up in the design when you are explaining why the website is perfect; keep it strictly business.

Talking Points

Here are a few things to say to show the client that you are focused on business:

  1. “Looking at it from a completely business perspective, I see so much potential in the design as is. The changes you suggested, while good, could potentially disrupt the bottom line.�
  2. “I think it is important to note that making those changes could upset the design’s ability to perform effectively in the market you are introducing it to.�

In Short

  • Keep them on the same page as you. Always relate the discussion to their business, not the style.
  • Make them feel like you know where they are coming from.
  • Focus on their business needs, not on the attractiveness of the design.

Never Be Dismissive

The client needs to feel like you are hearing what they’re saying if you are to gain their trust; otherwise, convincing them to opt for your design as is will be harder than it should. Every effort you make to ensure that things go your way will make for a smoother design process.

Just as becoming defensive can make the client defensive, not properly considering the client’s position and ideas can make them unreceptive to yours. And then, all of your efforts to convince them that no further adjustments are needed will be futile. So, ensure that they understand that you have heard what they’ve said, perhaps by resorting again to comparisons. Show them instances of other brands suffering from having been taken in a similar direction.

Talking Points

Here are a few things to help you make the client feel that they have been heard:

  1. “While I hear what you are saying, and I think that could be effective in the right circumstances, I am just not sure that taking that direction would be right for this project.�
  2. “I really like the enthusiasm coming from you, but I think at this point that making these changes would hurt the design rather than enhance it.�

In Short

  • Listen to their suggestions and ideas, and discuss them.
  • Use comparisons to show why their proposed changes would prove ineffective.

Don’t Talk Down, Lift Them Up

If you want to assure the client that you have digested their ideas, then this next point will help you do that and convince them that the design is just fine. Don’t talk down to them as you explain your case. Instead, educate them on the finer points of the design process and how it can achieve their goals. Sometimes, language is the roadblock that prevents the client from seeing your point.

If you take care to explain the reasoning behind your direction, the client will appreciate it and open up to your way of thinking, a rarity in this field. The client will sense your passion. The best way to help someone see your point of view is by enlightening them on how you arrived at it. The client more than likely lacks knowledge of design, and you must do your best to bridge that divide.

Talking Points

Here are a few things you can say to start educating the client on your view:

  1. “While I get where you are coming from, if I could take another minute of your time, perhaps I could explain how the current design already goes in that direction.�
  2. “If I may be so bold, your suggestions tell me that you are missing some of the finer points of the current version. I would love to go over the project’s goals with you to show how each is being met.â€�
  3. “I appreciate your uncertainty, and I don’t want to diminish your concerns, but if you’ll allow me, I can walk you through the current design and hopefully alleviate any apprehensions you might have.â€�

In Short

  • Educate the client on the design choices you made and the practical reasons behind them.
  • Break the creative language barrier between you and the client.
  • Let your passion show through so that the client sees that the design is what matters.

Consider A Different Perspective

The client will have a business frame of mind, which is perfectly reasonable. Perhaps you should balance this with a different viewpoint, one that the client might be overlooking: that of the end user. Whenever you ask a client to compromise on their suggestion, show that you have considered all perspectives, because that shows that you are not just being difficult or defensive. You are acting in the best interest of the project.

In addition to showing that you are truly listening to their ideas, show that you have considered the perspective of the end user as well, who will be the recipient of the design. This makes good business sense, which is hard to argue with, and it reinforces why they should keep the design the way it is. Given their own limited perspective and the fact that you are supporting your viewpoint with consideration of a perspective other than your own, they are likely to hear you out.

Talking Points

Here are a few things to say to help the client see the user’s point of view:

  1. “I see what you are asking for, but from the user’s standpoint, I think those changes would be more harmful than helpful.�
  2. “Taking the end user into consideration, I firmly believe the changes you requested would create a far less friendly experience overall.�
  3. “While I understand what you are saying, I am not sure it makes complete sense from the user’s perspective.�
  4. “The changes you have asked for are technically sound, but the negative impact they would have on the user’s experience makes them unfeasible in this case.�

In Short

  • Consider the design from the user’s perspective, and present that side of the coin.
  • Demonstrates that your advice represents a reasonable business approach, which will make the client more receptive.
  • Argue the numbers: client’s perspective vs. designer and user’s perspectives. Two against one.

Contractual Conscience Clause

This last one is not always the easiest to pull off but is certainly worth a shot: the so-called contractual conscience clause. This assumes that both you and the client are willing to sign a contract, which most designers would never work without anyway. At the beginning of the process, try to write in a clause that leaves all final design decisions up to you, especially if you determine that a requested alteration would have an negative impact on the product.

Contract in How To Convince The Client That Your Design Is Perfect
The contract may be the key to giving you final say in the project… if you set it up right. (Image credit)

Not every client will agree to this, but in the right circumstances and with the right client, this is an effective way to avoid headaches when you see a design as being finished but the client wants more. Try to get the client on board by reassuring them that you would exercise this clause only to protect the best interests of the product. Allow them to add stipulations if that would make them feel more comfortable surrendering the final cut to you.

Talking Points

Here are a few things to say to help the client see the benefit of including a contract conscience clause:

  1. “Of all of the clauses in the contract, this one does the most to make the best interests of the project paramount in importance.�
  2. “Without this clause, I feel like the design would be open to potentially being damaged by unnecessary additions or inclusions.�
  3. “If you want to ensure the most effective design for your project, then this clause is nothing to worry about, because that is its only purpose: to serve the design.�

In Short

  • Write a clause into the contract that gives you final say on all design decisions.
  • Give the client the option to amend the clause until they are sure it will work.

That’s All I Wrote

That wraps up all of the advice and approaches we have to get this discussion started. If you have any comments about what I’ve said so far or any words of wisdom on the subject, feel free to drop them in the comment section below.

Further Reading

(al)


© Robert Bowen for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: ,


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress