レスポンシブ Web デザインで考慮すべき 5 つの予算要素

[編集者注] この記事の著者である Brad Frost は、ニューヨークのデジタル インタラクティブ広告会社 R/GA のモバイル Web ストラテジスト、デザイナー、フロントエンド開発エンジニアです。著者は主に、レスポンシブ Web サイトと個別のモバイル Web サイトを簡単に比較し、レスポンシブ Web サイトを構築するための予算に関する考慮事項をまとめています。

まず最初に、実際の例から今日の話題を始めたいと思います。かつて、構築の初期段階でモバイル デバイスを考慮しなかった Web サイト プロジェクトがありました。しかし、その後の設計プロセスで、約 80% の顧客から「Web サイトは iPad でどのように見えるか」という質問を受けました。この問題に直面して、開発チーム全体がパニックに陥り、プロジェクト全体のスケジュールを再決定する必要があり、予算も増加し、最終結果は満足のいくものではありませんでした。

この話の教訓は、プロジェクトの開始時から多種多様なモバイル デバイスを考慮し、将来の予測不可能性を認識して前向きであることです。古いものは常に排除され、新しいものが常に出現するからです。

では、レスポンシブな Web サイトを設計するか、専用のモバイル Web サイトを構築するかを選択すべきでしょうか?

実は、この話題はほぼ解決しています。3G の普及により、携帯電話を使ってインターネットにアクセスする人がますます増えています。モバイルデバイスはデスクトップデバイスを上回り、インターネットにアクセスするための最も一般的な端末となり、レスポンシブなウェブサイトデザインが一般的なトレンドになっています。しかし、私はまだ両者の簡単な比較をしたいと思っています。レスポンシブ Web サイトの構築コストはモバイル Web サイトよりも安いのでしょうか? 最初は、モバイル Web サイトとレスポンシブ Web サイトの構築コストは似ているかもしれませんが、モバイル Web サイトにはさまざまなバージョンがあるため、その後のデータ更新と機器のメンテナンスには多くのコスト投資が必要ですが、レスポンシブ Web サイトにはそのような問題はありません。さらに、Galaxy Note のような小型タブレットや大画面のスマートフォンでは、依然としてグレーゾーンにあります。ページのモバイル バージョンを表示するか、デスクトップ バージョンのページを表示するかで、ユーザーは本当にジレンマを感じます。

レスポンシブなウェブサイトを構築する際に考慮すべき予算要因

個別のモバイル ウェブサイトと比較すると、レスポンシブ ウェブサイトのその後のメンテナンス コストは低くなりますが、レスポンシブ デザインが完璧であることを意味するわけではありません。予算の問題に関しては、1 ペニーでも重要なので、効果的な予算を立てることも必要です。レスポンシブな Web サイトを構築するときに考慮する必要がある要素は次のとおりです。

1. 時代の流れに遅れず、最新の動向を把握する

業界の最新の動向について全員に最新情報を伝え、チーム全員がレスポンシブ デザインを理解していることを確認します。最新の状況がわからない場合は、時間をかけて理解し、現在の傾向を確認し、一緒に進めていく方法について話し合ってください。

2. 突然の変化に対処するのに十分な時間

これはおそらく、予算を考える上で最も重要な要素です。多くの開発者は、典型的な「ウォーターフォール モデル」開発プロセスに精通している必要があります。「ウォーターフォール モデル」は、標準のデスクトップ ブラウザーに従ってのみ設計されます。これ以外には、他の設計および開発環境はほとんど考慮されません。問題が蓄積され続けると、さまざまな困難な問題に対処するために速度を落とさなければなりません。これが最大の欠点です。プラットフォーム間で同時に実行されるレスポンシブ デザインの出現により、マルチスクリーン時代においては、こうした厳格な線形プロセスは役に立たないものになってしまったようです。

もちろん、レスポンシブ デザインは「ウォーターフォール モデル」の開発プロセスと比較して、プラットフォーム間で同時に実行されるため、レスポンシブ デザイン プロジェクトを成功させるには、緊密な連携が絶対に必要です。開発プロセス全体を通して、避けられない困難な設計上の問題を解決するためにチームに十分な時間を与えてください。

3. テストと品質保証に費やす時間の増加

標準のデスクトップ ブラウザーに合わせて Web ページを設計する時代は終わりました。作業量が増えると、テストと QA の時間もそれに応じて長くなるため、時間の問題も予算を立てる際に考慮する必要がある要素です。また、「サポート」と「最適化」には違いがあるため、Web ページ全体がどのデバイスをサポートするのか、どのデバイスに最適化するのかについても事前に検討する必要があります。各デバイスを最適化したい場合、これは実現不可能です。予算が限られていることを考えると、包括的かつ将来を見据えた解決策が特に重要です。

4. 検査機器を購入する

機器の実際の操作とテストを実行することは非常に必要であり、テスト機器に別の予算を投資する必要があることを意味します。

5. チャネル戦略を理解する

多くのプロジェクト プランナーは、レスポンシブ Web サイト デザインを行う際に、プロジェクト全体を細分化されたバージョンに分割することを好みます。最初にデスクトップ バージョンを開発し、次にモバイル バージョン、最後にタブレット バージョンを開発します。実際、これはレスポンシブ デザインの本質から外れています。真のレスポンシブ デザインでは、これらのクロスプラットフォームの問題を最初から考慮し、より詳細な事前のフレームワーク構成、設計、テストを実施します。

Bradfrostweb経由

元のテキスト: http://www.leiphone.com/0704-danice-responsive-web-design-cost.html

元のタイトル: レスポンシブ Web デザインで考慮すべき 5 つの予算要素

キーワード: レスポンシブ、ウェブページ、計画、検討、大きな予算、計算要素、編集者、この記事、著者、Br、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化