web-dev-qa-db-ja.com

モバイル第一の観点からウェブサイトの再設計に取り組むことに問題はありますか?

私は「モバイルファースト」という本を読み、指摘された点の多くに同意します。ただし、モバイルワイヤフレームのセットを作成してからデスクトップを作成するプロジェクトにはまだ取り組みません。私はまだ逆のデザインをしています。新しいWebサイトの再設計にモバイルファーストのアプローチを採用することに少し神経質になっています。モバイルファーストの観点からUXにアプローチすることに問題があるのではないかと思っていました。最初にデスクトップについて考える方が実際に良い例はありますか?

8
Reloaded

モバイルは最初に問題にアプローチする多くの方法の1つにすぎないことを覚えておくことが重要です。それは優れた方法論ですが、なぜそれを使いたいのか。これはツールであり、非常に便利なツールであっても欠点があります。

モバイルエクスペリエンスは、Webエクスペリエンスの小さなバージョンだけではありません。ほとんどの人はそれに同意するだろうと確信していますが、その結果モバイルとWebエクスペリエンスはさまざまなコンテンツと機能を提供できます(多くの場合、そうすべきです)あなたのウェブサイトが提供するものに。

これが当てはまり、完全なアプリケーションを早い段階で利用できるようにする必要がある場合は、Webを先に設計し、モバイルエクスペリエンスに意味のあるものだけをモバイルバージョンに含めることをお勧めします。

製品がシンプルで、すべての機能がWebとモバイルの両方に適している場合は、最初にモバイルを使用することをお勧めします。しかし、それらが根本的に異なる経験である必要がある場合は、代替案を検討します

この問題に関するいくつかの役立つ記事:
モバイルを最初に考える
モバイルが時々多分
モバイルファーストデザイン:優れている理由と見栄えが悪い理由

5
JohnGB

いや! モバイルファーストのWebデザインは、アイデアを必須の要素に絞る必要があるためスマートです。デザインを「単純すぎる」ものにするために誰もトラブルに巻き込まれず、いつでも要素や機能を追加できます。どんどん大きくなる画面に合わせて構築します。

現在、モバイルサイトが妨げるWebサイトの要素がいくつかあります(モバイル速度のロード時間とDSL速度の比較など、サイト上の大きなスプラッシュ画像と直接対立します)が、ほとんどの場合、これを回避することで回避できますこれらの要素は、サイトのより大きなバージョンやレスポンシブ画像を使用する場合にも役立ちます。

最初にデスクトップでデザインするのが良いのは、デザインがデスクトップ以外で使用されることがない場合だけです。キオスク設定のように考えてください。つまり、ユーザーがモバイルデバイスのデザインにアクセスしない場合は、それらのデバイスを考慮に入れる理由はありません。

しかし、ほとんどのウェブサイトでは?あなたは誰かがモバイルデバイスでそれらを訪問しようとすることを想定するべきです。

4

この本はHTMLの構造について話していると思います。基本的に、デザイナーは、小さな画面に合わせて最適化する必要がある場合にどのように見えるか、またサイトが機能するために必要な要素についても考える必要があります。

設計を開始するための正しい方法や間違った方法はありません。小さな画面でも大きな画面でも機能するために必要なことを覚えておいてください。

また、現在、Photoshopを最小限に抑えることを提案する多くのデザイナーがいます: ブラウザーでの設計

1
Igor-G