• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
User Interface Trends09
 

User Interface Trends09

on

  • 3,147 views

A presentation on the top 5 trends for User Interface designs in 2009 with a look at which usability principles are driving these trends.

A presentation on the top 5 trends for User Interface designs in 2009 with a look at which usability principles are driving these trends.

Statistics

Views

Total Views
3,147
Views on SlideShare
3,121
Embed Views
26

Actions

Likes
21
Downloads
263
Comments
1

4 Embeds 26

http://www.slideshare.net 14
http://www.thenextweb.eu 7
http://www.deondernemers.nl 3
http://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Dang my notes weren't even exported, so I thought I'd put them down here in a comment.
    (note to SlideShare: would be great to support noted in iWork Keynote '09 or being able to add them later on.

    Slide 3
    twitter @danielspronk, founder of eight media, total experience and soocial and gilana! ;)

    Slide 4
    ui trends 2009 - not just looking for practical tips but we’re going to look at the usability principles driving these trends

    Slide 5
    apple got it right - lots of mp3 players out there but we all bought iPod’s because the interface was simple and beautiful. it’s the interface, stoopid.

    Slide 6
    experience is more important than features
    easiest way to get simplicity is to reduce
    reduce noise!

    Slide 7
    first law of simplicity - reduce - use the methodology ‘she’: shrink - hide - embody
    book tip: the laws of simplicity by John Maeda

    Slide 8
    Interface quiz: which option is better and why?
    (2nd option: visual distinction, primary action gets more attention..)

    Slide 9
    book tip: Don’t make me think by Steve Kruger

    Slide 10
    ui trends in 2009 were started in 2008 but they’re maturing in 2009.

    Slide 12
    modal windows - good example of “SHE”
    when should you consider to use modal windows?

    Slide 13 & 14
    Sign-up forms and login pages:
    no loading new pages - user is focused on action in relevant context

    Slide 16
    in-line help functions - great for modal windows

    Slide 17
    typography is coming to the forefront of interface design

    Slide 18
    big is the new black

    Slide 19
    fat big fonts - your content is the design now

    Slide 20
    big fat headlines AND big font size in body - you find yourself reading the whole page now

    Slide 21
    big headlines and big font for blog (16pt), right line widths

    Slide 22
    learn your typography. we can learn a lot from the art of typography for print.
    learn which line widths are suited for the screen, learn to look at kerning when using font replacements. leading is key to making body content readable.

    Slide 23
    book tip: the fundamentals of typography Gavin Ambrose

    Slide 26
    sifr made using non-system fonts feasible (SEO friendly)
    this gives designers more freedom and more experience for the user
    new technology: cufon (>3x faster than SiFR)
    Excited about Typekit by Jeffrey Veen: true freedom for fonts

    Slide 27
    important trend because it's focused on communication

    Slide 28
    homepages are evolving, thank goodness. We don’t want to see ‘welcome’ introduction pieces anymore and list of ‘news’ articles on the homepage. Tell your visitors what you’re about and what you’re good at. Start with the needs the visitor might have. The homepage is the place where you and the user need to ‘match’.

    Slide 29
    big headlines - portfolio previews are connected to the content of the headlines.

    Slide 30
    companies need to think about what they want to communicate on the homepage - think of a cool concept. and write really good copy to make it hit home.

    Slide 31
    content and usability go hand in hand... good copy is more essential than top notch usability

    Slide 33
    wonderfully designed icon’s and illustrations
    adds a lot to the experience of the website

    Slide 34
    lots of detail and attention to headers of typography, emboss - cut-outs, inner shadows and gradients...yummy!

    Slide 35
    some go all-out on headers - fantastic for experience oriented websites.

    Slide 36
    ‘hd’ grids...i know it sounds lame...but proportion have shifted from 4:3 to 16:9 and lately to 16:10 on computer screens. we have a lot more horizontal space to use.

    Slide 37
    law 2 of simplicity: organizing. good organizing makes a lot of elements seems less.
    we should use the horizontal space well - we’ve got landscape screens now!
    these 960 grids are great and cater well to multi-column layouts

    Slide 38
    more multi-collumned designs - lots of trends here:
    big headlines, rich illustrations, lighting, lots of whitespace, separate section for navigation and a copy oriented design.

    Slide 39
    great resource for your 960 grids and css
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • twitter @danielspronk, founder of eight media, total experience and soocial and gilana! ;) <br />
  • ui trends 2009 - not just looking for practical tips but we’re going to look at the usability principles driving these trends <br />
  • apple got it right - lots of mp3 players out there but we all bought iPod’s because the interface was simple and beautiful. it’s the interface, stoopid. <br />
  • experience rich, poor in features <br /> easiest way to get simplicity is to reduce <br /> reduce noise! <br />
  • first law of simplicity -reduce - use the methodology ‘she’: shrink - hide - embody <br /> book tip: the laws of simplicity by John Maeda <br />
  • first law of simplicity -reduce - use the methodology ‘she’: shrink - hide - embody <br /> book tip: the laws of simplicity by John Maeda <br />
  • first law of simplicity -reduce - use the methodology ‘she’: shrink - hide - embody <br /> book tip: the laws of simplicity by John Maeda <br />
  • which option is better and why? <br />
  • book tip: Don’t make me think by Steve Kruger <br />
  • ui trends in 2009 were started in 2008 but they’re maturing in 2009. <br />
  • <br />
  • modal windows - good example of “SHE” <br /> when should you consider to use modal windows? <br />
  • contact forms <br />
  • no loading new pages - write your message in relevant context <br />
  • sign up & log in forms <br />
  • in-line help functions - great for modal windows <br />
  • typography is coming to the forefront of design <br />
  • big is the new black <br />
  • fat big fonts - your content is the design now <br />
  • big fat headlines AND big font size in body - you actually read it now! <br />
  • big headlines and big font for blog (16pt), right line widths <br />
  • learn your typography. we can learn a lot from the art of typography for print. <br /> learn which line widths are suited for the screen, learn to look at kerning when using font replacements. <br /> leading is key to making body content readable. <br />
  • book tip: the fundamentals of typography Gavin Ambrose <br />
  • <br />
  • <br />
  • sifr made using non-system fonts feasible (SEO friendly) <br /> this gives designers more freedom and more experience for the user <br /> new tehcnology: cufon (>3x faster than SiFR) <br /> Excited about Typekit: true freedom for fonts <br />
  • this is a really nice trend <br />
  • homepages are evolving, thank goodness. We don’t want to see ‘welcome’ introduction pieces anymore and list of ‘news’ articles on the homepage. Tell your visitors what you’re about and what you’re good at. Start with the needs the visitor might have. The homepage is the place where you and the user need to ‘match’. <br /> weg met welkomsteksten en nieuwsberichten <br /> <br />
  • big headlines - portfolio previews are connected to the content of the headlines. <br />
  • companies need to think about what they want to communicate on the homepage - think of a cool concept. and write really good copy to make it hit home. <br />
  • content and usability go hand in hand... good copy is more essential than top notch usability <br />
  • <br />
  • fantastically designed icon’s and illustrations <br /> adds a lot to the experience of the website <br />
  • lots of detail and attention to headers of typography, emboss - cut-outs, inner shadows and gradients...yummy! <br />
  • some go all-out on headers - fantastic for experience oriented websites. <br />
  • ‘hd’ grids...i know it sounds lame...but proportion have shifted from 4:3 to 16:9 and lately to 16:10 on computer screens <br />
  • law 2 of simplicity: organizing. good organizing makes a lot of elements seems less. <br /> we should use the horizontal space well - we’ve got landscape screens now! <br /> these 960 grids are great and cater well to multi-column layouts <br /> <br />
  • more multi-collumned designs - lots of trends here: <br /> big headlines, rich illustrations, lighting, lots of whitespace, separate section for navigation and a copy oriented design. <br />
  • great resource for your grids and css <br />
  • <br />

User Interface Trends09 User Interface Trends09 Presentation Transcript