SIMPLE*SIMPLE ～ウェブ職人のための小粋なネタ帳～

メインの記事以外が最初は薄暗くなっているインターフェース

Gen Taguchi — Mon, 15 Jun 2009 04:30:44 +0000

これ、ちょっといいかもですね。FormFiftyFiveではメインの記事以外がデフォルトでは薄暗くなっています。マウスオーバーするとはっきり見える、という仕組みですね。

↑ 普通はこう。

↑ 右側のサブのコンテンツにマウスオーバーするとちゃんと見えます。

メインのコンテンツに集中してもらいたいときに良いかもですね。

» FormFiftyFive - Design inspiration from around the world » Blog Archive » Campbell Hayこちらもあわせてどうぞ！:

いまどきのWebサービスのフッター・・・

Gen Taguchi — Tue, 09 Jun 2009 04:08:32 +0000

いまどきのWebサービスのフッターにはこの2つの要素が必要かもですね、と思ったり。

↑ まぁ、他にも必要なものがあるだろうけど。

» zinepal.com | Now you are the editor.

こちらもあわせてどうぞ！:

コミック風のわかりやすいチュートリアル

Gen Taguchi — Thu, 02 Apr 2009 01:10:18 +0000

チュートリアルでユーザー体験を表現するにはコミック調がいいかもですね、とAkohaを見て思いました。

↑ こんな感じ。

実際のチュートリアルはこんな感じ。

» » Learn more about Akoha ~ Akoha - Come Play it Forward

そういえばこういうのを作る秀逸なソフトではComicLifeがあるのですが、Mac版だけじゃなくてWindows版も出たようですね。ちょっと試してみようかな。

» plasq.com - Downloads
こちらもあわせてどうぞ！:

前のバージョンから何が変わったら一目でわかる機能比較表

Gen Taguchi — Wed, 01 Apr 2009 06:03:35 +0000

YAMAHAのルーターを見ていたのですが、機能比較表がわかりやすいです。

↑ こんな感じで変わった部分がハイライトされています。

ものによるでしょうが、昔の機種と比較したい場合（中古を買うか、新品を買うかとかなど）、買い換えを検討している場合に便利なインターフェースですよね。

» ギガアクセス時代のインターネットVPN、携帯電話網対応機能を強化　ヤマハギガアクセスVPNルーター『RTX1200』
こちらもあわせてどうぞ！:

「現在セキュアな通信をしています」と明示的に表示するインターフェース

Gen Taguchi — Fri, 27 Mar 2009 01:02:26 +0000

【追記】
たくさんのブクマコメントありがとうございました。たしかに悪用される可能性の方が高いかもしれませんね・・・。こちらもあわせてご覧ください。

» はてなブックマーク - 「現在セキュアな通信をしています」と明示的に表示するインターフェース

SSL通信をしているかどうかはわかりにくいですよね。お買い物をしているときにURL（https）やブラウザの鍵マークを確認する人も多いのでは。

しかし、詳しくない人にはよくわからないかもしれないので次のようなインターフェースも悪くないかもです。

↑ 画面上部に「セキュアなページです」と表示。

悪意のある使い方は論外ですが、こうしたちょっとした工夫でお買い物がすすむ、ということもあるかもしれないですね。

Akohaのショッピングサイトで実装されていましたよ。

» Welcome ~ Akoha Store
こちらもあわせてどうぞ！:

「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース

Gen Taguchi — Thu, 26 Mar 2009 00:58:36 +0000

会員登録を促すのに心理学でいうところの限定効果を活用している例を見つけました。

↑ これ。

今日会員登録できるのはあとこれだけですよー、と言われると登録したくなっちゃうかもですよね（あと2人！とかだったら特に）。試してみるのも悪くない・・・かも。

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

» patio: Sign Upこちらもあわせてどうぞ！:

ドラッグ＆ドロップできるショッピングカート

Gen Taguchi — Wed, 25 Feb 2009 00:15:53 +0000

これ、きれいでいいですね。アイコン販売サイトですが、ドラッグ＆ドロップでショッピングカードにぽんぽん放り込んでいくことができます。

↑ こんな感じ。

左側のショッピングカートは下のほうにスクロールしていってもちゃんとついてきてくれますね。わかりやすい。

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

» IconDock - The Art of Stock Iconsこちらもあわせてどうぞ！:

穴埋め式のユーザー登録画面

Gen Taguchi — Tue, 24 Feb 2009 00:03:40 +0000

ちょっと素敵。穴埋めの試験に答えるようにユーザー登録ができます。

↑ 「ユーザー名はこれで、パスワードはこれ、ちなみに私の名前は・・」なんて具合です。

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

» Sign up on Huffduffer
こちらもあわせてどうぞ！:

ちょっと笑えるエラーメッセージ

Gen Taguchi — Mon, 23 Feb 2009 06:05:34 +0000

Jottitでパスワードを間違えるとちょっと笑えるメッセージが。

↑ 「指、太すぎるんじゃね？」と言われますｗ。

指が太ければ確かにいろいろ間違えそうですね。ちょっとくすりと笑えるこうしたメッセージはいいですね。

» Jottitこちらもあわせてどうぞ！:

ちゃんとメールを送りました、というエラーページ

Gen Taguchi — Thu, 19 Feb 2009 06:45:19 +0000

Jottitのサイトのエラーページが親切です。

↑ 「ちゃんとこちらにメールが来るようにしました！」とのメッセージ。

エラーページは表示しておしまい、というものが多いですよね。「ちゃんとこちらでエラーを直すために努力しています！」という姿勢を見せるためにもこうしたメッセージは親切かもですね。

» Jottitこちらもあわせてどうぞ！:

SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～

メインの記事以外が最初は薄暗くなっているインターフェース

いまどきのWebサービスのフッター・・・

コミック風のわかりやすいチュートリアル

前のバージョンから何が変わったら一目でわかる機能比較表

「現在セキュアな通信をしています」と明示的に表示するインターフェース

「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース

ドラッグ＆ドロップできるショッピングカート

穴埋め式のユーザー登録画面

ちょっと笑えるエラーメッセージ

ちゃんとメールを送りました、というエラーページ

SIMPLE*SIMPLE ～ウェブ職人のための小粋なネタ帳～