• Home
  • Design
  • Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
prev
next
out of 90

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014

  • View
    3.814

  • Download
    14

Embed Size (px)

DESCRIPTION

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014 Fast, simple, SMART. Mobile devices have forever changed the way we interact with content. Now we have to consider many things such as HiDPI graphics, responsive design, speed, UI/UX patterns, touch target sizes, gestures, and more. All while not losing track of what’s important: Content. We’re going to discuss the influence of mobile on design trends and learn implementation techniques of smart design.

Text of Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014

  • SARA CANNON HTTP://RAN.GE Smart Design #WCNYC
  • Sara Cannon Partner / Creative Director at Range http://ran.ge @saracannon ! slideshare.net/saracannon
  • Hyperlink Button hyperlink
  • Smart Design Content-focused Fast Informed Refined
  • Content- Focused
  • Mobile First
  • Digital - Storytelling
  • nytimes.com/projects/2012/snow-fall
  • theguardian.com/world/interactive/2013/nov/01/snowden- nsa-les-surveillance-revelations-decoded
  • pitchfork.com/features/articles/9467-wax-and-wane-the- tough-realities-behind-vinyls-comeback
  • madebyfriends.co/drones
  • nautil.us
  • mccollcenter.org
  • Smart Design Content-focused Fast Informed Refined X
  • Fast
  • Speed ! Awesome V.S.
  • Iconfonts
  • css-tricks.com/examples/IconFont
  • Genericons genericons.com GPL
  • Font Awesome SIL fontawesome.io
  • wordpress.org/plugins/font-awesome
  • Iconic useiconic.com
  • webdesignerdepot.com/ 2012/01/how-to-make-your-own- icon-webfont/ inkscape.org
  • Fontastic.Me
  • Icon Moon icomoon.io
  • Fontello fontello.com
  • SVG Scalable Vector Graphics
  • 1 KB5 KB
  • vblogo.svg
  • SVG x2 .png low res x2 .jpg 14kb 13kb 12kb
  • Noun Project thenounproject.com
  • Icon Fonts v.s. SVG
  • ianfeather.co.uk/ten-reasons-we- switched-from-an-icon-font-to-svg
  • Icon Fonts ! ! SVG Browser Support Color Variations v.s.
  • Stackicons stackicons.com janky ?!
  • css-tricks.com/svg-sprites-use-better- icon-fonts
  • css-tricks.com/icon-fonts-vs-svg/
  • Smart Design Content-focused Fast Informed Refined X X
  • Informed
  • Analytics
  • User Experience Testing
  • usertesting.com
  • silverbackapp.com
  • Content Curation as UX
  • Wait, where are the menus? vox.com
  • mashable.com
  • A/B Testing
  • optimizely.com
  • optimizely.com
  • Smart Design Content-focused Fast Informed Refined X X X
  • Refined
  • Touch & Gestures
  • How Is It Held? image via http://thetechblock.com/visual-language-designing-for-touch
  • Motion As Refinement
  • Medium.Com/Design-Ux/926Eb80D64E3 Pasquale Dsilva
  • Smart Design Content-focused Fast Informed Refined X X X X
  • Thank You

Recommended

WordPress Security from WordCamp NYC 2012
WordPress Security from WordCamp NYC 2012
Technology
WordCamp Toronto 2013
WordCamp Toronto 2013
Self Improvement
WordCamp Malaysia
WordCamp Malaysia
Technology
Wordcamp Praha 2014
Wordcamp Praha 2014
Business
REFINED STRUCTURES 1 - armanicasa- .madeleine refined structures 1 n° ga2 9212 madeleine refined
REFINED STRUCTURES 1 - armanicasa- .madeleine refined structures 1 n° ga2 9212 madeleine refined
Documents
WordCamp 2015
WordCamp 2015
Technology
Wordcamp gdynia
Wordcamp gdynia
Marketing
Wordcamp Copenhagen 2014
Wordcamp Copenhagen 2014
Small Business & Entrepreneurship
WordCamp NYC 2015
WordCamp NYC 2015
Government & Nonprofit
War Room Collaboration Across the Internet Canyon - WordCamp NYC 2015
War Room Collaboration Across the Internet Canyon - WordCamp NYC 2015
Design
Lifestreaming: The New Future of Blogging? Delivered at WordCamp NYC
Lifestreaming: The New Future of Blogging? Delivered at WordCamp NYC
Technology
Wordcamp BH 2015
Wordcamp BH 2015
Marketing
View more >