Dressed-up Notification Mails

From OpenStreetMap Wiki
Jump to: navigation, search

This is an effort to modernise the notification emails that OpenStreetMap sends out. For some context see this diary entry

It looks like this

We need help:

  1. we need screenshots of the new emails as rendered by as many email clients as possible
  2. we need feedback on the design of the emails (in the comments to the diary entry)

Send in your screenshots, help us test for compatibility

If you use an email client which isn't listed below, or which is listed as "outdated", then you can help as follows:

  1. send yourself a copy of the redesigned mails -- two ways to do that:
  2. take a screenshot of the email as it appears in your email client
  3. add it to the table
    • either upload it to the wiki, and put a link to it in the relevant table cell
    • or, just mail the screenshots to osm-screenshots(a)saintamh.org, I'll crop them, anonymise them and post them here

Latest screenshots

Email Client Category Changeset Comment (long) Changeset Comment (short) Friend notification Notes
Gmail/Firefox
(wide window)
Web-based Gmail-firefox--changeset-comment-long.png Gmail-firefox--changeset-comment-short.png Gmail-firefox--friend notification.png renders as intended
Gmail/Firefox
(narrow window)
Web-based Gmail-firefox--narrow--changeset-comment-long.png Gmail-firefox--narrow--changeset-comment-short.png Gmail-firefox--narrow--friend notification.png renders as intended
Gmail/IE8 Web-based Gmail-ie8--changeset-comment-long.png Gmail-ie8--changeset-comment-short.png Gmail-ie8--friend notification.png renders as intended
Gmail/IE9 Web-based Gmail-ie9--changeset-comment-long.png Gmail-ie9--changeset-comment-short.png Gmail-ie9--friend notification.png renders as intended
Gmail/IE11 Web-based Gmail-ie11--changeset-comment-long.png Gmail-ie11--changeset-comment-short.png Gmail-ie11--friend notification.png renders as intended
Gmail/MSEdge Web-based Gmail-msedge--changeset-comment-long.png Gmail-msedge--changeset-comment-short.png Gmail-msedge--friend notification.png renders as intended
Gmail/Safari iOS Web-based, Mobile Gmail-safari-ios--changeset-comment-long.png Gmail-safari-ios--changeset-comment-short.png Gmail-safari-ios--friend notification.png renders as intended
Android Email Mobile missing missing missing missing
Android K9
Dark Theme
Mobile AndroidK9-changeset-comment-long.png AndroidK9-changeset-comment-short.png AndroidK9-friend notification.png renders as intended
Jolla Sailfish Haapajoki Mobile Jolla-sailfish-haapajoki--changeset-comment-long.png - - renders as intended
iOS Mail Mobile Ios-mail--changeset-comment-long.png Ios-mail--changeset-comment-short.png Ios-mail--friend notification.png renders as intended
MacOS Mail.app
(wide window)
Desktop Macos-mail--changeset-comment-long.png Macos-mail--changeset-comment-short.png Macos-mail--friend notification.png renders as intended
MacOS Mail.app
(narrow window)
Desktop Macos-mail--narrow--changeset-comment-long.png Macos-mail--narrow--changeset-comment-short.png Macos-mail--narrow--friend notification.png renders as intended
Thunderbird
(wide window)
Desktop Thunderbird--changeset-comment-long.png Thunderbird--changeset-comment-short.png Thunderbird--friend notification.png renders as intended
Thunderbird
(narrow window)
Desktop Thunderbird--narrow--changeset-comment-long.png Thunderbird--narrow--changeset-comment-short.png Thunderbird--narrow--friend notification.png renders as intended
Outlook 2013
(wide window)
Desktop Outlook-2013--changeset-comment-long.png Outlook-2013--changeset-comment-short.png Outlook-2013--friend notification.png renders as intended
Outlook 2013
(narrow window)
Desktop Outlook-2013--narrow--changeset-comment-long.png Outlook-2013--narrow--changeset-comment-short.png Outlook-2013--narrow--friend notification.png renders as intended
Windows Mail
(wide window)
Desktop Windows-mail--changeset-comment-long.png Windows-mail--changeset-comment-short.png Windows-mail--friend notification.png renders as intended
Windows Mail
(narrow window)
Desktop Windows-mail--narrow--changeset-comment-long.png Windows-mail--narrow--changeset-comment-short.png Windows-mail--narrow--friend notification.png renders as intended
The Bat!
(wide window)
Desktop The-bat--wide--changeset-comment-long.png The-bat--wide--changeset-comment-short.png The-bat--wide--friend notification.png excessive white space
extra table border
title not left-justified
The Bat!
(narrow window)
Desktop The-bat--narrow--changeset-comment-long.png The-bat--narrow--changeset-comment-short.png The-bat--narrow--friend notification.png excessive white space
extra table border
title not left-justified
overflows narrow window
Yahoo!
(wide, images disabled)
Web-based Yahoo-no-images--changeset-comment-long.png Yahoo-no-images--changeset-comment-short.png Yahoo-no-images--friend notification.png renders as intended
Yahoo!
(narrow, images disabled)
Web-based Yahoo-no-images--narrow--changeset-comment-long.png Yahoo-no-images--narrow--changeset-comment-short.png Yahoo-no-images--narrow--friend notification.png overflows narrow screen
Yahoo!
(wide, images enabled)
Web-based Yahoo-with-images--changeset-comment-long.png Yahoo-with-images--changeset-comment-short.png Yahoo-with-images--friend notification.png renders as intended
Yahoo!
(narrow, images enabled)
Web-based Yahoo-with-images--narrow--changeset-comment-long.png Yahoo-with-images--narrow--changeset-comment-short.png Yahoo-with-images--narrow--friend notification.png overflows narrow screen
Outlook.com
(a.k.a. Hotmail)
(wide window)
Web-based Outlook.com--changeset-comment-long.png Outlook.com--changeset-comment-short.png Outlook.com--friend notification.png renders as intended
Outlook.com
(a.k.a. Hotmail)
(narrow window)
Web-based Outlook.com--narrow--changeset-comment-long.png Outlook.com--narrow--changeset-comment-short.png Outlook.com--narrow--friend notification.png renders as intended
Yandex/Firefox
(wide window)
Web-based Yandex-firefox--wide--changeset-comment-long.png Yandex-firefox--wide--changeset-comment-short.png Yandex-firefox--wide--friend notification.png renders as intended
Yandex/Firefox
(narrow window)
Web-based Yandex-firefox--narrow--changeset-comment-long.png Yandex-firefox--narrow--changeset-comment-short.png Yandex-firefox--narrow--friend notification.png renders as intended
Mail.ru Web-based 2017-02-07 18-45-33.png missing 2017-02-08 20-04-21.png outdated, needs retaken
IMP/Horde Web-based missing missing missing missing
SquirrelMail/Chrome Web-based SquirrelMail-Chrome-changeset-comment-long.png SquirrelMail-Chrome-changeset-comment-short.png SquirrelMail-Chrome-friend notification.png renders as intended
Fastmail/Firefox
(wide window)
Web-based Fastmail-firefox--wide--changeset-comment-long.png Fastmail-firefox--wide--changeset-comment-short.png Fastmail-firefox--wide--friend notification.png renders as intended
Fastmail/Firefox
(narrow window)
Web-based Fastmail-firefox--narrow--changeset-comment-long.png Fastmail-firefox--narrow--changeset-comment-short.png Fastmail-firefox--narrow--friend notification.png renders as intended
Roundcube/Firefox
(wide window)
Web-based Roundcube--wide--changeset-comment-long.png Roundcube--wide--changeset-comment-short.png Roundcube--wide--friend notification.png renders as intended
Roundcube/Firefox
(narrow window)
Web-based Roundcube--narrow--changeset-comment-long.png Roundcube--narrow--changeset-comment-short.png Roundcube--narrow--friend notification.png renders as intended