web-dev-qa-db-ja.com

モバイルアプリでの情報階層と可読性の表示

私は、トレーニングログフィットネスアプリである個人プロジェクトに取り組んでいます。食事セクションでは、食事があった時間と彼らが食べたすべての食べ物を表示します。各食事は上から下に区切られています。食品の説明は、コンマで区切られた2行に分かれています。それが良いアイデアなのか、それともユーザーに読みやすさの問題を引き起こす可能性があるのでしょうか。

enter image description here

みんな素晴らしいアイデアだし、他のことも考えた。 myfitness palアプリを見て、食べ物を上から下に並べる方法が好きだったので、いくつかの食べ物を追加しても、たくさん追加しても、積み重ねられてユーザーが読みやすくなっています。 myfitness palが行った朝食、ランチ、ディナーの代わりに、食事と呼んでカテゴリを分けています。また、食事のカテゴリーの右側に食事の時間を追加することで、彼らがどのように改善できるかを見ました。これが私が思いついた解決策です。

enter image description here

4
ralfnyc

ほとんどの人が1食あたり多くの食品を追加しないと仮定します(多くても6食としましょう)各食品を上下に配置することをお勧めします。スキャンがはるかに簡単だからです
参考として、レシピを提示する一般的な方法でもあります。

ところで、私はデザインの「レイヤー」を減らすようにしています:

  • タイトルと時間ボックスに明るい色を使用して、視覚的なクラッチを減らします。

  • 毎回の食事は1回だけですか?その場合は、それらをマージします。
    食事2(11:00 AM)のようになります。

1

私は6か月間、健康的な食事に関する調査を行ってきました。play/ App Storeでの最高のアプリケーションの調査に基づいて、

  • 失った
  • 栄養メニュー
  • MyFitnessPal
  • 私の個人的な食事

そのプロジェクトでの私の経験に基づいて、これには「1つのサイズですべてに当てはまる」パターンはないと簡単に言えますが、形成的評価を行い、ターゲットユーザーを関与させることをお勧めします。これとそれらを表示し、コメントを取得して評価します。以下は、ニースのレイアウトパターンです。

enter image description here

さらに、マテリアルデザインを使用してアプリケーションを構築する場合は、より創造的になることができ、製品カードを使用できます。レイアウトを作成するときは、デザインを最小限に抑え、一貫性を保つようにしてください。可能な限りコンテンツを減らし、「私は個人的に写真の使用を避けた」という詳細の重要性を示します。メモを表示したい場合は、「メモビューアーボタンを実装する」ことができるので、ユーザーがその食事について書いた内容を確認したい場合は、その機能を簡単に有効にできます。

1
Serag Alzentani

WordPressのように、食品アイテムをタグにしてから、頻繁に食べられるアイテムのクラウドを作成します。これにより、ユーザーが新しい食品を追加し、頻繁に食べられるアイテムを入力しやすくなります。アイテム、および間違いを削除します。

また、昨日の食事をコピーして編集する機能があると便利です。

頻繁に食べられるアイテムを選択するための可能なポップアップボックスを次に示します。 food and drink selector

食事のリストは次のようになります。

food and drink listing

0
Yvonne Aburrow

フィットネスアプリなので、一食一食あたりの消費カロリーを知りたいと思っています。 Seragが共有する画面はそれをうまく行います。

また、食事ごとの予算と、食事の過剰/不足の程度を示す値を追加することもできます

Myfitness palで見られるもう1つのこと-栄養素が多い食品をログに記録するたびに、アイテムのすぐ下に「この食品はタンパク質が多い」というような小さな一時的なメッセージが表示されます

それは、健康と予算を維持したいという経験全体に追加されます。

0
JustAnotherPM

その下に名前のある食品のアイコンが表示されたHorizo​​ntal RecyclerViewをお勧めします。ティックアイコンを使用して、各アイテムが実際にあったかどうかを示すこともできます。あなたがそれにアイテムを含む国会を維持している場合。

例: https://www.google.co.in/search?q=play+store+ui&client=ms-Android-oneplus&prmd=inv&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjy3MKn3KnKAhVBcI4KHUAYDuUQ_AUIByB imgrc = 91JsKUjMAczTeM%3A

このリンクの3番目のスクリーンショットは、評価やジャンルなどのアイテムを示しています。そのため、より魅力的で、理解が深まります。

0
Keshav