Designing For Credibility
Upcoming SlideShare
Loading in...5
×
 

Designing For Credibility

on

  • 1,525 views

Many Web producers adopt the attitude of, “If I build it, they will come,” when developing a site, as if by their simply building a great new mousetrap, the world will beat a path to their door ...

Many Web producers adopt the attitude of, “If I build it, they will come,” when developing a site, as if by their simply building a great new mousetrap, the world will beat a path to their door (or URL, as the case may be). But it takes much more than an innovative idea to make a successful Web site. This session explores one of the most easily overlooked factors—visual credibility: Does your site look trustworthy to your audience? In this session, Jason will lead you through exercises to determine the most effective designs you can use to inspire confidence in your visitors.

Statistics

Views

Total Views
1,525
Views on SlideShare
1,521
Embed Views
4

Actions

Likes
3
Downloads
28
Comments
0

1 Embed 4

http://www.slideshare.net 4

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • And you feel like Linus in the pumpkin patch, waiting for an audien
  • whether you are trying to attract the great pumpkin or an audience to your Web site, they both require the same thing
  • believe what you are communicating
  • believe what you are communicating
  • believe what you are communicating
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Message - Start with defining Clearly <br /> Many factors can blur, complicate, obscure
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Make the logo bigger
  • Limits <br /> That&apos;s what design is about <br /> Design is about overcoming the limits of the medium. <br /> <br /> talk about overcoming blur, complicate, obscure
  • Limits <br /> That&apos;s what design is about <br /> Design is about overcoming the limits of the medium. <br /> <br /> talk about overcoming blur, complicate, obscure
  • Limits <br /> That&apos;s what design is about <br /> Design is about overcoming the limits of the medium. <br /> <br /> talk about overcoming blur, complicate, obscure
  • by making the design <br /> three principles of creating credible designs
  • by making the design <br /> three principles of creating credible designs
  • by making the design <br /> three principles of creating credible designs
  • Color and images <br /> Typography <br /> Layout <br /> <br /> Process and controls
  • Color and images <br /> Typography <br /> Layout <br /> <br /> Process and controls
  • remember
  • Search engines circa 1998
  • Search engines circa 1998
  • Search engines circa 1998
  • Search engines circa 1998
  • Yahoo trying to put ads as close to the action as possible.
  • Yahoo trying to put ads as close to the action as possible.
  • Yahoo trying to put ads as close to the action as possible.
  • Google (Beta) simple and clear <br /> The message- What do you want to find?
  • Still works for them today
  • Early Firefox page. <br /> A lot going on
  • Show it, don&#x2019;t say it
  • Adapted by IE
  • and Safari
  • Sincerity implies credibility and trust. you have to believe in what you are saying <br /> Too much information in the universe for one mind
  • We live in a multi-facted world with many perspectives of the same thing.
  • Need outside &#x201C;filter&#x201D; to help bring us that info <br /> A credible site is one that serves as a trusted filter
  • When i was a kid, this man was the trusted filter
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • many filters erupted in the 1980&#x2018;s through 90&#x2019;s <br /> <br /> Today?
  • Why? Sincerity
  • News Web sites have to be trusted and credible
  • need to show that in their design
  • But just saying it does not make it so.
  • Get Satisfaction
  • Politicians need to be trusted <br /> Barack Obama <br /> Rahaf Harfoush
  • Activists <br /> Casusecast - builds communities around progressive issues
  • Religions
  • Andrew Keen - The Cult of the Amateur
  • But how do they gain your audiences trust?
  • But how do they gain your audiences trust?
  • So, how do we design for credibility?
  • We think the question is...
  • Most people form a lasting opinion of someone with in the first 15 seconds of meeting them. <br /> The elevator speech
  • How do you project a feeling of being trustworthy and credible.
  • The important question is... <br /> Why do the keep clicking
  • If you are an ad supported site <br /> Mediametrics <br /> comscore <br /> Google Analytics
  • More page views means more ads and more ad revenues <br /> More clicks does not lead to more page views
  • More clicks does not lead to more page views <br /> What does? <br /> The three principals of Design credibilty <br /> applied to visual and interface
  • Make it
  • Make it
  • Make it
  • Pixcetera 2.0 <br /> average of 75 Million uniques
  • Clear - Make it obvious <br /> Size matters - Scroll lines less so <br /> Above the fold
  • Important sections undifferentiated <br /> Following functionality buried and not diverse <br /> Visual flat with not clear eye path
  • Important sections undifferentiated <br /> Following functionality buried and not diverse <br /> Visual flat with not clear eye path
  • Placed important features front and center <br /> Pulled following functionality into one spot <br /> Used gradients and patters to create visual differentiation
  • Placed important features front and center <br /> Pulled following functionality into one spot <br /> Used gradients and patters to create visual differentiation
  • Placed important features front and center <br /> Pulled following functionality into one spot <br /> Used gradients and patters to create visual differentiation
  • Placed important features front and center <br /> Pulled following functionality into one spot <br /> Used gradients and patters to create visual differentiation
  • Simple - Make it Easy <br /> Steve Krug and _Don&#x2019;t Make Think_
  • Sort control UI using both drop downs and toggle <br /> Sorting types (popular and new) mixed <br /> Two kinds of popular Most Viewed and Highest rated <br /> Visual thumbnails tiny, and made to mimic real world photo stack.
  • Sort control UI using both drop downs and toggle <br /> Sorting types (popular and new) mixed <br /> Two kinds of popular Most Viewed and Highest rated <br /> Visual thumbnails tiny, and made to mimic real world photo stack.
  • Sort control UI using both drop downs and toggle <br /> Sorting types (popular and new) mixed <br /> Two kinds of popular Most Viewed and Highest rated <br /> Visual thumbnails tiny, and made to mimic real world photo stack.
  • New and popular already mad more clear <br /> Controls simplified so that popular just means most viewed <br /> Thumbnails now large and compelling to attract the eye <br /> info appears on rollover
  • New and popular already mad more clear <br /> Controls simplified so that popular just means most viewed <br /> Thumbnails now large and compelling to attract the eye <br /> info appears on rollover
  • New and popular already mad more clear <br /> Controls simplified so that popular just means most viewed <br /> Thumbnails now large and compelling to attract the eye <br /> info appears on rollover
  • New and popular already mad more clear <br /> Controls simplified so that popular just means most viewed <br /> Thumbnails now large and compelling to attract the eye <br /> info appears on rollover
  • Transparent - Make it so <br /> Captain Picard was in control - User in control and feel secure <br /> functionality does not need a page load
  • Report this functionality <br /> Sent email or takes user to new page with report form
  • Pop-up over offending comment. <br /> Can still see through to originating page <br /> Transparency = Security
  • Pop-up over offending comment. <br /> Can still see through to originating page <br /> Transparency = Security
  • The three principals of Design Credibility
  • The three principals of Design Credibility
  • The three principals of Design Credibility
  • The three principals of Design Credibility
  • The three principals of Design Credibility
  • The three principals of Design Credibility

