新しいGmailのデザインをカスタマイズして、従来のクラシック表示に近づける方法

最近、GoogleはGmailユーザーに対して新しいデザインを強制的に適用するようになり、旧バージョン(クラシック版)へ戻すことができなくなりました。数日前までは旧バージョンへ切り替える選択肢があったのですが、今はそれも不可能です。問題は、この新インターフェースが主にモバイル向けに設計されている点です。見た目は美しいものの、使い勝手(エルゴノミクス)の面では明らかに劣っています。

どんなモバイル製品でも、デスクトップに適用されると、本来あるべき動作や見た目にならないものです。ここでの主な原因は、Robotoフォントの使用にあります。本ガイドでは、クラシックな外観を再現し、デスクトップでの視認性を向上させるためのいくつかのテクニックをご紹介します。

新しいGmailインターフェースの問題点

「変化を受け入れるべきだ」と言う人もいるでしょう。しかし、そうではありません。受け入れるべきは良い変化だけであり、ただ変えるためだけの変化や、生産性を損なう変化には抵抗すべきです。Googleの製品ならGoogleのルールで構いませんが、問題は、新インターフェースが旧版ほどデスクトップ利用に適していないことです。筆者は実際に数日間テストを行い、遭遇した問題点をすべて書き留めました。

新インターフェースは以前より読み込みが遅くなりました(特にFirefoxで顕著)。ログインから受信トレイへの遷移に、新しいスプラッシュアニメーションを含めて約2〜3秒余分にかかります。開発側の論理は見えてきます。モバイルユーザーは受信トレイにサインインすることがほとんどなく、アプリはバックグラウンドで読み込まれることが多い。デスクトップでもサインインしたままなら、時間は気にならないでしょう。おそらくこれがGoogleの狙う理想状態なのでしょう。しかし、新着メールを確認するためにGmailにサインインしてすぐサインアウトするような使い方では、クラシック版と比べて毎回数秒のペナルティを払うことになります。

また、新インターフェースは筆者の環境で何度かクラッシュしました。受信トレイが読み込まれた直後にログイン画面へ戻され、次回ログイン時にはシステムエラーの通知が表示されるという具合です。クラシック版では一度も起きたことがない現象です。

新インターフェースは作業効率も低下させています。たとえば返信するには「返信」ボタンをクリックしてから入力する必要があります。これは典型的なモバイル向け操作をデスクトップに押しつけたもので、失敗例と言えます。マウスクリックが1回増え、人生の時間の無駄です。過去数年の製品と同じパターンです。Windows 10の設定メニュー対旧コントロールパネル、WordPressのGutenberg対従来のTinyMCEエディター。クリックの回数はどんどん増えていき、物事を成し遂げる代わりに操作自体に時間を取られていく。そこにあるのは凡庸さだけです。

Robotoフォントは最適とは言えず、Arialよりも見劣りします。筆者はPOP!_OS LinuxディストリビューションのレビューでもRobotoフォントについて触れました。若い世代には魅力的に映り、スマートフォン上では綺麗にレンダリングされるかもしれませんが、長時間の閲覧(モバイルではあまり行わない)には向いておらず、デスクトップではぼやけて表示されます。「あなたの環境のせいだ」と言われる前に言っておくと、環境のせいではありません。14〜24インチのディスプレイ、1366x768pxからフルHD、4Kまで、さまざまなOS・ブラウザ・デバイスでテスト済みです。Robotoフォントは流行っていてクールかもしれませんが、目には優しくありません。

さて、頑固者のフォントに関する愚痴は置いておいて…

新インターフェースは旧版より視認性が低くなっています。(公式)テーマを使用すると、背景画像によっては一部のボタンが見えなくなることがあります。Gmailはテーマに応じて明色/暗色のボタンを使い分けようとしていますが、うまく機能しないケースがあります。クラシック版では起きなかったことです。Robotoが好きかどうかにかかわらず、これは良くありません。筆者はフォントをいじってみました(スクリーンショットの通り)が、アイコンには別の対策が必要です。ラベル表示でも一筋縄ではいきません。

新インターフェースには、スマートテキスト、メール候補、nudges(促し通知)など、生産性をむしろ下げかねない新機能が多数搭載されています。たとえば、筆者が執筆中の「System Administration Ethics(システム管理倫理)」という本のある章について編集者から提案をもらったメールを受け取ったとき、メール末尾にGmailがいくつかのクイック返信テンプレートを表示しました。

これは多くの意味でひどい仕様です。第一に、筆者は決してそのような書き方はしません。絶対にありません。Googleは筆者のメールを保有し、すべてのメッセージをスキャンできるのに、「ディープラーニング」アルゴリズムが出せるのはこの程度なのでしょうか? 完全な文を書くのが苦手なスマホユーザーには役立つかもしれませんが、答者の知性への侮辱であり、これを編集者に送れば相手への侮辱にもなりかねません。知能指数二桁の類人猿のような返信をしてしまえば、ビジネス上の評判まで損ないかねません。

筆者は新しい技術を嫌っているわけではありません。しかし、それは意味のあるものである必要があります。価値(VALUE)を加える必要があるのです。これは視覚的なノイズ以外の何物でもありません。誰かが「メールの代筆を手伝うことが自分の仕事だ」と考えているようで、少し不快にさえ感じます。助けは要りません、ありがとうございます。

