web-dev-qa-db-ja.com

単一コンテンツ向けのカードベースのデザイン

Androidアプリのカードベースのデザインを作成して、ユーザーが一度に1つの質問に集中できるように、質問を表示する方法を教えてください。 —カードや画面を空っぽにしないで?

コンテキスト:私はAndroidビジネスコンサルタント向けのアプリを構築している学生向けソフトウェア開発者です。ビジネスメンバー間で行き交う正直なコミュニケーションを得ることができます。今、私はAndroidアプリを開発しています。これにより、彼と一緒に質問を1つずつ、またはリストで表示できます。

「質問表示」モードでは、一度に1つの質問が画面に表示されます。また、おそらく右から左にスワイプすることによって、ある質問から別の質問に移動するためのきちんとした/直感的な方法が欲しいです。

事業主はソフトウェアについて何も知りません。彼は以前にグラフィックデザイナーと仕事をしたことがありますが、そのグラフィックデザイナーは以前にAndroid=と仕事をしたことがありません。したがって、私はデザインを作成しています。そして私は「その開発者になりたくありません」 「デザインで彼の運を試し、醜いものを作ります。

カードベースのデザインを使用して作成された カード中心のデザインの利点 に関するこの記事は、このアプリにとって素晴らしいアプローチのように見えます。グーグルのカードの例 Material Design Standards は、かなりすっきりとエレガントに見えます。

頭に浮かぶ最も単純なデザインは、画面全体を占め、単一の質問を表示するカードを持つことです。これは空っぽすぎるようです。一方、表示されている質問からユーザーの注意をそらすような内容で画面を埋めたくありません。質問を表示することがアプリの目的です。

カードに配置する他のコンテンツを検討した可能性:

  • 質問のテーマに関連する画像
  • ボタン/コンサルティングビジネスウェブサイトへのリンク

私はどんな提案にも感謝します。

1
Timothy Steele

さて、あなたはカードの概念を少し誤解していると思います、そしてあなたが使用しようとしているのはシートです。あなたのリンクから見る:

カードは、一意の関連データが記載された紙であり、より詳細な情報へのエントリポイントとして機能します。たとえば、カードには写真、テキスト、および1つの件名に関するリンクを含めることができます。

カードの幅と高さは一定です。最大の高さは、プラットフォームで利用可能なスペースの高さに制限されますが、一時的に拡張することができます(たとえば、コメントフィールドを表示するため)。カードは裏返して裏面の情報を表示しません。

つまり、変数の高さ属性とサブジェクトの一意性がありません。

基礎

Material or not Material、他のアプリがあなたのようなシナリオにどのように対処するかについて、- "Getting入力 "UIパターン 。このように、あなたは例によって学び、何をすべきか、何を避けるべきかを知ることができます

物質主義に行こう!

上記はUXとUiの原則の一般的な適用に関するものですが、あなたはあなたが何を望んでいるかについてかなり明確な考えを持っているようです。それでは、いくつかのマテリアルサンプルに移動しましょう。そこから、特にこれらを見てみることをお勧めします

enter image description here

enter image description here

enter image description here

enter image description here

ご覧のとおり、これらのすべてのアプリは、美しく快適な方法で空白を扱います。だから空白を怖がらないでください!

それぞれに

優れた設計者はこれらの問題を抱えていないことを覚えておいてください。なぜなら、彼らはこれらのスペースやアプリの外観をどうするかを知っているからです。あなたが不安を感じる場合は、特にアプリがクライアントやあなたにとって重要である場合は特に、これをプロのデザイナーに任せることを強くお勧めします(たとえば、悪い仕事をするとクライアントを失う可能性があります)。

さらに、カードまたはカードがない場合、違いはありません。上記のサンプルでは、​​車を使用していないことがわかります(おそらく車を使用する必要がないためです)。

2
Devin