Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Considerations 2010

Avatar for architexture architexture
September 09, 2010

Design Considerations 2010

CV Web Posse Presentation

Avatar for architexture

architexture

September 09, 2010
Tweet

More Decks by architexture

Other Decks in Design

Transcript

  1. Design Consideration  for Today’s Web • What new directions

    is web design heading in today and tomorrow? • What new techniques, concepts and ideas are becoming important?
  2. What is design? • Design as a (noun) informally refers

    to a plan for the construction of an object while “to design” (verb) refers to making this plan. Design comes in many forms: • presentation • organization • purpose • efficiency • interaction • experience • patterns • systems • problem solving • branding
  3. Content precedes design. Design in the absence of content is

    not design, it’s decoration. — Jeffrey Zeldman
  4. Context governs all of the whys, hows and whats to

    visual communication. Just as design is a response to a set of needs or problems, context shapes the design response. ! Without context there cannot be any real design; only art or decoration (neither of which amounts to design.) What is Design? Context
  5. What is Design? Context What does “design for context” mean?

    ! Ease of use doesn’t happen by accident, but by design. Good design of IT products depends on an understanding of context, which is a combination of factors about the situation in which the product will be used, including: ! • The characteristics and experiences of the people who will use the products • Their tasks and goals • Their work environment • The capabilities and limitations of the technology • The goals of the organization. • When a product “fits” well into its context, it is easy to use.
  6. Design Thinking Design Thinking is a process for practical, creative

    resolution of problems or issues that looks for an improved future result. The design thinking process has seven stages: ! • Define • Research • Ideate • Prototype • Choose • Implement • Learn
  7. • What is changing the way we interact with the

    Internet? • How does this impact out designs? The lines between computers, phones, browsers and operating systems are blurring. Nowhere is this more apparent than in the growth of the Smartphone market and the rapid rise of mobile consumption of the ‘real’ web – not the browsing of specialized, simplified sites watered-down for yesterday’s mobile phones, but the consumption of the mainstream Internet, on mobile computing platforms that are increasingly going toe-to-toe with our desktop PCs. Today’s Web What design problems does this pose?
  8. Design Considerations: From • Fast Connection • Big Monitors •

    Privacy • Power Source • Big keyboards • The Mouse
  9. Design Considerations: To • Small Screens • Little Batteries •

    Thumb Input • Small Keyboard • Touch Screen • Distractions • Device Orientation • Others?
  10. • Mobile Internet – unprecedented growth • Innovation – unprecedented

    intensity • Online Commerce – mobile considerations, apps • Media - distributed, personalized, contextualized • Real-time - social media • Content Curation - diggs, likes • Cloud Computing – SaaS, data accessibility • Technology – Open Source, APIs Internet Trends Outline
  11. Today’s Web: Mobile • Huge growth in mobile Internet •

    Introducing new context of use • 3G + Social Networking + Video + VoIP + Impressive Mobile Devices
  12. Today’s Web: Mobile • North American mobile web share up

    110% in 2009 (Dec ’09 vs. Dec ’08) • Mobile Web growth has outpaced desktop Web growth 8x • Smartphone sales will pass PC sales in 2012 • Global mobile web consumption share up 148% in 2009 • Android supports over 12% of North American mobile web pageviews, overtaking RIM’s Blackberry • Huge growth in mobile Internet • Introducing new context of use • 3G + Social Networking + Video + VoIP + Impressive Mobile Devices
  13. More then Just Phones • iPad • Desktops • Smartphone

    • Kindle • Tablets • Netbooks • Cellphone / PDA • Game Consoles • Connected TVs Today’s Web: Mobile
  14. Today’s Web: In Your Pocket • Explosive growth in mobile

    internet • Introduces new modes of use • And new context to design for
  15. Today’s Web: Knows You • Identity & relationships as services:

    connection, experience • Instant on start experiences: post, share and check-in, personalization
  16. Today’s Web: Account Creation • Identity & relationships as services:

    connection, experience • Instant on start experiences: post, share and check-in, personalization
  17. Web Services for Account Creation Facebook Connect, for example, allows

    users to login to third-party websites using their Facebook identity. They can then feed their interactions with these sites back to their friends on Facebook.
  18. Case Study • Visual Design: Logo, Branding and Identity •

    Multiple design systems at work The difference: ! DIFFERENTIATE ATTRACT EMBODY THE BRAND SOCIAL One of the most common downfalls of new businesses is to invest months and months in building a website, redesigning it, optimising it and adding more buttons. ! On their site they just provide a few actions – receive deals by email, connect through Facebook, view latest deals and the option join their friend referral scheme. It’s an eyecatching site but it’s a tight user experience that importantly doesn’t require too much from the consumer to take part in the scheme.
  19. Today’s Web • Understanding the Audience • Agile and Reactive

    • Proactive • Nurture and Cultivate Relationships • Responsive and Intuitive • Good design matters more then ever Communication Reveals Relationships
  20. I think design covers so much more than the aesthetic.

    Design is fundamentally more. Design is usability. It is Information Architecture. It is Accessibility. This is all design. — Mark Boulton
  21. Today’s Web A good user experience is all about good

    moments ! Achieving great design means asking ourselves, What is it we want the user to do in this moment and how does the design encourage him/her to do this? When we made the move to the one-click Digg, activity went through the roof. It was just insane! Just the ease of the one-click and you're done made all the difference in the world." - Kevin Rose
  22. Today’s Web: The End Goal Quickly Communicate • What is

    this? Usefulness • How do I use it? Usability • Why should I care? Desirability
  23. Today’s Web: Design Considerations • Presentation: How your design appears

    to your audience • Interaction: How your design behaves in response to user actions • Organization: The structure of your design
  24. Simple points of Design • Build only what’s absolutely necessary

    - KISS • Quickly turn beginner users into intermediates - Experience • Reduce and refine interactions and task flows - Efficiency • Make constant, incremental improvements to our processes - Proactive
  25. Find Your Way My design methodology is driven by context

    ! Who will be looking at it? How will they use it? What do we want them to come away with? ! Often the most creative solutions are the result of answering these questions.
  26. Final Note Thanks for listening. What does design mean to

    you? Thanks To: Quantcast Morgan Stanley Research Wikipedia Luke W. Smashing Magazine This presentation uses Gotham Book