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

  • Published on
    11-Aug-2014

  • View
    3.293

  • Download
    1

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 whats important: Content. Were going to discuss the influence of mobile on design trends and learn implementation techniques of smart design.

Transcript

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