モバイルファースト戦略で設計に逆のアプローチを取る

公開: 2016-12-05

あなたがモバイルが未来であるという意見であるならば、あなたは岩の下に住んでいます。この概念は、たとえば約8年前まで有効でした。インターネットの使用とWebインタラクションに関しては、過去数年間で世界はかなり進んでいます。いくつかの統計を見ると、世界中に45億人以上のモバイルWebユーザーがいて、米国のすべてのWebトラフィックの約47.3％がモバイルデバイスから来ていることがわかります。この種のモバイルの使用により、モバイルは未来ではなく現在であると言うのがより正当化されます。そして、そのような非常識なレベルのモバイルインタラクションは、本質的に設計戦略のパラダイムシフトを必要とします。レスポンシブデザインはまだ普及していますが、徐々に過去のものになりつつあり、「モバイルファーストデザイン」戦略が引き継がれています。

モバイルファースト戦略を選択する理由

名前が示すように、「モバイルファースト」とは、モバイルファースト向けに設計し、デスクトップに対してWeb要素を徐々に拡大することを意味します。これは、主にデスクトップに焦点を当て、Webサイトがタブレットやモバイルデバイスに回帰的に適応するレスポンシブデザインとは反対です。ここでのアプローチは、ワークフローだけでなく、さまざまなWeb要素の使用と表示に関してもまったく異なります。

コンテンツは主要な魅力の中心です

モバイルファースト戦略を念頭に置いて設計する場合、ハンドルを握るのはコンテンツです。ボタン、画像、アニメーションなどの雑然としたものはすべて後部座席に座り、ウェブサイトを必要最低限のものまで取り除きます。その見返りとして、ユーザーはWebサイトのルックアンドフィールがはるかにクリーンで洗練され、読み込み時間が短縮され、全体的なブラウジングエクスペリエンスが向上します。

ここではコンテンツが最優先事項であり、ユーザーにとって非常に魅力的なものである必要があります。長い形式のコンテンツはモバイルでの視聴には適していないという意見もありますが、これはまったく真実ではありません。人々は外出先で読むのが好きで、モバイルファーストのデザイン戦略では短い形式のコンテンツのみを使用すべきであると述べるのは偏見があります。実際、調査によると、人々はデスクトップ画面よりも携帯電話で読書を楽しむことがわかっています。

ここでの利点の1つは、既存のデザインを長い形式のコンテンツに適合させる必要がなく、デザインがコンテンツを中心としていることです。さらに、一部の人々は、デバイスごとに異なるコンテンツ構造とサイズが必要であると考えていますが、これは部分的に真実です。解決するための最良の方法は、コンテキスト固有のコンテンツを作成することです。つまり、コンテンツは、内容に基づいて任意のサイズまたは構造にすることができます。

プログレッシブエンハンスメントが優雅な劣化に勝る理由

一方では、優雅な劣化があります。これは、より大きな画面用に構築し、その後、より小さなデバイス用にそれを縮小することを意味します。一方、プログレッシブエンハンスメントがあります。これは、シンプルで最小限の形式でWebサイトを設計し、より高度な要素を使用して徐々にWebサイトを構築することを意味します。どちらのプロセスも最終目的の点では非常に似ているように見えるかもしれませんが、実際には大きな違いがあります。

グレースフルデグラデーションの場合は、デスクトップとそれに関連する機能の構築を開始します。これには、デスクトップのすべての機能を備えた本格的な開発プロセスが含まれます。これは、モバイルデバイスの場合でも不可能な場合があります。デスクトップに関してデザインを作成する場合、デザイナーは要素をいじくり回す余地がたくさんあります。同じデザインの視点をモバイルデバイスに移すと、このスペースは制限されます。その結果、おそらくウェブサイトを目立たせる要素の多くは、モバイル版では排除され、ウェブサイトはその魅力を完全に失います。

それどころか、プログレッシブエンハンスメントは、デザイナーがコンテンツと最小限のデザイン要素のみを使用してユーザーにスムーズでクリーンなユーザーエクスペリエンスを提供できる、小さな画面の最低限から始まります。より大きな画面に移動すると、アニメーションやモーショングラフィックスなどのより魅力的な機能を完全に表示できます。したがって、デザインが損なわれることはなく、Webサイトは両方のデバイスで同等に見栄えがします。そして、設計者なら誰でも、すでに存在するものを削減するよりも追加する方が簡単であることに簡単に同意するでしょう。

優雅な劣化により、デザインと機能を削減した後、最終製品がデスクトップほどモバイルでは魅力的に見えない可能性があります。それはしばしば中途半端な、あるいは機能しない傾向があります。ただし、段階的に拡張する場合は、モバイルエクスペリエンスに焦点を合わせ、小さな画面が提供できる最高のものを提供する方が簡単です。このすでに魅力的なエクスペリエンスに何か追加する必要がある場合は、デスクトップコンピューターの可能性に焦点を当てることで簡単に行うことができます。したがって、プログレッシブエンハンスメントは、本来あるべきほど優雅ではないことが多い優雅な劣化よりもはるかに優れた選択であると言うのはごく普通のことです。

モバイルファーストデザインは従うべき最善の戦略ですか？

他のすべての技術的強化と同様に、モバイルファーストの設計スキームには避けられないハードルがあります。レスポンシブデザインは、今日の世界に行く方法です。そして、それは本質的にモバイルファースト戦略と密接に関連するように構築されています。しかし、ここでは制約がはるかに顕著です。まず、画面サイズはほとんどのデザイナーにとって大きな問題です。大画面の不動産で何年も遊んだ後、彼らは今や縮小した画面サイズに対処しなければならず、それはイライラする可能性があります。多様性の範囲も限られています。しかし、デザイナーが理解できないのは、モバイルファーストのアプローチはデザインや美学ではなく、エンドユーザーエクスペリエンスに焦点を合わせているということです。スマートフォンを使ってウェブを閲覧する人が増えるにつれ、この戦略を適用すれば大きな前進となる可能性があります。厳密な設計者の観点から見た場合、これは従うべき最善の戦略ではないかもしれませんが、それは時間、実践、採用の問題です。それは、デザイナーや彼が快適に仕事をすることについてではありません。一度もありませんでした。彼らが行うことはすべてエンドユーザーのためであり、モバイルファースト戦略の成功は、「彼らの」モバイル体験が妨げられないという事実にのみ依存しています。結局のところ、スティーブ・ジョブズが有名に言っているように、「デザインは見た目や感じ方ではありません。デザインはそれがどのように機能するかです。」

あなたのビジネスウェブサイトのためのモバイルファーストのデザインをお探しですか？お手伝いします。今日お問い合わせください！