Squeezing Emails onto Mobile

F4612f9492cccc0c61c9b5f80d0ca8a1?s=47 jng
August 28, 2014

Squeezing Emails onto Mobile

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



August 28, 2014


  1. 2.

    Julie Ng • American Designer living in Munich • Previously

    Designer at ancestry.com for European Markets • UX Designer, Developer, Consultant • Refresh Munich • Runner, Climber
  2. 3.

    Email is... "this beautiful cockroach 
 of a social network

    " Graphic: Gilad Fried, Noun Project. Quote: Alexis C. Madrigal, The Atlantic.
  3. 4.
  4. 6.
  5. 8.

    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
  6. 9.

    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.
  7. 10.

    Good Email is Teamwork Marketing Marketing 
 Managers Automated E-Mails

    ! Marketing Manager UX Designer Visual/Web Designer Frontend Developer Backend Architect
  8. 12.

    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 :-(
  9. 14.

    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)
  10. 15.
  11. 21.
  12. 22.

    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?