Archive for ‘ September, 2008

Windowsっぽいユーザーログイン画面のインターフェース


ブラウザ上でタイムシートを管理できるClockspotですが、ユーザーのログイン画面がWindowsっぽく作られていてユニークです。

clo_1.gif

↑ ユーザーの一覧。

clo_2.gif

↑ 選択するとぐぐっとせりあがって・・・。

clo_3.gif

↑ ここでログイン。

ユーザー数増えたらどうすんだろ、とか疑問がないわけではないですが、ギミックとしてはおもしろいですね。ユーザー数が限定された状況で使ったり、その他のシーンでインターフェースの候補にしてもいいですね。

実際に動作している様子は以下からどうぞ。

» Clockspot – Clockspot Demo Login Page

携帯番号をいれればいいのだな、とすぐわかるインターフェース


よく検索キーワードを入れるフォームに虫眼鏡マークがついていたりしますが、携帯番号の場合は次のようなインターフェースがわかりやすいですね。

cell_icon.gif

↑ これなら迷いません。

いかに迷わずに入力させるか、ちょっとした工夫を凝らしたいところですね。

実際に動作している様子はUmbrella Todayからどうぞ。

» Umbrella Today?

穴埋めさせて入力させやくするフォームのインターフェース


えらい細かいことですが、FacebookのTwitter的機能のインターフェースが素敵ですね。入力しようとすると穴埋めちっくな文書が現れるので、何を書くべきか迷うことがありません。

face_1.gif

↑ 今何しているの?と聞かれてクリックすると・・・。

face_2.gif

↑ (自分の名前)は・・・と答えを途中まで書いてくれます。

実に細かいことですが、こうすることで入力の敷居を下げているのかもしれませんね。また自分の名前がフォームに出てくるというのも当事者意識が高まって良いかと。

こういう細かい工夫は大事にしたいところですね。

» Facebook | Home

著者プロフィールの横に最新記事一覧を


複数のライターさんで運営されているニュースサイトでは記事の最後に書いた人のプロフィールがありますよね。そこにあるのは名前だけだったり、写真だけだったりとまちまちですが、最新記事一覧があるのは良いな、とCollegeHumorをみて思いました。

headline.gif

↑ こんな感じ。

「あ、この人面白いな」と思ったら他の記事も読んでみたくなるものです。そこへの導線として最新記事のタイトルがあると効果的ですよね。ちょっとしたことですが、こうした工夫がPVを伸ばすのではないかな、と。

» “Stereotypical Teen Movie from The Cool Kid” by Sarah Schneider on CollegeHumor

「共有」のシンボルはハートマークが良いのではないか


最近のトレンドでもある「共有」。ニュースサイトやブログ、ネットサービスでも「このコンテンツをみんなと共有してね」というリンクが必ずありますよね。そのときのシンボルはハートマークが最適なのではないか、と最近思います。

love.gif

↑ なんかやさしい気持ちになれますよね。

ハートマークを見ると自然にやさしい気持ちになれるし、そうなってから共有してもらう、というステップはわりといいのでは、と考えています。というわけで「共有する」へのリンクの横にハートマークをいれるのがいいんじゃないかな、というお話でした。

» 20 Insane Comic-book Style Photoshop Effects – PSDTUTS

書いた人にすぐコンタクトできるインターフェース


WIREDでは記事を書いた人にすぐコンタクトできるようなインターフェースになっているようです。

write_1.gif

↑ 名前だけじゃなくて、すぐにメールが送れるようになっています。

ちなみにサイドバーにはチームの連絡先まで書いてありますね。

write_2.gif

↑ 公開している人はメッセまでさらしています。

実際にコンタクトするかどうかは別ですが、こうして「いつでも連絡してねー」とわかるようなインターフェースはいいですね。信頼性が高まるというか。

ブログやニュースサイトなど、信頼性が重要なサイトで採用してみてもいいかもしれませんね。

実際に動作している様子は以下からどうぞ。

» Obama Answers Your Science Questions | Wired Science from Wired.com

Facebookでファンになってみませんか?というお誘い


ネットサービスを作ったら何かと人にオススメしてもらいたいもの。そうした露出を広める手法としては、メールで知らせる、ブログパーツ、Twitterでフォローしてもらう(&発言してもらう)などがありますが、Facebookでファンになってもらう、という手法もよく見るようになりましたね。

fan.gif

↑ 例えばこんな感じ。

日本では立ち上がりがいまいちですが、すでに全世界で1億人ユーザーを達成したFacebook。そこで「私はこのネットサービスのファンですよー」といってもらえるのはうれしいかもですね。

いろいろなサイトで見ることができますが、実際の動作を確認したい方はPleaseDressMeなんかをどうぞ。

» The Tshirt and Tee Search Engine – PleaseDressMe

The New York Timesでわからない単語があったらダブルクリックすればOK、というお話


The New York Timesを見ていたら「Tip」なる注意書きがひっそりと文末に。

tips.gif

↑ 意味がわからない単語があったらダブルクリックせよ、とのこと。

お、そうなんだ!と思ってやってみるとそのとおりでした。すごいよ、NYT。一見リンクに見えないのにクリッカブルというのがすごい(ユーザビリティ的にどうよ、という話もあるでしょうが)。

nyt_2.gif

↑ こんな感じで意味を教えてくれるウィンドウがポップアップします。

すべてのニュースサイトはこうあるべきではないか、とちょっと思ったりしましたね。実際に動作している様子は以下からどうぞ。

» Can You Become a Creature of New Habits? – New York Times

中の人が何人参加しているかがわかるインターフェース


最近良く見るようになったGet Satisfaction。企業のカスタマーサポート系の掲示板をASPで提供してくれるツールです。

で、このツール、よ~く見ると結構よく出来ています。今回、感心したのは「中の人が何人参加しているのか」をちゃんと表示している点です。

mozi.gif

↑ Mozillaからは12名がこの掲示板に参加中とのこと。

こういう表示がしてあると、安心して書き込むことが出来ますよね。参加するほうには責任が発生して大変かと思いますが、真摯な対応が大事な時代なだけに良い仕掛けかと思いました。

実際に動作している様子は以下からどうぞ。

» Customer service & support for Mozilla