Webデザイナーのためのベストプラクティスレスポンシブレイアウトまたはネイティブアプリ？ [Op-Ed]

モバイルが未来であることを否定することはできません。グーグルがデスクトップよりもモバイルでより多くの検索が行われていることを確認して、彼らがまだ持っていなければすべてのウェブサイトが本当にモバイルになるべきであることは非常に明白です。.

ただし、レスポンシブレイアウトによるブラウザ内コンテンツとネイティブアプリによるアプリ内コンテンツの間には興味深い相違点があります。.

両方の分野を探索し、それぞれの選択の根源を掘り下げたいと思います。レスポンシブレイアウトの上で、Webサイトがネイティブアプリを使用するのはいつですか。サイトで両方を実行できますか？これらは今日のすべての新しい創造的なプロジェクトで尋ねられるべき重要な質問です.

ネイティブアプリの価値

ほとんどのスマートフォンユーザーは、お気に入りのプログラムをネイティブアプリに依存しています。 Facebook、Twitter、Instagramなどのすべてが独自のネイティブアプリを実行しています.

ネイティブアプリケーションはローカルオペレーティングシステム上で実行されるので、それらは非常に多くのものです。 アニメーション、UIデザイン、およびコンテンツ構成に関して、よりスムーズで簡単な操作. ネイティブアプリはUIガイドラインに準拠しており、それらはすべて一貫性があり、自然に仮定的なものです。スライディングメニューとタブバーの使い方をユーザーがよく知っていることが多い.

多くの主要な出版社がiOS StoreとGoogle Play Storeにブログ、Webアプリケーション、ソーシャルネットワークをカバーするアプリを持っています。しかし言うことは公正です 大規模サイト FacebookやTwitterのように 小規模なサイトよりもネイティブアプリから多くの価値を得る.

この議論は専門家の意見と主要な出版物が彼らの見解を提供しています。それはデザイナーにとってもクリエイティブエージェンシーにとっても非常に議論されているトピックです。.

しかし、ネイティブアプリケーションはエンドユーザーにとって便利であり、評価されています。唯一の変数は あなたのウェブサイトがモバイルアプリとしてよりよく機能するかどうかを決定する, または ユーザーが欲しいなら.

完全にレスポンシブなWebサイト：長所と短所

一般的な文脈では、レスポンシブWebデザインは常に良いことです。 Webデザイナーは、自分のレイアウトをあらゆる画面に完全に反応させ、順応性を持たせることによって何も失うことはありません。.

しかし、ネイティブアプリのコンテキストでは、いくつか考慮すべき点があります。はじめに レスポンシブWebサイトはブラウザのレンダリングエンジンに限定されています. スマートフォンでは、これはアニメーションが制限され、Flashがなく、ブラウザのレンダリングエンジンに依存していることを意味します。.

ネイティブアプリはスマートフォンやタブレットのコア機能を使用できます. アニメーションライブラリはネイティブではるかに強力です ブラウザにレンダリングされたCSSまたはJSよりも.

同じことがフォームの入力要素にも当てはまります。 データ転送とセキュリティの問題. 多くの人がPinterestのウェブサイト上でPinterestアプリを使用することを好みます。 Flipboard、Dropbox、Feedly、Gmail、その他の主要なWebサービスについても同様です。.

しかしそれらのウェブサイトは ではない レスポンシブレイアウトを提供する? 3つの選択肢があります。

モバイルWebユーザーにネイティブアプリのダウンロードを強制する
ネイティブアプリへのオプションのリンクを含むモバイルWebレイアウトを提供する
ネイティブアプリとは別にモバイルWebレイアウトを実行するだけです

Flipboardは、各ページの上部にバナーを配置することで、2番目の選択肢と一緒に使用できます。 Mobile SafariブラウザでFlipboardアカウントにサインアップすることができます。しかし、アプリを使用する方がはるかに簡単、迅速、そして直感的です。.

モバイルサファリで訪問している間、ニュースサイトZDNetは彼らのモバイルアプリさえ言及しません。ニュース記事や注目記事を含む典型的なレスポンシブレイアウトのように動作します。.

違い ユーザーエクスペリエンスにある. ユーザーにとって最適なものを決定する ほとんどのトラフィックが由来するゲージ.

覚えている モバイルアプリはデザインとプログラミングに時間がかかる. 彼らはしばしば Webサイトを構築するよりも多くの作業が必要. あなたのサイトのためのアプリが欲しいなら、それが本当の価値を提供するのに十分あなたの敏感なレイアウトを補完することを確認してください.

デスクトップ優先またはモバイル優先?

Web用にデザインするときは、最も広い幅から始めるべきですか、それとも最も小さい幅から始めるべきですか。フリーランサーや大手クリエイティブエージェンシーからもよく聞かれる質問です。.

非常にポピュラーな意見は、Luke Wroblewskiの本によって普及したモバイル優先のアプローチです。この方法は プログレッシブエンハンスメント これは基本から始まり、それを処理できる環境の機能性を高めます。.

