新しい Gmail インターフェースを変更して従来の Gmail に近づける

最近、Google は古い (従来の) Gmail に戻す機能を持たずに、Gmail ユーザーに新しい外観を適用し始めました。数日前までは、古いバージョンに戻すことができました。もう違います。問題は、新しいインターフェースが主にモバイル向けに設計されていることです。見た目は美しいが、人間工学的に劣っている.

あらゆるモバイル製品と同様に、あらゆる場所で、銀河全体で、デスクトップに適用されると、機能したり、本来のように見えたりしません。ここでの主な理由は、Roboto フォントの使用です。このガイドでは、古典的な外観を再現し、デスクトップ上で視覚的な明瞭さを向上させるために使用できるいくつかのトリックを紹介します.

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

変化を受け入れる必要があると人々は言うでしょう。いいえ、ありません。良い変化を受け入れ、そのために行われる変化や生産性を損なうような変化には抵抗する必要があります。 Google の製品、Google のルール、それで問題ありませんが、問題は、新しいインターフェイスがデスクトップでの使用に適していないことです。私は実際にこのことをテストするのに数日を費やし、遭遇したすべての問題を書き留めました.

新しいインターフェイスの読み込みが以前より遅くなりました (特に Firefox で)。新しいスプラッシュ アニメーションを含め、ログインから受信トレイに移行するのに約 2 ～ 3 秒長くかかります。ここですでに開発ロジックを確認できます。モバイル ユーザーは受信トレイに実際にサインインすることはなく、アプリはバックグラウンドで読み込まれることがよくあります。デスクトップでサインインしている場合は、時間の影響もわかりません。これがGoogleが目指している目標状態だと思います。ただし、Gmail アカウントにサインインして新しいメッセージを確認してからサインアウトすると、従来のインターフェースと比較して、読み込みごとに数秒のペナルティが発生します。

新しいインターフェースも数回クラッシュしました。受信トレイが読み込まれ、ログイン画面に戻り、次のログイン時にシステム エラー通知が表示されました。これは、以前のクラシック インターフェースでは決して起こらなかったことです。

新しいインターフェースは効率が低下します。たとえば、[返信] をクリックしてから入力する必要があります。これは、デスクトップに押し付けられた典型的なモバイル使用法であり、失敗します。追加のマウス クリック。人生の無駄。過去数年間に作成されたどの製品にもよく似ています。 Windows 10 の設定メニューと古いコントロール パネル、WordPress Gutenberg と現在の TinyMCE エディター。ますます多くのマウスクリック。人生は何かをするのではなく、何かをしようとして去っていきます。そのように平凡があります。ああ、人類よ。

Roboto フォントは準最適であり、Arial よりも見栄えが悪くなります。 Roboto フォントについては、私の POP!_OS Linux ディストリビューションのレビューで既に言及しました。これらのフォントは若い人にアピールし、携帯電話ではきれいに表示されるかもしれませんが、長時間の読書には適しておらず (モバイルでは行いません)、デスクトップではぼやけて表示されます。敢えて言う前に、それはあなたの設定であり、私の設定ではありません。 14 ～ 24 インチの範囲と HD 経由の 1366x768 ピクセルからフル 4K までの解像度を含む、さまざまなデバイスのさまざまなオペレーティング システムとブラウザーでこれをテストしました。 Roboto フォントはヒップでクールかもしれませんが、見た目には良くありません。

フォントが読みにくい、特に太字の項目。

今度は悪党のフォントに関する暴言を無視して...

新しいインターフェイスは、古いインターフェイスよりも読みにくくなっています。テーマ（公式のもの）を使用する場合、一部のボタンが背景画像に対して表示されない場合があります。 Gmail はテーマに基づいてライト/ダーク ボタンを使用しようとしますが、場合によってはうまく機能しません。これは、従来のインターフェイスでは発生しませんでした。 Robotoが好きかどうかは別として、これは良くありません。フォントをいじってみましたが (ご覧のとおり)、アイコンには別の解決策が必要です。ラベルがあっても、難しいゲームになる可能性があります。

また、アイコンが実際に何を意味するかを推測する必要もあります。

別の例 - 同じテーマ、異なる時間帯。他のフォント + ラベルを使用しても、これは読みにくいです。

新しいインターフェースには、スマートテキスト、メールの提案、ナッジなど、多くの新しいアクティビティが付属していますが、そのほとんどは逆効果です.たとえば、私は編集者から電子メールを受け取りました。そこでは、私のシステム管理倫理の本の章の 1 つについていくつかの提案が送られてきました。メールの最後に、Gmail には簡単な返信用のテンプレートがいくつかありました。

これは多くのレベルで恐ろしいことです。一つ、私はそのように書くことはありません。一度もない。 Google には私のメールがあり、すべてのメッセージをスキャンできます。これが「ディープ ラーニング」アルゴリズムが思いつく最善の方法でしょうか?これは、完全な文章を書くのに苦労している電話でのランダムなコードには有効かもしれませんが、これは私の知性に対する侮辱であり、編集者にこれを書くとしたら、彼らの知性に対する侮辱にもなります. 2 桁の IQ のサルのように返信した場合、ビジネスの評判を傷つける可能性さえあります。

新しいテクノロジーは気にしませんが、意味のあるものである必要があります。 VALUE を追加する必要があります。これにより、視覚的なノイズが追加されます。また、誰かが私がメールを書くのを手伝うのが自分の仕事だと思っていることをちょっと軽視しているようにも感じます.助けは必要ありません、ありがとう。

