Design

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.8.26

709

地図のUIデザインで工夫のある3つのアプリ

目次1 「Retty」1.1 特徴:マップで近場の店がわかりやすく表示される!2 「Runtastic」2.1

「Retty」

このアプリは飲食店の口コミSNSアプリです。
飲食店口コミアプリといえば有名なところは数多くありますが、このアプリの特徴はなんといっても位置情報を使って近くのお店を探せるところです。

特徴:マップで近場の店がわかりやすく表示される!

アプリ内の「マップ」を押すと、位置情報を取得して近場のお店をジャンル別にアイコンでわかりやすく表示してくれます。
また、気に入ったお店を選ぶと店舗情報が出てきて、その中のMAPを押すと地図アプリが起動して道案内も可能なので、迷う心配もありません!

「Runtastic」

続いて紹介するのはアクティビティアプリ「Runtastic」です。
このアプリは位置情報を利用して、タイムや移動距離・消費カロリーなど様々な項目が測定・記録できる運動のミカタアプリです。

特徴:マップデザインのメリハリが効いていて見やすい!

runtasticのメイン機能の測定記録機能で表示されるマップなのですが、薄い色に濃い青ラインがルートとして表示されているので、メリハリが効いていて道筋がはっきりとわかり、とても使いやすいです!

「Swarm」

少し前に位置情報を使って行った場所をシェアできる「Foursquare」というサービスがありました。そこからメインだったチェックイン機能を移植して、機能追加をしたのがこの「Swarm」です。

特徴:行った場所をチェックインで記録&シェア!

このアプリのメイン機能は、「チェックイン」という訪れた場所を記録・シェアすることです。その機能のたのしみとして、トップ画面ではその日のチェックインしたところが時系列で表示されるので、旅行の際などは1日の終わりに巡ったところを振り返ったりするのも楽しいですね!


Warning: Use of undefined constant sidebar_widget - assumed 'sidebar_widget' (this will throw an Error in a future version of PHP) in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/sidebar.php on line 3

同じテーマの記事

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

986

スタイルを簡単に引き継げるStyle Inventory for Sketch


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.5.17

917

アクセシビリティの祭典2019に参加しました!


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.10.28

908

カメラのUIデザインで工夫のある3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.7.29

877

ニュースでUIの参考にしたい3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.5.20

867

N’s Creates のデザインチームがSketchをこよなく愛する理由


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152
N's Creates について詳しく見る