Daily Cocoda!#048

こんばんは！ありです。

今回のお題は『移動経路の表示画面』です。

1. ペルソナ

地方から転勤してきて初めての打ち合わせがある27歳男性営業マン。
会社支給のスマートフォンを使用している。
待ち合わせの場所には初めて行くため、駅から何分で着くのか知りたい。
最短ルートで向かいたいと思っている。

上記を踏まえ、作成したのがこちらです。

目的地を入れると自動で優先最短ルートの移動方法と時間が表示される仕様です。
自分が今どこを向いているのかがわかりやすいように△で方向を示しました。

歩きながらでも見やすいようにできるだけシンプルに作成しました。
電車の移動案内のところには路線と一番近い電車の時刻を表示しています。

2. 作り終えての感想

なるべくクリックする回数が少なくなるように目的地を入れると自動で優先最短ルートの移動方法と時間が表示される仕様にしました。

歩きながら見ても分かりやすいように地図上の現在地のマークや時間には白枠を付けました。
目立つようにしたのですが、もう１px細くてもよかったかな？と思いおました。