Your SlideShare is downloading. ×
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Graphic Design For Developers
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Graphic Design For Developers

6,311

Published on

Slide deck from my guest appearance on "Web Wednesday" June 4, 2008.

Slide deck from my guest appearance on "Web Wednesday" June 4, 2008.

Published in: Business, Technology
3 Comments
19 Likes
Statistics
Notes
  • nice one...loved it
    can i have this one ...
    myi.y2k@gmail.com

    thnxs
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • very good presentations, and would you like to share this presentation with my?
    my email, wzmgogo@sohu.com
    Thanks.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Excellent sharing and nice presentation.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
6,311
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
3
Likes
19
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Frank La Vigne Applied Information Sciences Microsoft MVP: Tablet PC www.FranksWorld.com [email_address]
  • 2.
    • 15 years of professional experience
    • Started career writing Microsoft Visual Basic 3 applications
    • Microsoft MVP: Tablet PC
    • User Group & Code Camp speaker
    • CoDE Magazine Author
    • President Emeritus of Richmond.NET User Group
    • Lead Designer @ Applied Information Sciences
      • Blog: http://www.franksworld.com
      • Corporate: http://www.appliedis.com
  • 3.
    • “ I’m not an artist.” No one is asking you to be one.
    • “ UI is just fluff anyways.” Have you ever been frustrated by one?
    • “ Good UI is subjective.” Not Really. It is measurable.
    • “ I don’t own any turtlenecks.” That’s OK.
  • 4.  
  • 5.
    • UI = User Interface
    • UX = User Experience
  • 6.
    • Graphic design is a process
      • Just like designing software: There are rules, patterns and conventions
    • There are even acronyms
      • User Interface (UI)
      • User Experience (UX)
    • What’s the difference between UI and UX?
      • It’s easy actually.
    * Or how I stopped worrying and embraced my creative side.
  • 7.  
  • 8.  
  • 9.
    • User Interface is
      • What the user sees
        • Controls
        • Layout
    • User Experience is
      • What the user feels
        • Steps in a process
        • Wait times
        • Shifts in attention & eye focus
  • 10.
    • Yogi Berra
    Examples of good (and bad) design are all around us.
  • 11.
    • Q: Why are screens like this still common sights at retail stores, hospitals, etc in 2008?
    • A: It’s actually usable.
    • Keystroke navigation
    • Consistent
    • High contrast
  • 12.
    • But how?
  • 13.
    • Look at the application through a user’s eyes:
    • Are the text boxes lined up?
      • Neatness counts you know.
    • A lot of folks rarely use the mouse.
      • Do the tab orders line up?
      • Do keyboard shortcuts make sense?
    • Are frequent tasks easy?
      • Count the number of clicks/keystrokes/context shifts it takes to perform a task.
  • 14.
    • Look at the application through a user’s eyes:
    • Is a given screen’s purpose obvious?
      • To you?
      • To everyone else?
      • To your target customers?
    • Placement of information
      • In Western Cultures, users read from Top Left to Bottom Right
      • “ Above the fold”
  • 15.  
  • 16.  
  • 17.  
  • 18.
    • Which site is likely to get repeat visitors?
    • Which site is more likely to generate revenue?
    • Does UX design matter?
  • 19.  
  • 20.  
  • 21.  
  • 22.
    • Yogi Berra
    What good is data if decision makers can’t understand its meaning?
  • 23. What good is data if decision makers can’t understand its meaning? Edward R. Tufte, Visual Explanations: Images and Quantities, Evidence and Narrative (1992)
  • 24.
    • Look at the application through a user’s eyes:
    • Can users readily identify important data?
      • Colors and Contrast
      • Font size
    • Can users see text clearly?
      • If they have to squint or hunt, then the answer is no.
  • 25.  
  • 26.
    • Relevance and frequency are immediately obvious
  • 27.  
  • 28.
    • Colors
    • Draw our attention
    • Excite the mind
    • Have significance and meaning
    • Inspire emotions
      • Can make us hungry, nervous or calm
  • 29.
    • Red
      • Red is also considered an intense, or even angry, color that creates feelings of excitement or intensity
    • Yellow
      • Yellow can also create feelings of frustration & anger
      • Yellow can also increase the metabolism.
    • Green
      • symbolizes nature and the natural world.
      • represents tranquility, good luck, health, and jealousy.
  • 30.
    • Yogi Berra
    the predominance of the colors red & yellow in many restaurants is there only to make customers hungry
  • 31.
    • Yogi Berra
    Blue conveys importance and confidence without being somber or sinister, hence the blue power suit of the corporate world
  • 32.
    • The Tools to Build a Better User Experience
  • 33.
    • Expression is a suite of products for building UX’s
    • --Much like Office is a suite of business tools
    • Demos
    • Expression Design
    • Expression Blend
  • 34. Frank La Vigne www.FranksWorld.com [email_address]

×