WCSD-UI
Upcoming SlideShare
Loading in...5
×
 

WCSD-UI

on

  • 3,713 views

How To Fix Bad UI - 3/24 WordCamp San Diego

How To Fix Bad UI - 3/24 WordCamp San Diego

Statistics

Views

Total Views
3,713
Views on SlideShare
3,684
Embed Views
29

Actions

Likes
10
Downloads
37
Comments
0

5 Embeds 29

http://lanyrd.com 12
http://ebms.sinaapp.com 10
http://www.mindtalk.com 4
http://m.mindtalk.com 2
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

WCSD-UI WCSD-UI Presentation Transcript

  • How To Fix Bad UI Why UI Makes A Difference Steve Zehngut Zeek Interactive @zengySaturday, March 24, 12
  • UI, UX & UsabilitySaturday, March 24, 12
  • From Wikipedia: User Interface - The aggregate of means by which users interact with the system (e.g., all the means of input and output)Saturday, March 24, 12
  • From Wikipedia: User Experience - The architecture and interaction models that impact a users perception of a device or system (“all aspects of the user’s interaction with the product”).Saturday, March 24, 12
  • “So it seems like UI would deal with the ‘how’ of creating an interface (implementing shiny controls, that sort of thing) and UX would deal with the ‘why’ (creating a good experience for the user).” Source: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-uxSaturday, March 24, 12
  • From Wikipedia: Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken.Saturday, March 24, 12
  • Saturday, March 24, 12
  • Jakob Nielsen http://useit.comSaturday, March 24, 12
  • Saturday, March 24, 12
  • Saturday, March 24, 12
  • Saturday, March 24, 12
  • How To Develop a Sh*tty WebsiteSaturday, March 24, 12
  • Don’t plan. “Let’s start coding immediately!”Saturday, March 24, 12
  • Defend to the death every development and design decision. “Don’t tell me how to do my job!”Saturday, March 24, 12
  • Stick with a broken design. “The client signed off on this and we have a deadline to hit.”Saturday, March 24, 12
  • Shove everything above the fold. “No one scrolls these days.”Saturday, March 24, 12
  • Put 50 links in your navigation. “I want every user to be able to find everything right at the top.”Saturday, March 24, 12
  • Allow endless changes from the client. “Wouldn’t it be great if...”Saturday, March 24, 12
  • Common MistakesSaturday, March 24, 12
  • Inconsistent LayoutSaturday, March 24, 12
  • Inconsistent FontsSaturday, March 24, 12
  • Inconsistent NavigationSaturday, March 24, 12
  • Poor Color ContrastSaturday, March 24, 12
  • Too Many ColorsSaturday, March 24, 12
  • No Clear CTAs (Calls To Action)Saturday, March 24, 12
  • Deviating From the Familiar Browser InterfaceSaturday, March 24, 12
  • Long Load TimesSaturday, March 24, 12
  • 404 ErrorsSaturday, March 24, 12
  • Poor Mobile ExperienceSaturday, March 24, 12
  • My ProcessSaturday, March 24, 12
  • Questions To AskSaturday, March 24, 12
  • Who is the audience?Saturday, March 24, 12
  • What are the goals of the site? Traffic? Uniques? Length of Stay?Saturday, March 24, 12
  • What is the budget?Saturday, March 24, 12
  • What is the timeline?Saturday, March 24, 12
  • Tools of the TradeSaturday, March 24, 12
  • FireFox Plugins Firebug Web DeveloperSaturday, March 24, 12
  • XScopeSaturday, March 24, 12
  • Color Schemer StudioSaturday, March 24, 12
  • CSS Generators http://css3generator.com http://www.css3.meSaturday, March 24, 12
  • Site SamplesSaturday, March 24, 12
  • Huff Po http://huffingtonpost.comSaturday, March 24, 12
  • Toastmasters http://toastmasters.orgSaturday, March 24, 12
  • Mike Ferry http://mikeferry.comSaturday, March 24, 12
  • Coming Out Support http://comingoutsupport.comSaturday, March 24, 12
  • Essence Expressions http://essenceexpressions.comSaturday, March 24, 12
  • Catholic Radio Dramas http://catholicradiodramas.comSaturday, March 24, 12
  • Web King http://webking.comSaturday, March 24, 12
  • BooksSaturday, March 24, 12
  • Saturday, March 24, 12
  • Saturday, March 24, 12
  • Saturday, March 24, 12
  • Saturday, March 24, 12
  • Saturday, March 24, 12
  • What Can You Do Differently?Saturday, March 24, 12
  • Ask questions.Saturday, March 24, 12
  • Listen.Saturday, March 24, 12
  • Be open to criticism.Saturday, March 24, 12
  • Solicit other opinions.Saturday, March 24, 12
  • Beta Test.Saturday, March 24, 12
  • Revise and refine. Do it early and often.Saturday, March 24, 12
  • Steve Zehngut steve@zeek.com http://facebook.com/zengy Twitter: @zengySaturday, March 24, 12