実際、この新しいインターフェースは、Gmail からの移行を開始するきっかけになるかもしれません。戦略的なオーバーホール。私は軽々しく決定を下すことは決してありません。これは一夜にして起こる革命ではなく、物事を慎重に計画し、シームレスで効率的な移行を行うのに数年かかるものです。しかし、2 桁の IQ を持つ愚かなスマートフォン ユーザー向けに設計された製品を使用する必要がある場合は、量子レベルで拒否します。とりあえず、以前の生産性を取り戻すためにできることをお見せしましょう。

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

しばらくいじってみたところ、新しい Gmail を深刻な目の痛みなしに実際に使用する唯一の方法は、アクセシビリティの変更を強制することであることに気付きました。ところで、Gmail の皆さん、視覚障害者にアクセシビリティ オプションを提供することで、テクノロジー業界に大きな違いをもたらすことができます。フォント ファミリとサイズの変更を選択できるようにすることで、製品開発が大幅に困難になったり複雑になったりする必要はありませんが、Gmail ユーザー全体にとっては大きな意味を持つ可能性があります。

とにかく、これを変える方法を考えてみました。 CSS オーバーライドを使用して Office Online の背景色を強制的に白にしたときと同様のことを行う必要があることに気付きました。ここでは、これを一定の変更として実装することにしました。つまり、Javascript のトリックです。既存のスクリプトを探してみたところ、良いベースライン テンプレートのように見えるものが見つかりました。これは、Gmail のフォント サイズを変更する Michael Hulse によるスクリプトです。スクリプトに微調整を加えて、Roboto から Arial まで、必要なファミリ フォントのオーバーライドも含めるようにしました。これは、古いクラシック インターフェイスのフォントでした。前のスクリーンショット。

GreaseMonkey &Tampermonkey

これを実装するために、Firefox では GreaseMonkey を、Chrome では Tampermonkey を使用することにしました。これは、オンデマンドでスクリプトをロードし、ページの動作と応答を変更できるブラウザー拡張機能です。この特定の編集では、変更は最小限です。いくつかの CSS クラスが変更されたため、別のフォントが使用されています。それで全部です。とてもシンプルです。とにかく、スクリプトは次のようになります:

// ==UserScript==
// @name Gmail のフォント タイプとサイズ
// @include https://mail.google.com/mail*
// @description Gmail を設定クラシック ビューへのフォント
// @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 ポイントが古いインターフェイスのデフォルトに対応していることに気付きました。さらに、フォント ファミリーの宣言としてサンセリフのみを使用するのが最も効果的であることにも気付きました。 Arial、sans-serif ではなく、sans-serif を使用します。以下を参照してください:

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

その他の変更

アイコンの代わりにテキストを使用してメール機能を表示することもできます ([設定] の下)。これにより、何をしているかの可視性が大幅に向上します。これは、従来のインターフェイスが行っていたことに精神的に近く、使用とナビゲートがはるかに簡単です。これ＋フォントの変更＝大きな進歩です。最適なコントラスト結果を得るために適切なテーマを見つけてください。

さらに、もちろん、新しい返信やナッジなどを無効にすることもできます。現在、現在変更できないのは、スマート リプライ機能です。どうやら、Google はデスクトップでこれを無効にする機能を追加する予定ですが、まだそこにはありません。したがって、別の調整が必要です。具体的には、Adblock Plus のような Adblocker を使用すると、カスタム フィルターを追加して安っぽいナンセンスな返信をブロックできます。 Adblock Plus の下で、[オプション] をクリックし、[詳細設定] タブに移動します。一番下にある [フィルター リストの作成と編集] で、[フィルター リストの作成を開始] をクリックします。

ボックスには、カスタム フィルターが必要です。以下を追加するだけです:

mail.google.com##.brb

保存して Gmail をリロードすると、スマート リプライは消えます。

最終的な外観

そして、ここに行きます、新品同様、つまり古いものです (Arial を使用):

また、CSS ルールでのみサンセリフを使用:

続きを読む

このトピックおよび関連トピックに関するその他の興味深い記事:

新しい Gmail の問題点

Roboto は 4頭のフランケンフォントだった

Roboto フォントに関する Unity フォーラムのディスカッション

結論

毎日、ますます多くの製品が完全にモバイル化され、デスクトップは窮地に立たされています。そしてそれによって、彼らはまた効率と生産性を置き去りにします。美学は機能性に勝ります。これにより、私は現代のテクノロジーの非常に悲しいユーザーになります.私の時間は、恣意的でクールで無意味に感じるデザイン決定と戦って無駄になっているからです.

Google は、Gmail でやりたいことが何でもできます。結局のところ、それは彼らの製品です。全体として、私は Gmail が好きです。しかし、この新しいインターフェイスが登場すると、速度が遅くなり、安定性が低下し、フォントが悪くなり、クイック メール アクションを使用するのが難しくなり、無関係な提案が表示されます。それは私の本の進歩ではありません。それは何も良くしません。まぁ。この小さなガイドによって、効率と生産性がいくらか回復することを願っています。私は、Gmail が人間工学と健康を考慮に入れ直すことを望んでいる。ここ数年のどこかで、それは IT 業界全体で忘れ去られています。気をつけて、ボーグの仲間たち。

乾杯。