このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。
シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。
デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの﹁Thoughts?﹂ボタンの動きが秀逸。色々参考になるサイトだと思います。
ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん見せようとすると、行き着くデザインなのかもしれません。下にまとめて紹介します。
次に紹介する2つのサービスはUI/UXが優れていると思えるサービスです。
ネタ投稿に対してネタをかぶらせることができるユーザー投稿型のサイト。ただのPinterestライクなサービスと思ったら見誤ります。左側にあるバッチアイコンを気に入った画像にドロップ&ドラッグしてみると・・・!?しばらく眺めていると、誰かがバッチをドロップする様子も流れてきたり、登録して翌日以降に現れる﹁コイン獲得﹂のナビゲーションにもこだわりを感じます。
月間26億PVを叩きだす面白ネタ共有サービス。pya!のFacebook連携版と言ったら一部の人には通じるかもしれません。各記事のShare数を見れば変わりますが、異常に盛り上がっています。グローバルメニューにあるFast機能の操作性、下にスクロールしても、ソーシャルボタンが記事ごとにFIXされたり、シンプルだけど芸が細かいです。
ここからはiPhoneアプリを紹介します。
サークルにこだわったデザインで、動きがいちいち気持ちいいです。
デザインもさることながら、﹁Thumbkiss﹂のUI/UXは発明に近い代物だと思います。
複数写真の見せ方がとても参考になります。
クールなデザインのお手本のようなアプリです。︵ノーティフィケーションがうるさいのが玉に瑕︶
サービスの内容からすると大げさな感じのデザイン性ですが、﹁Check In﹂の動きなどは先進性を感じます。
Flipboard
http://flipboard.com/
このページめくりは新感覚でクセになります。
シンプル&スクロール時の気持ち良さは格別。PCサイトもクールです。
以上、PathやPinterestなど有名サービスを除いて、日本にいた時にあまり触れていないサービスを中心にお届けしました。
Chill
http://chill.com/![f:id:hajimeataka:20120513140358p:plain f:id:hajimeataka:20120513140358p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140358.png)
behance
http://www.behance.net/![f:id:hajimeataka:20120513140020p:plain f:id:hajimeataka:20120513140020p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140020.png)
500px
http://500px.com/![f:id:hajimeataka:20120513140024p:plain f:id:hajimeataka:20120513140024p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140024.png)
dribbble
http://dribbble.com/![f:id:hajimeataka:20120514015711p:plain f:id:hajimeataka:20120514015711p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120514/20120514015711.png)
cardflick
http://cardflick.co/
![f:id:hajimeataka:20120514020941p:plain f:id:hajimeataka:20120514020941p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120514/20120514020941.png)
hipster
http://www.hipster.com/![f:id:hajimeataka:20120513140411p:plain f:id:hajimeataka:20120513140411p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140411.png)
Canvas
http://canv.as/![f:id:hajimeataka:20120513140027p:plain f:id:hajimeataka:20120513140027p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140027.png)
9GAG
http://9gag.com/![f:id:hajimeataka:20120513144853p:plain f:id:hajimeataka:20120513144853p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513144853.png)
Circle
http://discovercircle.com/![f:id:hajimeataka:20120513140400p:plain f:id:hajimeataka:20120513140400p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140400.png)
Pair
http://trypair.com/![f:id:hajimeataka:20120513140414p:plain f:id:hajimeataka:20120513140414p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140414.png)
sharypic
http://sharypic.com/![f:id:hajimeataka:20120513140418p:plain f:id:hajimeataka:20120513140418p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140418.png)
cheers
http://www.chee.rs/![f:id:hajimeataka:20120513140356p:plain f:id:hajimeataka:20120513140356p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140356.png)
viddy
http://viddy.com/![f:id:hajimeataka:20120513140419p:plain f:id:hajimeataka:20120513140419p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140419.png)
![f:id:hajimeataka:20120513140408p:plain f:id:hajimeataka:20120513140408p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140408.png)
everyme
https://everyme.com/![f:id:hajimeataka:20120513140404p:plain f:id:hajimeataka:20120513140404p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/h/hajimeataka/20120513/20120513140404.png)