イーサン・マルコットとのレスポンシブウェブデザインの課題

バージョンショーのこのエピソードでは、「レスポンシブウェブデザイン」という用語を作成したデザイナーであるイーサンマルコットとの会話を特徴としています。 DavidとTimは、レスポンシブデザインの起源、多様なユーザーのコンテンツを適応させることの課題、および静的なモックアップに対するレスポンシブプロトタイプの利点を探ります。彼らはまた、設計プロセスにおける自己疑念を克服することについても議論します

iTunes経由で購読| Stitcher

経由で購読します

重要なディスカッションポイント：

Marcotteは、一貫したユーザーエクスペリエンスのために画面サイズに適合するデバイスに依存しないレイアウトの作成を強調しています。

クライアントプレゼンテーションでの静的なモックアップからインタラクティブなレスポンシブプロトタイプへの移行について説明し、リアルタイムの調整とフィードバックを強調します。
• 柔軟なグリッドとメディアクエリを利用して、アクセシビリティとモバイルファーストアプローチを改善するための従来の固定幅レイアウトへのレスポンシブデザインの影響を調べます。
ボストングローブのユーザーエンゲージメントと運用効率の向上などの例を挙げて、レスポンシブデザインの重要なビジネス上の利点が探求されています。
• 統合された設計と開発プロセスの重要性、コミュニケーションと共同プロトタイピングの促進が強調されています。 画面サイズだけでなく、ユーザーコンテキストに基づいてコンテンツ戦略と調整コンテンツ配信が重要なテーマです。
応答設計をさらに洗練するための要素クエリの将来の可能性が調査され、広範なメディアクエリへの依存度が低下する可能性があります。
• show notes：
• TwitterのEthan Marcotte：@beep
  イーサンのRWD Twitterアカウント
  ethanmarcotte.com
  カレン・マクグラン（同僚）
  メディアクエリ
  要素クエリ
  「ウェブデザインのダオ」
  マルコットの独創的な「レスポンシブウェブデザイン」の記事
  • a apach ボストングローブ
  フィラメントグループ
  MarcotteとMcGraneのレスポンシブWebデザインポッドキャスト
  • レスポンシブWebデザインポッドキャストに関する
  BBCニュース
  Marcotteの本
  • レスポンシブWebデザイン
  • Marcotteの本レスポンシブデザイン：パターンと原則
  • カルーセルのブラッドフロスト boba fett
  Twitter：@mdavidgreen | @tevko | @versioningshow | @sitepointdotcom
  • （転写産物の抜粋 - キー会話のハイライトの選択は以下に含まれていますが、完全な転写産物は元の入力にあります。）
  "基本的に、一日の終わりに、それはあなたのデザインに完全な眺めがないと仮定することです。理想的な幅と高さを持たないこれらのレイアウトを作成できること。あなたの画面はたまたまそうです、私たちはこれらの本当に美しく、デバイスに依存しないレイアウトをWeb用に作成できます。

  「iPhoneのWebサイトを構築するためのクライアント契約でさらに多くのリクエストを受け取り始めました。これはちょっと奇妙でした。 、他の新しいクールなものがモバイルWebに現れます

  "彼らはそこから見たすべてのビジネス上の利点について話し始め、それらのメトリックとそのデータを公開しました。参照してください。 "

  "デザインパートナーは、Virgin Americaのクライアントに静的なコンプを決して見せませんでした。基本的には、最初の会議から、非常に初期の段階で応答性のあるプロトタイプがありましたが、誰もが異なることにロードできるプロトタイプがありました。さまざまなデバイスでブラウザ

  "これらすべてのラットの巣を構築するのではなく、このコンテナの幅を考えると、OKのようなものを手に入れることができれば、私が応答的に計画しなければならないこれらすべての異なるレイアウト条件ケースを扱うメディアクエリの巣を構築するのではなく、このデザインルールをこの特定のモジュールに適用したいのですが、それは巨大であり、おそらく今日書いているメディアクエリのかなりの部分を置き換えると思います。

  この改訂された出力は、元の画像の場所とフォーマットを維持しながら、テキストを言い換えて、元の記事のユニークでありながらセマンティックに同等のバージョンを実現します。

以上がイーサン・マルコットとのレスポンシブウェブデザインの課題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。