皆さんはアプリは普段よく使うアプリのUIを気にしたことはありますか？アプリは毎日開けれど多くの人はUIを気にしながら使うことは少ないのではないでしょうか。

アプリのUIにはユーザーが直感的に触れるようにしたデザインや、ターゲットを意識したデザインであったりと様々な意図があります。

今回は中でもよりUIの視点から優れていると感じたアプリを５つ紹介していきます。

UIの動きがわかるようgifも用意しました。ぜひ合わせてご覧ください。

paper

思いついたらすぐメモやスケッチ&共有できるアプリです。直感的に操作ができるのでサクサク記録やスケッチをすることができるUIが特長です。

Paperの直感的に操作できるUI

gifを再生する

例えば左右にスワイプすることで簡単にテキストを見出しにしたりリストにすることもできます。見出しのサイズは小・中・大と３サイズ。リストはラジオボタン風と黒丸はチェックをつけることもできます。TO DO LIST作成にも便利ですね！

gifを再生する

他にもスケッチ時にはベクターペンや鉛筆、水彩など７種類のペンからスケッチをすることができます。描いたイラストを複製する時は複製したいオブジェクトを選択をした後、別の指でタップをすることでスタンプ感覚で複製が簡単にできます。

gifを再生する

削除はオブジェクトを選択をした後、画面外に投げるように動かすことで削除ができます。感覚的に使えるphotoshopのようで操作方法に慣れたら爆速でメモやスケッチができるようになるでしょう。

Suzuri

minneでおなじみのGMOペパボ株式会社が運営をするグッズ作成、販売が出来るサイトです。SuzuriのUIはターゲット層を意識したユーザーを楽しませる、大胆なデザインが特長的です。

ターゲット層を意識したユーザーを楽しませるUI

gifを再生する

アプリを開くと現在販売中の商品が画面上からドサドサーっと落ちてくるようになっています。画面いっぱいに商品が敷き詰められたところで商品が落ちてくるのはストップしますが、上にスライドをしていけばまたとめどなく商品が落ちてき、ついつい商品を見てしまいます。このUIは確実に回遊率がアップしますし、画面を楽しくデザインできています。Suzuriで販売している商品にはポップな物が多く若者向けなので、この表示方法はぴったりだと思いました。

gifを再生する

Drink & Mona Lisa 「COFFEE」Tシャツ

またいいねの仕方も工夫されています。画面右に配置されているハートを押すと商品にいいねができます。いいねをすると商品の周りに自分のアイコンが表示され、続けていいねボタンをを押すと自分のアイコンがどんどん大きくなっていくUIになっています。

１いいねじゃ足りない、もっと好きを伝えたい！という購入者や商品の評価を知りたい出品者にも視覚的に伝わり、伝えたい、知りたいを解決できているデザインですね。

これからもバージョンアップされたUIを参考にしていきたいアプリの一つです。

i love fur

様々な動物の毛皮を撫でることができる少しマニアックなアプリです。撫でたい毛皮のアイコンをタップすると画面全体に毛皮が表示され、ひたすら撫でることができます。

動きを追求した毛のアニメーション

gifを再生する

毛のアニメーションが素晴らしく、指は２本でも5本でも反応し、撫で方によってできる撫で跡が様々でリアルに撫でいる感覚があります。いろんな撫で方をして動物のお気に入りの撫で方を発見した時には達成感があります。

毛皮はナマコ、シロクマ、ドラゴンなど現実にいるものから架空の生物まで現在７種類が公開されています。

Silent Log

自動でその日の行動を記録してくれるアプリです。

アプリを入れているだけで行動と写真を記録してくれるのでこちらが何も操作をしなくても自動で更新をしてくれます。使った経路を記録してくれるだけでなく、徒歩や電車など交通手段もわかるように表示されます。

円のつながりが１日の生活を感じさせてくれるUI

UIは歩数や交通手段、滞在場所が表示された円を縦に並べているデザインになっています。

円を動かすと少しボヨン、としたかわいらしいアニメーションが付いています。

この円のUIは統一されており写真の表示の時も全て円が縦に連なったデザインになっています。

１つ１つの行動は点ですが、集めることで線になっている１日の生活を感じさせてくれる良いUIだと感じました。

Scene

写真の管理、共有ができるアプリです。アルバムのURLを知っていればアプリを持っていない人でもアルバムにアクセスができるので共有に便利なアプリです。

このアプリのUIはアルバム作成から写真の追加までをできるだけシンプルにし、また操作も親指ひとつで苦なく操作できるように設計されているところが特長です。

シンプルさが使いやすさにつながるUI

Sceneではアルバムの作成、写真の選択、追加を画面遷移をせず１画面でできるようになっています。アルバムを表示する場合は写真一覧画面を左にスワイプをすることでアルバム選択、作成画面が出ます。

gifを再生する

追加したい写真を選択し、アルバムの上に持っていくことで追加することができます。アルバムに追加する時に吸い込まれるように写真が追加されるアニメーションが見ていて気持ちが良いです。

画面右はじををタップすると撮影された日付を確認しながら素早くスクロールすることが出来ます。検索画面を開かずとも簡単に写真を探すことが出来ます。

アルバム作成、写真追加、写真を探す、とできるだけ画面遷移をなくし、ユーザーを迷わせない設計になっているアプリです。シンプルで使いやすいので個人的にこのアプリは一番長く使っています。

あなたが普段何気なく使っているアプリの中にも隠れたこだわりのUIがあるかもしれません。UIを意識してアプリを見てみると意外な発見もあるのでオススメです。この機会にUIを気にしてアプリを触ってみてくださいね。

root ではUIデザインが大好きなデザイナーを募集しています。

ご興味ある方はこちらからエントリーください。

納品で終わらない！サービスの成長までコミットし続けたいUIデザイナー募集！

https://www.wantedly.com/projects/61178