web-dev-qa-db-ja.com

「モバイルファースト」とはどういう意味ですか?

そのため、私はこの質問に対する正当な答えを数日間探し続けてきました。私はAwwwardsの最近の出版物 Trends Web and Mobile 201 でインタビューを読みましたが、2013年に焦点を当てるべき点に関して次の回答があります。

HTML/CSS/JS、モバイルファーストレスポンシブデザイン、WordPress、ExpressionEngine/otherCMSの。

mobile-firstはどういう意味ですか?

12
Ryan Rich

最初にモバイルとは、モバイル向けに設計することから設計プロセスを開始することを意味します。それが完了したら、PCのデザインを簡単に変更できます。

これの背後にある主な理由は、あなたが自発的に自分をモバイルに制限するとしたら、何が本当に重要で何に焦点を合わせる必要があるかについて決断を迫られるからです。そうすることで、最初にPC用に設計するときに、決して強いられない決定を下すことができます。その結果、ほとんどの場合、焦点が絞られ、よりクリーンで使いやすいデザインになります。

モバイルデザインをPCに変換するのは本当に簡単ですですが、通常、PCデザインをモバイルに変換するのは非常に困難です。


このトピックに関する適切なリファレンスは、Luke Wroblewskiによる Mobile First です。

この理念に従ったサイトの
Clagnut
バッグチェック
アムステルダム国立美術館 (オランダ国立博物館)

19
JohnGB

モバイルという用語は、2009年に Luke Wroblewski によって導入されました。これは基本的に、モバイルのバージョンを設計することによって設計プロセスを適応させることから始まります。最初にアプリケーション、次に上向きに(つまり、タブレット、デスクトップ)逆方向ではありません。

これは、 Wroblewskiの最初のブログ記事 からの洞察です。

  1. モバイルが爆発的に増加しています:Webはモバイルデバイスで長年アクセス可能ですが、今日のスマートフォンはネットワークアプリケーションやWebコンテンツの大量使用を推進しています。モバイルを最初に構築することで、企業は、次の大きなコンピューティングプラットフォームであると広く考えられているこの非常に急成長しているユーザーベースが利用できるエクスペリエンスを確保できます。

  2. モバイルはあなたに集中することを強制します:モバイルデバイスはソフトウェア開発チームがアプリケーションの最も重要なデータとアクションのみに集中することを要求します。優先する必要があります。したがって、チームが最初にモバイルを設計すると、最終結果は、今日のデスクトップアクセスのWebサイトを散らかす余分な回り道や一般的なインターフェイスの残骸なしでユーザーが達成したい主要なタスクに焦点を当てたエクスペリエンスになります。

  3. モバイルは機能を拡張します:新しいモバイルアプリケーションプラットフォームは、多くのPCベースのWebブラウザーを後押しするエキサイティングな機能を導入しています。 (例:GPS、デジタルコンパス、マルチタッチ入力、加速度計など)。最初にモバイルを構築することで、チームは、機能の完全なパレットを利用して、時代遅れの機能セットに限定する代わりに、豊富なコンテキスト認識アプリケーションを作成できます。


トピックの素敵な紹介が必要な場合は、An Event Apartでの彼の講演をご覧ください: video および slides

6

私は(例、参照などを使って)より詳細な回答を書くのが面倒ですが、私が聞いたモバイルファーストのデザインの最もよいアナロジーは Clarissa Peterson からのものです:

あなたが動いているようにそれを考えてください。マンションに住んでいて、小さなアパートに引っ越さなければならない場合、すべてのものを置く場所を見つけるのは本当に難しいです。最初に小さなアパートに住んでいる場合は、少ないもので済む方法を学び、邸宅に引っ越したときにさらに多くのものを追加できます。

モバイルファーストのデザインは、まずアパートに住んでいて、タブレットやデスクトップなどに行くと、より大きな家に移動します。

5
Brad Orego

Webデザインのコンテキストよりも大きいです。

たとえば、iOSだけで始まったサービスであるInstagramを見てみましょう。彼らのサイトは基本的に長い間App Storeへのリンクでした。彼らは徐々により多くのプラットフォームに拡大し、より多くの機能を彼らのウェブサイトに公開しました。

1
ola