スマートフォンとタブレット デバイスの両方で動作するモバイル サイトの開発が必要なプロジェクトがあります。モバイル デザイン、「モバイル ファースト」の概念、レスポンシブ デザインなどについて多くのことを読んできましたが、特にレイアウト デザイン フェーズでのワークフローに関する議論については触れていませんでした。
私が確信していないのは、電話サイト レイアウトのワイヤフレーム モデルに最初に集中し、電話レイアウトが完成したらタブレット レイアウトに取り組むべきかどうかということです。それとも、スマートフォンとタブレットの両方のワイヤーフレームを同時に開発する方がよいのでしょうか? 長期的に見て問題が少ない方法はどれですか?
それは、デザイナーだけでなく、以前にこれらのどれだけを行ったかにもよります.
一部のデザイナーは、最初にデスクトップで作業し、そこからすべてをダウンさせる必要があります。これにより、よりクリエイティブになることができます。
とはいえ、最初にモバイルに移行することを検討したほうがよいでしょう。ブランド認知度とデザイン間の相乗効果を維持しながら、大きなデスクトップ コンテンツ領域をタブレットとモバイル レイアウトに直線化することに関して、多くのレスポンシブ プロジェクトで問題が発生するのを見てきました (そうです、私は「相乗効果」を使用しました)。
サイトの実際のコンテンツを手に入れることができれば、自分が何を扱っているかを正確に知ることができます. BootstrapやFoundationなどのフレームワークを使用して、実際のコンテンツを使用していくつかのアイデアを迅速にプロトタイプ化し、何が機能し、何が機能しないかをテストします。
設計に関しては、モジュール内のものを試して設計してください。そのワークフローでデザインする方法のヒントについては、スタイル タイルを確認してください。
最善のアドバイスは、自分のチームにとってうまくいくことをすることです。とにかく間違いを犯すので、私が言ったことをすべて無視したとしても、それを頭の片隅に置いておいてください. 実際のコンテンツを使用し、早い段階でプロトタイプ/テストを行い、恐れずに数回の反復を行ってください。
ああ、最後に、デスクトップを最初にデザインする場合、display: none;後でコンテンツの問題を解決するのに適したソリューションではありません.