実のところ、この新インターフェースこそが、Gmailからの移行を始めるきっかけになるかもしれません。戦略的な大改革です。筆者は軽々しく決断を下すタイプではなく、一夜にして revolution が起こることもありません。数年かけて慎重に計画し、シームレスで効率的な移行を行うことになるでしょう。しかし、知能指数二桁のスマホユーザーのために設計された製品を使わなければならないのであれば、量子レベルで拒否します。とはいえ今のところは、古い生産性を取り戻すためにできることをご紹介しましょう。

新しいGmailインターフェースのフォントを変更する

いろいろ試行錯誤した結果、深刻な目の疲れなしに新しいGmailを使う唯一の方法は、アクセシビリティ設定の変更を強制することだと気づきました。ちなみにGmailチームにお願いしたいのですが、視覚障害者向けのアクセシビリティオプションを提供すれば、テック業界に大きな変革をもたらせるはずです。フォントファミリーとサイズの選択肢を提供することは、製品開発を大幅に難しくしたり複雑にしたりするものではなく、多くのGmailユーザーにとって大きな意味を持つはずです。

さて、どう変更するか考えました。Office OnlineでCSSオーバーライドを使って背景色を白に強制したときと同じような手法が必要だと気づきました。今回は恒久的な変更として実装したかったため、JavaScriptのトリックを使うことにしました。既存のスクリプトを探したところ、Michael Hulse氏によるGmailのフォントサイズを変更するスクリプトが、良いベースラインテンプレートになりそうでした。筆者はそのスクリプトに小さな修正を加え、必要だったフォントファミリーのオーバーライド(RobotoからArialへ)も含めるようにしました。Arialは旧クラシック版で使われていたフォントです。先ほどのスクリーンショットから、この方向性はもうお察しください。

GreaseMonkey と Tampermonkey

実装には、FirefoxではGreaseMonkey、ChromeではTampermonkeyを使用することにしました。これらはブラウザ拡張機能で、スクリプトを必要に応じて読み込み、ページの動作や応答を変更できます。今回の編集による変更は最小限で、いくつかのCSSクラスを変更して別のフォントを使うようにするだけです。それだけです。非常にシンプルです。スクリプトは以下の通りです:

// ==UserScript==
// @name Gmail Font Type and Size
// @include https://mail.google.com/mail*
// @description Set Gmail font to classic view
// @version 1.0
// ==/UserScript==

(function() {
'use strict';
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('* { font-family: Arial, sans-serif !important;
font-size: 10pt !important; }');
})();

次のステップは、これをGreaseMonkeyやTampermonkeyに追加してGmailを再読み込みすることです。変更はすぐに確認できます。フォントファミリーは好きなものに編集できますし、フォントサイズも自由に変更できます。10ポイントが旧インターフェースのデフォルトに対応していることに気づきました。さらに、フォントファミリーの宣言は「sans-serif」のみを使うのが最も効果的であることも発見しました。「Arial, sans-serif」ではなく、単に「sans-serif」を使います。以下を参照してください:

addGlobalStyle('* { font-family: sans-serif !important;
font-size: 10pt !important; }');
})();

その他の変更

(設定内で)メール機能をアイコンの代わりにテキストで表示することもできます。これにより、自分が何をしているのかがはるかに分かりやすくなります。精神的にもクラシック版に近く、使いやすくナビゲートしやすいのです。これ+フォント変更=大きな進歩です。コントラストが最も良くなるテーマを見つけてください。

もちろん、新しい返信候補やnudgesなどを無効にすることもできます。ただし、現時点で変更できないのがスマート返信(Smart Reply)機能です。Googleはデスクトップでこれを無効化できるようにする予定のようですが、まだ実装されていません。そのため、別の対策が必要です。具体的には、Adblock Plusのような広告ブロッカーを使っている場合、カスタムフィルターを追加して、安っぽい返信候補をブロックできます。Adblock Plusで「オプション」をクリックし、「詳細」タブへ移動します。下部の「フィルターリストを作成・編集する」の下にある「フィルターリストの作成を開始」をクリックします。

ボックスにはカスタムフィルターが必要です。以下を追加してください:

mail.google.com##.brb

保存してGmailを再読み込みすると、スマート返信が消えます。

最終的な見た目

以上で完成です。新品同様、いや、旧品同様(Arial使用)になりました:

CSSルールでsans-serifのみを使用した場合:

関連記事

このトピックおよび関連トピックに関する興味深い記事をいくつか紹介します:

• What the New Gmail Gets Wrong
• Roboto Is Was a Four-headed Frankenfont
• Unity forum discussion on Roboto fonts

まとめ

日々、ますます多くの製品が完全にモバイル化し、デスクトップを置き去りにしています。それは同時に、効率と生産性も置き去りにしているということです。美学が機能性に勝り、筆者のような現代技術ユーザーをとても悲しい気持ちにさせています。恣意的で、クールを装い、無意味に感じられるデザインの決定と戦うことで、貴重な時間が浪費されるからです。

GoogleはGmailでやりたい放題できます。何しろ彼らの製品ですから。全体としては筆者もGmailが好きです。しかしこの新インターフェースは、遅く、安定性が低く、フォントは悪く、クイックメールアクションが使いにくく、無関係な候補が表示されます。筆者にとってそれは進歩ではありません。何も良くしていません。まあいいでしょう。この小さなガイドが、皆さんの効率と生産性を少しでも取り戻す助けになれば幸いです。Gmailが視覚的なおしゃれ度だけでなく、エルゴノミクスと健康も考慮してくれることを願います。結局のところ、大切なのはユーザーなのですから。ここ数年のどこかで、IT業界全体でそれが忘れられてしまったのです。それでは、ボーグの仲間たちよ、ごきげんよう。

それではまた。