【UIアウトプット】DailyUI #018_Analytics Chart
シルスプのブログにようこそ
18日目の課題は、Analytics Chart
分析チャートというと思いつくのは
・株価チャート
・Google アナリティクス
・google Fitなどのヘルスケア
かなぁ
今までずーっとスマホを意識して作ってきたので、
今回の分析チャートもスマホで使えるものにします
Daily UI
https://www.dailyui.co/
１．課題
スマホの小さい画面でも、快適に確認できて、
変化もわかるヘルスケア系の分析にしよう！
参考にするアプリは、
・Apple ヘルスケア
・dヘルスケア
・あすけん
・FiNC
にしました。
２．取り組み
１）調査
ヘルスケア、歩数に関するものが多そうだけど、
せっかくなので、記録ダイエット見ないアプリを想定します。
記録ダイエットは、
岡田斗司夫氏の著書『いつまでもデブと思うなよ』で紹介されたダイエット法です。
食べたものや体重を記録することで食生活を改善し、
ダイエットを目指す方法です。
２）画面構成
記録ダイエットを想定しているので、
・体重
・食べたもののカロリー
・歩数
・運動したカロリー
を記載します
画面は、白地ベースにします
ポイントカラーは、元気ないイメージでモチベーション高く
見てほしいので赤にします
３．作品
DailyUI #018_Analytics Chart
４．感想
いつもながら無茶振りの課題です。
対応するアプリを考え出さないといけないので、結構しんどい。
こんな感じのアプリが欲しいなぁなどご考えながらやってました。
UI考えるより、アプリの内容を考えるほうが長かったなぁ
グラフ作成はエクセルでやりましたが、データ作るのが難しい。
５．まとめ
歩数の記録に消費カロリーを記載しちゃったので、
運動の記録も体重と体脂肪の記録一度に見れるようにしてしまった。
もう少し考えて、分けるべきだったかなぁと思います。
では、またねぇ～