Designing For Credibility Designing For Credibility Presentation Transcript

  • <The Trusted Filter> D e s i g n i n g for C r e d i b i l i t y Jason Cranford Teague Bright Eye Media jasonspeaking Voices That Matter | 28 April 2009 San Francisco, California
  • Sincerity
  • Sincerity
  • Credibility Sincerity Trust
  • MESSAGE
  • what is your MESSAGE ?
  • MARKETING what is your MESSAGE BRANDING ADVERTISING ?
  • what is your MESSAGE ?
  • what is your MESSAGE
  • what is your MESSAGE
  • e enemy of art is the absence of limitations. — Orson Welles
  • limits
  • design is about limits
  • design is about overcoming limits
  • Clear
  • Clear Simple
  • Clear Simple Transparent
  • DESIGN
  • Visual DESIGN
  • Visual DESIGN Interface
  • It’s the little things.
  • Why is it important to be sincere?
  • Trusted Filters
  • Trust
  • Trust It’s the little things.
  • Designing for Credibility
  • Why will people come to your Web Site?
  • 7 Seconds
  • Visceral
  • Why will they come back?
  • Metrics
  • Metrics Page Views
  • Success = Page More Views
  • Clicks = Page More More Views
  • Clicks = Page More More = Views
  • Clear
  • Clear Transparent
  • Clear Transparent Simple
  • what is your MESSAGE ?
  • It’s all about what is your MESSAGE the Photographs ?
  • Clear
  • Clear Make it obvious
  • Simple
  • Simple Make it easy
  • Transparent
  • Transparent Make it so
  • Clear Simple Transparent
  • Clear Make it obvious Simple Transparent
  • Clear Make it obvious Simple Make it easy Transparent
  • Clear Make it obvious Simple Make it easy Transparent Make it so
  • Designing for Credibility
  • <The Trusted Filter> D e s i g n i n g for C r e d i b i l i t y Questions jasonspeaking www.brighteyemedia.com