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

Squeezing Emails onto Mobile

August 28, 2014

Squeezing Emails onto Mobile

Slides from my talk at Frontend Conference Zürich (28 August 2014).


August 28, 2014

More Decks by jng

Other Decks in Programming


  1. Julie Ng • American Designer living in Munich • Previously

    Designer at ancestry.com for European Markets • UX Designer, Developer, Consultant • Refresh Munich • Runner, Climber
  2. Email is... "this beautiful cockroach 
 of a social network

    " Graphic: Gilad Fried, Noun Project. Quote: Alexis C. Madrigal, The Atlantic.
  3. 6+ months ago Newsletter Offer for Asia 6 months ago

    Book Fight 6 months ago Email Confirmation Flight details
 Pricing incl. taxes
 Calendar .ics as attachment 4 days before Trip Reminder Time Zone Difference
 Pricing incl. Weather
 Currency 1 day before Boarding Pass Confirmation 1 day before Online Check-in Reminder Holistic User Experience with Email
  4. Types of Email Source: Mailjet Marketing Notification Transactional Characteristic Bulk

    Auto-responder, Alerts Expected Relation one-to-many one-to-one one-to-one Unsubscribe Yes Yes No Examples Newsletter, announcements, etc. Feedback Request, new followers, etc. Invoice, shipping notifications, etc.
  5. Good Email is Teamwork Marketing Marketing 
 Managers Automated E-Mails

    ! Marketing Manager UX Designer Visual/Web Designer Frontend Developer Backend Architect
  6. Alert: Credit Card Expiring... Not just an invoice Reminder Upcoming

    payment. Esp. if longer billing periods. Confirmation With PDF invoice for your records. Billing Error :-(
  7. Frontend: Mobile Design Strategy • SCALABLE
 Default scaling from email

 Example: Jawbone Up Weekly Summary • FLUID
 Some adjustments: fonts, widths
 Example: Heroku invoice • RESPONSIVE
 Layout changes
 Example: Lufthansa Trip Reminder with weather, currency, support phone, etc. Terminology Source: Rodriguez, Jason. 10 April 2014.
 Understanding Mobile Email Approaches (Litmus)
  8. Frameworks are bloated • Gmail clips email at 20k in

    iOS App (EmailOnAcid) • Gmail clips email at ca. 102 on web. • Do we really need a framework for E-Mail?