Windows10メールメールレンダリングサポート+癖

公開: 2016-10-05

Windows 10 Mailは、プレビューに追加される最新の電子メールクライアントの1つです。電子メールのプレビューを最大限に活用できるように、電子メールのレンダリングサポートがどのようなものであるか、およびそれに見られると予想される癖を強調しました。

Windows 10は、2015年7月に消費者にリリースされたMicrosoftのWindows 8オペレーティングシステムの後継です。当初、Windows 10は、Windows7または8の正規のコピーを持っているすべての顧客に無料アップグレードとして提供されました。 Windows 10がインストールされた1億1,000万台を超えるデバイスがあり、2016年6月の時点で、その数は3億5,000万台近くに増加しています。

Outlookは通常Windows環境に関連付ける電子メールクライアントですが、Windows10には独自のデフォルトのメールアプリであるWindowsMailがあります。 Windows Mailアプリは、Windows Vista、8、および10オペレーティングシステムに含まれています。

ユーザーはGmail、Yahoo、iCloud、AOL、カスタムIMAPアカウントを使用できます。Microsoftアカウントは必要ありません。これは、メールアプリがWindows 10で無料であるという事実と相まって、アプリを信じられないほどアクセスしやすい電子メールクライアントにします。

Windows 10 Mailでのデスクトップ全体のオープン数は2016年3月の3％弱から2016年7月までに6％近くに増加し、毎月前月の市場シェアを上回っています。この着実な市場シェアの上昇は、電子メールマーケターがこのますます人気のある電子メールクライアントを認識する必要があることを示しています。

サブスクライバーはWindows10 Mailで開きますか？

サブスクライバーが電子メールを開く場所を見つけ、開発とテストの取り組みを最も重要なクライアントとデバイスに集中させます。

メール分析を探る→

アプリビュー

Windows 10Mailでユーザーが利用できるアプリビューのカスタマイズオプションはほとんどありません。たとえば、左側のウィンドウペインにフォルダを追加することはできません。デフォルトのビューには3つの列が表示され、ユーザーが選択した電子メールが右側のペインに表示されます。

左側の列を折りたたむことで、メールウィンドウ全体を小さくすることができます。

この3列のビューでは、ユーザーが設定した解像度に応じて、電子メールが表示される右側のペインの幅が制限される可能性があります。 Windows 10 Mailユーザーの水平スクロールをできるだけ少なくするには、電子メールの最大幅を650pxに維持します。

封筒

メールの差出人名、件名、プレビューテキストはすべて、受信トレイの一覧表示でWindows 10Mailユーザーに表示されます。差出人の名前は、電子メールリストビューで電子メールエンベロープの最も目に見える部分です。認識可能で一貫性のある名前から使用すると、サブスクライバーはメールをすばやく見つけることができます。

件名とプレビューテキストについては、どちらも34文字で、メールを開くのに十分な数のサブスクライバーを引き付けることができます。プレビューテキストは件名のすぐ下に表示されるため、件名を念頭に置いてプレビューテキストを作成してください。

メールはWindows10 Mailでどのように表示されますか？

電子メール開発者は、Windows10のメールアプリがHTMLをレンダリングする方法のいくつかの癖に精通している必要があります。レンダリングエンジンとしてMicrosoftWordを使用しているため、電子メール開発者がOutlookで経験するレンダリングの癖の多くは、Windows 10Mailでも経験されます。

背景画像

Outlookと同様に、背景画像はサポートされていません。 Outlook 2007/10/13でこの問題に対処するための頼りになるソリューションは、VMLとHTMLの組み合わせを使用して背景画像を有効にします。ただし、これはWindows 10Mailでは機能しません。

これは、電子メールの重要なメッセージを視覚化するために背景画像を使用しないことを思い出させるものとして機能するはずです。ただし、追加のボーナスとして、または電子メールデザインの仕上げとして使用できます。メールで背景画像を使用する場合は、背景画像がサポートされていない場合に備えて、十分にテストし、背景色などのフォールバックを設定してください。

Webフォント

残念ながら、Webフォントもサポートされていません。ただし、WebフォントがTimes New Romanにフォールバックしないようにハックを使用する必要があるOutlookとは異なり、これはWindows 10Mailでは必要ありません。フォントファミリにWebセーフフォントがある限り、そのフォントはWindows 10Mailでレンダリングされます。

 font-family: ProximaNova-Regular, Arial, sans-serif;

上記の例では、WebセーフフォントのArialがWindows 10Mailユーザー向けにレンダリングされます。

すべてのLitmusアカウントで利用できるようになりました

今すぐLitmusアカウントにサインアップして、Windows 10Mailアプリでメールのテストを開始してください。

Litmusを無料でお試しください→

自動リンクと下線

開発者にとって目新しいものではないもう1つのレンダリングの癖は、郵送先住所と電話番号の青色と破線の下線付きの自動リンクです。

モバイルデバイスのユーザーにとっては便利な機能ですが、デスクトップデバイスでは煩わしい機能です。ハックを使用してこの機能を完全に削除するのではなく、これらのリンクを電子メールのデザインに一致するようにスタイル設定できます。

アドレスと電話番号を<span>でラップし、メールの<head>で、これらのリンクのスタイルを設定するクラスを作成します。

 .addressLink a {color:#c0c0c0!important; text-decoration:none!important;}

HTMLで、電子メールのデザインに一致するようにスタイルを設定する<span>内の任意のアドレスを、適切なクラス名でラップします。

 <span class="addressLink">123 Avenue Road, USA, Earth</span>

コミュニティのメンバーであるJamesWhiteが、Windows 10 Mailでこれが発生する理由を掘り下げた、コミュニティでのこの癖の詳細をご覧ください。

Windows 10 Mailは、リンクのインラインCSSがリンクにアンダースコアを含まないように明示的に定義している場合でも、電子メール内のリンクに自動的にアンダースコアを付けることにも罪を犯します。修正は簡単です。

場所：

 a {text-decoration: none;}

メールコードの<style>ブロックの<head>内。これで、メール内のすべてのリンクに下線が付きなくなります。これの残念な欠点は、電子メール内の一部のリンクに下線を付けたい場合、「text-decoration」属性をリンクごとにインラインでリセットする必要があることです。

上記のCSSを<style>ブロックに追加しているときに、訪問したリンクのスタイルにCSSを追加することも検討してください。これらには、デフォルトのスタイルが添付されているためです。

単に追加します：

 a:visited {color:#c0c0c0; text-decoration:none;}

アニメーションGIF

アニメーションGIFがWindows10Mailでサポートされていないと聞いても驚くことではありません。 Outlookと同様に、gifのアニメーションの最初のフレームのみがユーザーに表示されます。したがって、最初のフレームをカウントします。

バグを送ってください

[email protected]に電子メールを送信して、フィードバックとレンダリングのバグを送信してください。 Litmusは、電子メールを改善するためにコミュニティが見つけたバグを収集しています。マイクロソフトパートナーシップについて学びます。