あるいは、他の設計者は、次のものから振動するデスクトップ優先アプローチに傾いています。 “最初に携帯” に “携帯も”.

この戦略は、まずフルサイズのデスクトップモニタに必要なすべての機能を計画することによって機能します。それから、その考えから徐々に機能を縮小し、ブレークポイントを定義し、そして最終的にはスマートフォン用の最小のレイアウトにたどり着きます。.

ここに正しい答えはありますか？レスポンシブレイアウトは最小の画面から始めるべきですか、それともモバイルが最初の時代遅れの概念です?

一方をもう一方よりも選ぶことの唯一の欠点は、潜在的に 不足している機能. 携帯から始めてもいいです 機能を省略するか、より高い解像度でそれらを追加することを忘れないでください. デスクトップから始めて、次のようなレイアウトを設計できます。 モバイルで混雑しすぎていると感じる.

しかしどちらも正しいか間違っていません。最適なワークフローを選択してください。デザインを改善できるのであれば、大きな変更を加えることを恐れないでください。.

両方の長所

どの画面でも実行できる、完全にレスポンシブなWebサイトを構築することは、おそらく大多数の読者を満足させるでしょう。レスポンシブレイアウトがすでにある場合, あなたもモバイルアプリを気にする必要があります?

Modo Labsによるこの素晴らしい作品の中にあるように、答えは次のようになります。 ユーザー体験. 絶対的な決定的な答えはありません。それはどの方法が最良の消費形態を提供するかについてです。 あなたの特定のプロジェクト モバイルデバイス上。あなたのユーザーはモバイルアプリを望みますか？またはウェブサイトが十分すぎるか?

技術ニュースブログTechCrunchには、レスポンシブレイアウトと無料のモバイルアプリがあり、どちらも正当な理由がある。彼らのサイトは最近、米国の人々がテレビを見るよりもアプリでもっと時間を費やすことを確認する物語をカバーしました.

しかし、誰かがTwitterでTechCrunchにリンクしたらどうなるでしょう？誰かが自分のiPhoneでそのリンクをクリックすると、それはHTTPリンクなのでMobile Safariを開くことになります。レスポンシブレイアウトが便利になるのはこのためです。 誰もがあなたのアプリを望んでいるわけではありません.

確かに、何人かのユーザーはまだあなたのサイトを訪れたいと思っていて、無料であろうとなかろうとアプリをダウンロードすることを強いられずに訪れることを好むかもしれません.

プロジェクトごとの作業

レスポンシブ対ネイティブアプリの議論に対する最良の答えは 各プロジェクトを評価する ケースバイケースで最善のものを決定する.

私の経験から私は主張するだろう ソーシャルネットワークとインタラクティブWebサイトは、ネイティブアプリケーションから最も利益を得る. AndroidとiOSの両方に、APIに接続し、データベースクエリを送信し、Webページよりもきれいに機能することができるアプリケーションを構築するための大きなフレームワークがあります。.

ネイティブアプリのUIはソフトウェアのようにレンダリングされるので、CSSのプロパティやブラウザの制限について心配する必要はありません。これは ユーザーがログインして詳細な対話を実行する必要があるプラットフォームに最適.

しかし、レストランなどの一般的なビジネスWebサイトは、通常、応答性の高いレイアウトで最も効果的に機能します。特に、ネイティブアプリケーションの構築にかかる作業量を考えると、.

ブログやデジタル雑誌は、やや灰色の領域です。ネイティブアプリは一部のアプリケーションではうまく機能しますが、他のアプリケーションでは必要ありません。それは一般的にあなた次第です 市場規模とオーディエンス （つまり、技術に精通した人々）.

新しいインターネット出版物を立ち上げるときには、考慮すべきことがたくさんあります。始めたばかりの場合は、最初にWebサイトだけを構築することをお勧めします。そこから、ネイティブアプリが努力に見合う価値があるかどうかを判断するのが簡単になります。.

まとめ

言うまでもありません すべての 現代のウェブサイトは敏感であることから利益を得ます。ネイティブアプリケーションを構築するかどうかにかかわらず、サイトのレイアウトはレスポンシブであり、あらゆる画面サイズに対して柔軟である必要があります。マイナス面はなく、増加しているモバイルユーザーに安定したランディングページを提供します。.

一部のWebサイトでは、モバイル訪問者へのアプリダウンロードリンクが提供されています。これらは生産性が高く、あなたのウェブサイトのモバイルプラットフォームをマーケティングするのに役立ちます。しかし時々それはこれを提供する価値があります 義務ではなく代替手段として.

可能であればユーザーからのフィードバックを収集し、モバイルアプリに関する意見を評価します。あなたの訪問者が実際にネイティブのモバイルアプリについてどう思うかを学び、さらなる研究に基づいてあなたの決断を下すようにしてください.