Recomendados
Más contenido relacionado
Similar a REBORN. University | Responsive Workflow
Similar a REBORN. University | Responsive Workflow (20)
Último
Último (20)
REBORN. University | Responsive Workflow
- 2. We shape our tools, and thereafter our tools shape us. — MARSHALL MCLUHAN ©RobertFlemming
- 3. — MARSHALL MCLUHAN We shape our tools, and thereafter our tools shape us.
- 4. ©HenriDauman
- 11. ECOSYSTEM S C R E E N S OF
- 12. At times of change, the learners are the ones who will inherit the world, while the knowers will be beautifully prepared for a world which no longer exists. — ALISTAIR SMITH
- 15. ©NamJunePaik
- 16. THE WAY
- 17. THE WAY
- 18. PLANNING
- 23. A NEW WAY
- 24. Responsiveness it’s not just something we can build into our product, —it’s an attitude we can adopt. — WILSON MINER
- 25. ©ToddMcLellan
- 26. PLAN
- 28. 1. Logo 2. Social Media 3. Navigation 4. Introduction 5. Case Studies 6. Clients 7. News 8. Secondary Navigation CONTENT
- 29. 1. Logo 2. Social Media 3. Navigation 4. Introduction 5. Case Studies 6. Clients 7. News 8. Secondary Navigation 1 2 3 4 5 6 7 8 CONTENT
- 30. TEXT DESIGN
- 32. Pandoc
- 34. Properly structured content is portable to future platforms. — STEPHEN HAY
- 36. SET BREAKPOINTS
- 37. ©Viljamis
- 40. SKETCH
- 41. ©ChrisRisdon
- 42. PROTOTYPE
- 43. Typecast
- 44. Typecast
- 47. VISUAL DESIGN
- 48. ©MwmGraphics
- 49. PATTERN LIBRARY
- 50. - State and breakpoint changes can be included - Useful for future designers, devs, etc - Design consistency and maintainability PATTERN LIBRARY
- 52. TEST
- 53. ©J.Mathews
- 54. DISCUSS
- 55. Discussing with the client during all iterations and showing HTML/ CSS prototypes before static Photoshop designs has streamlined our workflow and helped us to set and —manage a client’s expectations better than ever before. — ANDY CLARKE
- 56. ITERATE
- 57. Sketch → prototype → design → test → discuss ©Viljamis
- 58. PLAN TEXT DESIGN SET BREAKPOINTS SKETCH PROTOTYPE VISUAL DESIGN TEST DISCUSS/ITERATE
- 59. ?
- 60. ROCK SOLID HTML EMAILS
- 61. The digital channels Australian marketers use to communicate with customers. 84% Social 37% Blogs 83% Traditional Web 40% Mobile Apps 49%DisplayAdvertising 28%MobileMessaging 45%MobileWeb 97%Email Responsys2012
- 62. We've gone from being exposed to about 500 ads a day back in the 70s to as many as 5,000 a day today. — JAY WALKER SMITH, Yankelovich Consumer Research
- 64. The average time allocated to a newsletter after opening it was only — JAKOB NIELSEN’S Alertbox 51 seconds.
- 65. CONTENT IS KING
- 66. ALL?
- 67. nO MASTER PLAN
- 68. LOOKING THROUGH THE RECTANGULAR WINDOW
- 70. WHAT ABOUT W I D T H ?
- 71. It’s a good idea to keep your emails to a width of no more than 550-640 pixels. — CAMPAIGN MONITOR
- 72. 440px
- 73. 600px
- 74. 750px
- 75. HEADER TEXTPRE
- 76. The term readability doesn’t ask simply “can you read it?” —it asks “do you want to read it?” — @TYPOGRAPHICA
- 81. VIEW ONLINE VERSION FORWARD TO A FRIEND VIEW ON MOBILE
- 83. IMAGE BLOCKING
- 84. of email recipients see images automatically. — MERKLE “View From The Digital Inbox” Only 48%
- 86. BECOMING A KNOWN SENDER PACKING A PUNCH INTO THE PRE-HEADER PROVIDING ALT TEXT USING HTML TEXT IN THE DESIGNS
- 87. STYLING UP ALT TEXT WITH CSS
- 88. TURNING TABLES INTO 8BIT WONDER
- 89. CALL TO ACTIONS IN HTML TEXT
- 90. THE EMAIL CLIENTS AUSTRALIANS USE Remarkably, Apple iPhone and Apple Mail contribute towards 27% of Australians’ email client usage. — RESPONSYS The 2012 Digital Marketing Big Australia Report 34% Outlook 10.7% Hotmail 16% Apple iPhone 12% Apple Mail 25% Other
- 91. MOBILE FRIENDLY
- 92. Links and buttons should have a minimum target area of 44 × 44 pixels, as per Apple guidelines. min = 30px ideal = 44px
- 94. The minimum font size displayed on iPhones is WP7 recommends no smaller than 15 px, Apple recommends 17-22 px font. 13 pixels.
- 97. Responsiveness it’s not just something we can build into our product, —it’s an attitude we can adopt. — WILSON MINER
- 99. KEEP ADAPTING K E E P L E A R N I N G