「モバイルファースト」は「パフォーマンスファースト」である必要がありますか?

著者: Monica Porter
作成日: 19 行進 2021
更新日: 20 六月 2024
Anonim
モバイルファーストインデックス(MFI)とモバイルフレンドリーの違い(あるある誤解)
ビデオ: モバイルファーストインデックス(MFI)とモバイルフレンドリーの違い(あるある誤解)

コンテンツ

「レスポンシブデザイン」は、私たちの業界における画期的な発見でした。イーサン・マルコットはこの用語を作り出し、本を書きました。それはすべての人にとって素晴らしい日でした。

しばらくして、Luke Wroblewskiは、開発者とデザイナーが協力してプロジェクト「モバイルファースト」を開始できる戦略を考案しました。このアプローチが作成されたとき、Wroblewskiには、この戦略を使用してアプリケーションを構築する必要があると感じた3つの理由がありました。

  • モバイルが爆発している
  • モバイルはあなたに集中することを強制します
  • モバイルはあなたの能力を拡張します

何が足りないのですか?

レスポンシブデザインとモバイルファーストはどちらも私たちの業界にとって革命的でしたが、まだ何かが欠けています。

さまざまな画面解像度とデバイスにわたって、できるだけ多くのユーザーにコンテンツを配信しようとしている場合、デバイスの機能とユーザーコンテキストを主要な原則の1つにすべきではありませんか?だから例えば...


  • ユーザーの接続と、大規模な資産に対するRTT(ラウンドトリップ時間)の影響について考えますか?
  • 特定の画面解像度に固有のアセットを配信するための戦略はありますか?

モバイルは爆発的に増加している可能性がありますが、ネットワークはすぐには変化しません。アプローチを変える必要があります。

価格プランの排出

私がこの辺りに流行語を投げているだけだと思う​​なら、私はそうです–そしてそれは問題の一部です。 RWDとモバイルファーストは流行語になりました。これらは、「アプリケーションにアクセスするすべての人にコンテンツを配信できるように、最初にモバイルデバイス上に構築されたレスポンシブサイトが必要である」と解釈されたばかりです。

Tammy Evertsが最近書いたように、「これまで以上にモバイル向けに最適化されたサイトがあります。では、なぜモバイルページが大きくなっているのでしょうか?」と十分に述べています。

ユーザーの価格プランを無駄にしないアプリケーションを提供する場合は、パフォーマンスファーストが考え方になる必要があります。


コンテンツをモバイルに配信することはできますが、パフォーマンスを考慮しない場合、何人の人がコンテンツを待っていますか?

私の見解では、モバイルファーストがプロジェクトを開始するときに考慮される戦略でさえあるべきかどうかはわかりません。カウボーイを待って、説明させてください...

流行語が私たちを殺している

最近、代理店がクライアントへの個別のサービスとして「レスポンシブウェブデザイン」を追加し始めていることに気付き始めました。私はWTFを意味しますか?静的サイトと比較して、レスポンシブサイトのクライアントに対してより多くの料金を請求することが許容できるとどのように感じることができますか?

レスポンシブウェブデザインは独立した存在ではありません。応答性の高い方法で構築することが、デフォルトのアプローチである必要があります。

これは、流行語が私たちを殺していることについて私が言っていることです。 RWDがまだ比較的新しい概念であるからといって、それがプロセスへのアドオンであることを意味するわけではありません。現在の概念に統合する必要があります。テーブルレイアウトから移動したときに、CSSを別のサービスとして追加しましたか?私はそうは思わなかった。

測定可能にする

パフォーマンスファーストのアプローチを取ると、ユーザーはあなたに感謝します。そして、あなたは自分自身に感謝するでしょう。なぜなら、パフォーマンスについて学ぶことはあなたがとても多くの素晴らしい知識を得るのを許し、それはとても多くの分野で役立つでしょう。それは誰にとってもお互いに有利です。


さて、読者の皆様に私の売り込みを提案させてください。

  • パフォーマンスファーストは測定可能です。このアプローチを検討するときは、パフォーマンスバジェットを設定することをお勧めします。予算を設定するということは、あなたが固執し、集中する何かを持っていることを意味します。あなたはあなたの全体的な目的が何であるかを理解しています。
  • パフォーマンスファーストはあなたにもっとお金を稼ぐでしょう。パフォーマンスはコンバージョンを増加させることが証明されています。
  • パフォーマンスファーストは、現在の状況に対する正しいアプローチです。モバイルは爆発的に増加しており、これは物事の始まりにすぎません。あらゆるタイプのデバイスが登場しており、これらのデバイスにアセットとコンテンツを表示できることが重要です。パフォーマンスは絶対に重要です。

私は自分の主張を理解したと思います。そして、今後どのようなアプローチを使用するかを知っています。この記事から何かを取り上げる場合、または1つの段落だけが頭に残っている場合は、それをこの最後の段落にしてください...

RWDがデフォルトである必要があります。現在、パフォーマンスは多くの人にとって大きな問題です。それに対処することは、幸せなビジネスと幸せなユーザーを保証することが証明されています。パフォーマンスファーストFTW。

言葉: ベン・クーパー

以前はTH_NKでしたが、BenCooperはClickscoでフロントエンド開発者として働いています。彼の主なスキルはCSSアーキテクチャとフロントエンドパフォーマンスであるため、大規模なコードベースでの作業は彼にぴったりです。

魅力的な投稿
最高のインフォグラフィックの63
読む

最高のインフォグラフィックの63

最高のインフォグラフィック:クイックリンクインフォグラフィックに関する最高のインフォグラフィック 世界やジャンルを探る リストを説明する 指示を与える 比較する プロセスを説明する 重要な調査結果を報告する タイムラインを提示する 複雑なデータを簡素化する ハウツーガイド最高のインフォグラフィックは、何とか厳しいデータ、複雑な情報、または紛らわしいタイムラインを取得し、それを非常にクリアなグラフィ...
iPhoneなしで生活するための学生ガイド
読む

iPhoneなしで生活するための学生ガイド

今日の学生は、携帯電話、タブレット、ラップトップを多用しています。では、これらのガジェットが存在しなかった1970年代に、どのように対処したのでしょうか。この素敵な小さなインタラクティブなグラフィックは、英国の学生生活が何十年にもわたってどのように変化したかを振り返ります。ファッション、テクノロジー、社会生活をカバーする風変わりなイラストは、物事がどのように変化したかを示し、ポップアップボックスは...
ウェブ上で最適に機能する3種類の画像
読む

ウェブ上で最適に機能する3種類の画像

視覚的なストーリーテリングでは、通常、象徴的な画像、象徴的な画像、指標的な画像の3種類の画像を適用します。 Webデザインに「最適」な画像の種類はありません。それぞれを同じプロジェクトで同時に使用して、目的の結果を得ることができます。各タイプの画像の特性を見てから、最適な使用シナリオを調べてみましょう。Vi ual torytellerのWebデザインガイドで説明されているように、象徴的な画像はす...