2

レスポンシブ レイアウトの Web サイトを開発するクライアント (プロジェクトは受け入れられましたが、現在はさまざまな機能を説明する問題です) の詳細な見積もりを書いています。

この種の開発は初めてではありませんが、これは重要な説明であり、道を切り開く必要があります。

レイアウトは 300px 幅から 1200+px まで、事実上「あらゆる」デバイスとブラウザに適応しますが、それに対する私のコミットメントには少し迷っています. デスクトップのウェブサイトでは、サポートされるブラウザは「IE7+、FF、Safari、Chrome、Opera の最新バージョン」と契約書に簡単に記載できますが、レスポンシブなウェブサイトについてどのように記述しますか?

テストを実行することがわかっているデバイスがたくさんあります (PC、Mac、iPad、iPhone、2 つまたは 3 つの Android デバイスなど) が、クライアントに何を伝えればよいでしょうか? 「ウェブサイトがどのデバイスでも動作する」とは言えませんし、動作するデバイス/ブラウザの組み合わせの完全なリストを提供することもできません. そして、「私の叔父が Android 2.2 の古い携帯電話でウェブサイトを見たのですが、うまくいきません」ということで立ち往生したくありません。

さまざまなビューポートをシミュレートしてテストを実行するためのデスクトップ ツールがたくさんありますが、「本物」としてはほとんど機能しません。または、開発者が「契約上」参照できる標準が 1 つありますか? それをどのように管理していますか? また、クライアントに対するコミットメントは何ですか?

4

5 に答える 5

2

この経験を何度も経験してきた私が、クライアントにコンセプトを理解してもらうために私がよく見せている重要なポイントです。

  1. クロス ブラウザー、プラットフォーム (OS)、画面解像度、およびデバイスの画面サイズとは何ですか。私は、最新のスクリーンショットや W3C 統計のリンクを取得して、過去 2 年間の傾向とこの市場の方向性を示しています。レスポンシブなレイアウトが必要であることを明確に納得させます。
  2. これらのさらなる証拠が必要な場合は、Adobe Edge Inspect を使用して、少なくとも 2 ～ 3 台のデバイスで Twitter ブートストラップ、jquery UI、および jquery モバイル サイトを表示します。ラップトップ、タブレット、および電話はすべて同じネットワーク上にあり、サイトを参照して、さまざまなサイズにどのように反応するかを示します.
  3. IE7、IE6、Chromeframe、Android ネイティブ ブラウザと Android 上の Chrome、IPhone4 と iPhone5 ブラウザの長所と短所をまとめました。通常、私は彼らがどちらに傾いているかを見て、その電話の場合、その市場の長所と短所を彼らに知らせます。ほとんどの場合、これはアプリではなくレスポンシブ サイトであることを理解する必要があります。
  4. 提案書を作成するときは、「すべてのデバイスをカバーします」とは入れないでください。あなたは決してそれをすることはできません。現実的であること。これらの主張を書面で行う前に、仮想マシンとシミュレーターを作成して、少なくとも使用するフレームワークをテストしてください。VM または Virtual Box のセットアップは無料で、Linux と Eclipse または NetBeans を入手してダミーの電話とタブレットを実行し、その上でフレームワークを参照できます。
  5. 画面解像度と画面サイズについても、W3C 統計は非常に現実的で説得力があります。それらを使用し、firefox または chrome で解像度テストの種類のプラグインを使用し、過去の作業またはフレームワークのみのスクリーンショットをいくつか撮って、少なくとも関連する良さや実行できることと実行できないことの制限を示すことができます。

ここでの回答のほとんどは、W3C と統計の両方を使用してレスポンシブ レイアウトのルートを納得させる方法を追加したかっただけです。現在、人々を説得するためのオンラインのサンプル サイトは 100 万以上あり、過去 6 か月間、人々はステップ 1 だけで納得することがわかりました。

于 2013-02-03T04:41:27.487 に答える
2

レスポンシブ レイアウトでターゲットにするデバイス/ブラウザー
デバイスやブラウザーではなく、最小の解像度をターゲットにする必要があります。デザインのサイズを変更し、デザインが快適に機能しなくなることを確認してから、メディア クエリを使用して応答し、デザインを適応させる必要があります。

クライアント: 理想的には、コンセプトを顧客に説明する方法を探していると思います。あなたがする必要があるのは、可能な限り最高の体験を提供するという目標を伝えることです. 業界のベスト プラクティスに従っており、市場に出回っているほとんどのデバイスとブラウザーで「機能する」設計であることを顧客に正直に伝える必要があることがわかりました。

これが私が使用したい宣伝文句です：

プラットフォーム間の互換性: 膨大な数の Web ブラウザー、プラットフォーム、およびデバイスがあるため、Web サイトのユーザー エクスペリエンスは、表示プラットフォームに最適になるように変更される場合があります。

これが何を意味するのか説明したい場合、または説明を求められた場合は、次のように言います。

私たちは常にベスト プラクティスを使用して、Web デザインの業界標準を満たすようにしています。私たちは、すべてのメイン ストリーム プラットフォームでデザインが「機能する」ことを保証するために最善を尽くします。利用可能な Web アクセス可能なデバイスの数がますます増えているため、デザインがデバイス間で同一に見えることを保証することはできません.

また、常に新しいデバイスが作成されることも考慮する必要があります。そのため、主張を具体的にしすぎないようにする必要があります。そうしないと、市場に出回る次の iWatch または iFridge に対応するように設計を改良することになります。

本当に重要なこと、つまりコンテンツが表示されることを忘れずに伝えてください。ほとんどの場合、テキストと画像はほとんどどこでも機能するはずです。影、丸みを帯びた角、ビデオ (IE7)、メディア クエリなどの凝ったものは、常に機能するとは限りませんが、コンテンツを不明瞭にするべきではありません。

また、一部のフォーム要素はデバイスやブラウザー間で機能しないため、Web アプリケーションは少しトリッキーになる可能性があります。(例: ファイルのアップロード)。

うまくいけば、これが役に立ちます。

私は契約弁護士ではありません。さらなるアドバイスが必要な場合は、パラリーガルまたは法律に精通した友人にこれを実行してください。

于 2013-01-28T22:23:39.753 に答える
1

レスポンシブ Web サイトを設計するときに私が行っていることを次に示します。

古いまたはサポートされていないブラウザーが検出されると、Web サイトは応答性を高める jQuery 要素を単純に除外するため、固定幅のサイトになります。

さて、あなたはあなたのクライアントに何を伝えますか？

率直に言ってください。あなたのウェブサイトが最新のデバイスに対応するようになったことを伝えてください。古いデバイスの場合、Web サイトは見栄えがよくありません。いくつかの例も示してください。一部の大企業は、ブラウザが古く、Web サイトが適切に機能しないことをユーザーに知らせるアラートを表示するだけです。その一例がグーグルです。

したがって、基本的に、あなたのウェブサイトはすべてのデバイスで動作しますが、最新のデバイスやブラウザーで見栄えが良く、応答性があります.

于 2013-02-03T02:15:21.923 に答える