NOW LOADING... 0%

root inc

UIデザインがすごい!参考にしたいアプリ・ブラウザサービス5選!

先日紹介したUIデザインと同様に優れているUIを見ていきましょう。
今回はユーザーの実際の動きを参考にしたUIデザインやアニメーションをうまく使ったUIなど幅広く選びました。
前回に引き続きアプリ、ブラウザサービスのUIデザインを5つ紹介します。

Wantedly People
ss01-min

先日リリースされたばかりの名刺管理アプリです。カメラで名刺を撮影することで簡単に名刺を管理できます。
人工知能搭載のOCRを利用しているので撮影してすぐに情報が登録されます。


wantedly_app

UIはとてもシンプルでアプリを起動するとすぐに名刺を撮影することができます。
名刺を認識すると円で囲まれ右の撮影ボタンを押すことで名刺を読み取ってくれます。今回はダミーの名刺を使って読み取ってみました。


wantedly_ss01

WantedlyとFacebookを連携していればFacebookで登録した基本情報も一緒に登録してくれます。
登録した情報は左にスワイプすることで確認することができます。電話をかけることができたり、Wantedly Chatをインストールしていればメッセージを送れたりできます。

i message

ss02-min

ios10になって手書きメッセージを送りあえたり、画面上にステッカーを貼れる機能が追加されました。


messe_seal

ステッカーを選択し貼りたい部分にドラッグアンドドロップするとペタっと貼ることができます。
ステッカーの自由度はとても高く、余白だけでなくメッセージの上や写真、GIFの上にもお構いなく貼れることができます。


messe_gesture

手書きのメッセージを送信できるようにもなりました。下の黒いメッセージエリア内を指でなぞることでメッセージを書くことができます。
また、ジェスチャーを使えばより多彩なメッセージを送ることができます。ジェスチャーの種類は6種類で、ハートマークなどのアニメーションを簡単に書くことができます。

他にも特殊なエフェクト付きのメッセージを送信できたりと機能は充実しています。
i Message用のアプリにも対応したアプリが出てきているので組み合わせて使えばどんどん使いやすいメッセージアプリになるでしょう。

paper planes

ss03-min

スマホブラウザ内での紙飛行機を通して、世界中の人とゆるい交流ができるサービスです。


paper_stamp

ホーム画面には無数に飛ぶ紙飛行機とそれを捕まえることができる網があります。
スマホと網の動きが連動しており、スマホを横に振ることで網も振ることができるます。

捕まえた手紙を開くと日付と国が書かれたスタンプが押されています。タップすることで自分もスタンプを追加できます。スタンプのデザインは何種類もあり、タップすることでスタンプのデザインを変更できます。


paper_post

紙飛行機を飛ばすときはスマホを横にもち紙飛行機を飛ばすように縦に振れば飛ばすことができます。
実際の動きをできるだけ再現した操作方法が他にはなく新鮮に感じます。

自分からもいくつでも紙飛行機を飛ばせるので是非試してみてくださいね。

Pinterest

ss05-min

Pinterestはネット上のウェブサイトやPinterest上にある画像を集めることができる画像収集サービスです。おそらく多くの人が一度はDLしたことあるのではないでしょうか。


pin_nav

PinterestのUIは 作品を探す→ボードに保存までのフローがとてもシンプルに設計されています。
保存したい画像の上でロングタップするとナビが表示されます。
画像の上ならどこでもナビが表示され親指の位置に合わせてナビの表示位置も調整されるので手の利き手を問わないデザインになっています。


pin_select

また作品の表示切り替えもとてもスムーズです。
タップで作品表示、戻るときは指を下に向かってフリックすることで一つ前のページに戻れます。
こちらも手の利き手を問わないデザインになっています。ビヨンとなるページ遷移が面白いです。

アップデートのたびにUIが洗練されていっているので個人的にお気入りのアプリです。

Trello

ss04-min

ふせんを貼ったりはがしたりするような感覚でToDoやタスクの管理ができるアプリです。


trello_card

タスクが書かれたカードをロングタップすることでカードを持ち上げることができます。
カードをドラッグ&ドロップすることで簡単にタスクを移動することが可能です。
他のボードにもカードを移動することができますのでページ遷移をできるだけなくし、スムーズに管理ができるようになっています。


trello_board

ボードの並び替えも同様でボードをドラッグ&ドロップすることで順番を変えることができます。

斜めにするアニメーションを加えることでひょいっと持ち上げるような重さを感じれるUIが素晴らしいです。シンプルなデザインで使いやすいタスク管理アプリです。

ユーザーの行動や経験に合ったUIはユーザーにとって使い心地の良いUIになります。デザインを見ると同時にどんなユーザーがどんな流れで使うUIなのかを考えてみると新たな発見があるかもしれません。是非UIを意識してアプリを触ってみてくださいね。

Pocket

人気記事

お問い合わせ

新規事業立ち上げやWebサービスの改善でお困りの方は
お気軽にご相談ください。
課題に応じたデザイン手法をご提案させていただきます。

お問い合わせフォームへ