Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Compromising Web Design

Westley Knight
November 24, 2014

Compromising Web Design

A talk on responsive web design, art direction, and how finding a happy medium can create a better user experience.

Westley Knight

November 24, 2014
Tweet

More Decks by Westley Knight

Other Decks in Design

Transcript

  1. UX

  2. The overall experience of a person using a product such

    as a website or computer application, especially in terms of how easy or pleasing it is to use. A definition of ux
  3. Art direction is about bringing emotion, vision, and clarity to

    design. When it' supervise and unify a vision, how it communicates visually, stimulates moods, contrast features, and psychologically appeals to a target audiences. A definition of art direction
  4. RWD

  5. A web design approach aimed at crafting sites to provide

    an optimal viewing experience — easy reading and navigation with a minimum of resizing, panning, and scrolling — across a wide range of devices. A definition of RWD
  6. “Perfection in design is not possible. You can never simultaneously

    satisfy all of the possible objectives for any created thing. For example, a ballpoint pen is an excellent tool for writing, until you need to erase.” ~ Scott Berkun The myth of perfect design
  7. RWD

  8. MULTIPLE Devices PIXEL DENSITIES BREAK POINTS MOBILE FIRST CONTEXT FLUID

    GRIDS FLEXIBLE MEDIA MEDIA QUERIES TOUCH PERFORMANCE ERGONOMICS CONTENT STRATEGY FEATURE DETECTION
  9. “The road to hell is paved with good intentions.” ~

    Saint Bernard of Clairvaux Circa 1150
  10. OPTION 1 OPTION 2 OPTION 3 OPTION 4 Lorem ipsum

    dolor sit amet, consectetur adipiscing elit. Integer pulvinar bibendum venenatis. Integer consequat leo feugiat erat euismod ornare. Donec commodo euismod urna eu dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar bibendum venenatis. Integer consequat leo feugiat erat euismod ornare. Donec commodo euismod urna eu dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar bibendum venenatis. Integer consequat leo feugiat erat euismod ornare. Donec commodo euismod urna eu dapibus.
  11. “Art direction is about bringing emotion, vision, and clarity to

    design. When it’s combined with user interface and user experience, it’s a dangerous weapon.” ~ Jason Farell Art Direction and User Experience - Use All Five http://useallfive.com/thoughts/user-experience-and-art-direction/
  12. 7x

  13. 1mb

  14. 1mb

  15. User experience lies at the crossroads of art and science

    and requires both extremely acute analytical thinking and creativity. User experience lies at the crossroads of art and science
  16. OPTION 1 OPTION 2 OPTION 3 OPTION 4 Lorem ipsum

    dolor sit amet, consectetur adipiscing elit. Integer pulvinar bibendum venenatis. Integer consequat leo feugiat erat euismod ornare. Donec commodo euismod urna eu dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar bibendum venenatis. Integer consequat leo feugiat erat euismod ornare. Donec commodo euismod urna eu dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pulvinar bibendum venenatis. Integer consequat leo feugiat erat euismod ornare. Donec commodo euismod urna eu dapibus.
  17. Efficiency vs Labour of love Take your chance when you

    get it Forced towards efficiency
  18. Efficiency vs Labour of love Take your chance when you

    get it Forced towards efficiency Be aware of limitations