Daily UI #013〜#020を終えて。振り返りまとめ

Daily UI #013〜#020を終えて。振り返りまとめ

Daily UIをはじめてから記事を執筆している時点で20日が過ぎた。5分の1を終え、気が向いたら出しているブログを書いていこうと思う。#001から#012までの振り返り記事はこちらからご覧あれ!

#013 Chat UI

13日目はチャットお題だった。名前よりもビジュアル(プロフィールとかの写真)の方が誰なのか判別しやすいなと感じたので、名前ではなく写真を全面に押し出す構成にした。設定によって既読を表すチェックマークを表示するか選べるイメージだ。

# 014 Timer

14日目はタイマー。Apple Watchアプリのタイマーをイメージ。残り時間を中央に表示して、周りのサークルも残り時間を視覚的に表している。

#015 ON・OF

15日目はオンオフのボタンがお題。iOSのデザインを踏襲しこのデザインにした。一つ反省としては、これではたしてアクセシビリティがいいのかということ。目が悪い人だけではなく疲れると元気な人でもご操作してしまうこともある。アイコンなどを使ってもうちょい工夫できた気がする。

#016 PopUp

16日目はポップアップ画面だ。ここはシンプルにメールで購読するポップアップみたいなものを作ってみた。トレンドのグラデーションをボタンに取り入れてみた。

#017 Email Receipt

17日目はメールのレシート。Amazonやapple storeなどを使うとその際にくるが、モバイルファースト時代なのになぜかPCビューのままだったりする印象がある。そこで、モバイルに最適化しみてた。iPhone Xにした理由は、僕の受信箱のメールボックスのレシートメールはこれくらいだったから(笑)

#018 Analytics Chart

18日目のAnalytics Chartは、グラフ感を出すために何度か収録前に練習しました。グラデーションも少しグラフに取り入れてみた。ブロガーとして活動するときに気になるPV、UU、収益を1画面で確認できるアプリを想定した。(Instagramで海外の方に褒められたのが嬉しい)

#019 Leader board

19日目は、Daily UIのお題の中で一番イメージができなかったもの。スポーツを普段やらないし見ないので得点ボードがあまりなかった。そこで、このDaily UIも一人だと辛いが仲間と一緒にやることで人間は長続きするのではないかと考え、チームを組んでランニングの時間と距離で競えるアプリを想定して作ってみた。

#020 Location Tracker

20日目のお題は、Location Trackerだ。後ろの地図から四角形を一個一個並べていったわりに、あとから見るとそれっぽく見えていてお気に入り。ホワイトを貴重にごちゃごちゃしたイメージのある地図をシンプルに落とし込んでみた。

まとめ

20日目を終え、まだまだ5分の1、もう5分の1なのかわからないが、アウトプットの質を引き続き上げていきたい。そしてYouTubeをコンテンツとしてもう少しテコ入れしたいと考えいる。YouTubeの方は作業の風景を早送りして每日公開しているので、ぜひチャンネル登録を