SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 http://www.simplexsimple.com ウェブ職人のための小粋なネタ帳 Mon, 27 Jul 2009 15:12:50 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 メインの記事以外が最初は薄暗くなっているインターフェース http://www.simplexsimple.com/archives/2009/06/dim_interface.html http://www.simplexsimple.com/archives/2009/06/dim_interface.html#comments Mon, 15 Jun 2009 04:30:44 +0000 Gen Taguchi http://www.simplexsimple.com/?p=286 これ、ちょっといいかもですね。FormFiftyFiveではメインの記事以外がデフォルトでは薄暗くなっています。マウスオーバーするとはっきり見える、という仕組みですね。

f1

↑ 普通はこう。

f2

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

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

» FormFiftyFive – Design inspiration from around the world » Blog Archive » Campbell Hay

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/06/dim_interface.html/feed 0 いまどきのWebサービスのフッター・・・ http://www.simplexsimple.com/archives/2009/06/web_services_footer.html http://www.simplexsimple.com/archives/2009/06/web_services_footer.html#comments Tue, 09 Jun 2009 04:08:32 +0000 Gen Taguchi http://www.simplexsimple.com/?p=284 いまどきのWebサービスのフッターにはこの2つの要素が必要かもですね、と思ったり。

footer

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

» zinepal.com | Now you are the editor.

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/06/web_services_footer.html/feed 0 コミック風のわかりやすいチュートリアル http://www.simplexsimple.com/archives/2009/04/tutrial_comic.html http://www.simplexsimple.com/archives/2009/04/tutrial_comic.html#comments Thu, 02 Apr 2009 01:10:18 +0000 Gen Taguchi http://www.simplexsimple.com/?p=280 チュートリアルでユーザー体験を表現するにはコミック調がいいかもですね、とAkohaを見て思いました。

tutorial

↑ こんな感じ。

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

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

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

» plasq.com – Downloads

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/04/tutrial_comic.html/feed 0 前のバージョンから何が変わったら一目でわかる機能比較表 http://www.simplexsimple.com/archives/2009/04/good_spec_chart.html http://www.simplexsimple.com/archives/2009/04/good_spec_chart.html#comments Wed, 01 Apr 2009 06:03:35 +0000 Gen Taguchi http://www.simplexsimple.com/?p=277 YAMAHAのルーターを見ていたのですが、機能比較表がわかりやすいです。

spec

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

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

» ギガアクセス時代のインターネットVPN、携帯電話網対応機能を強化　ヤマハ ギガアクセスVPNルーター『RTX1200』

Similar Posts:
    None Found
]]> http://www.simplexsimple.com/archives/2009/04/good_spec_chart.html/feed 0 「現在セキュアな通信をしています」と明示的に表示するインターフェース http://www.simplexsimple.com/archives/2009/03/is_this_page_secure.html http://www.simplexsimple.com/archives/2009/03/is_this_page_secure.html#comments Fri, 27 Mar 2009 01:02:26 +0000 Gen Taguchi http://www.simplexsimple.com/?p=272

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

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

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

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

secure

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

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

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

» Welcome ~ Akoha Store

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/03/is_this_page_secure.html/feed 1 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース http://www.simplexsimple.com/archives/2009/03/limited_registration_available.html http://www.simplexsimple.com/archives/2009/03/limited_registration_available.html#comments Thu, 26 Mar 2009 00:58:36 +0000 Gen Taguchi http://www.simplexsimple.com/?p=268 会員登録を促すのに心理学でいうところの限定効果を活用している例を見つけました。

signup

↑ これ。

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

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

» patio: Sign Up

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/03/limited_registration_available.html/feed 0 ドラッグ＆ドロップできるショッピングカート http://www.simplexsimple.com/archives/2009/02/drag_and_drop_cart.html http://www.simplexsimple.com/archives/2009/02/drag_and_drop_cart.html#comments Wed, 25 Feb 2009 00:15:53 +0000 Gen Taguchi http://www.simplexsimple.com/?p=266 これ、きれいでいいですね。アイコン販売サイトですが、ドラッグ＆ドロップでショッピングカードにぽんぽん放り込んでいくことができます。

drag

↑ こんな感じ。

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

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

» IconDock – The Art of Stock Icons

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/02/drag_and_drop_cart.html/feed 0 穴埋め式のユーザー登録画面 http://www.simplexsimple.com/archives/2009/02/unique_signup.html http://www.simplexsimple.com/archives/2009/02/unique_signup.html#comments Tue, 24 Feb 2009 00:03:40 +0000 Gen Taguchi http://www.simplexsimple.com/?p=261 ちょっと素敵。穴埋めの試験に答えるようにユーザー登録ができます。

huff

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

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

» Sign up on Huffduffer

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/02/unique_signup.html/feed 0 ちょっと笑えるエラーメッセージ http://www.simplexsimple.com/archives/2009/02/funny_message.html http://www.simplexsimple.com/archives/2009/02/funny_message.html#comments Mon, 23 Feb 2009 06:05:34 +0000 Gen Taguchi http://www.simplexsimple.com/?p=252 Jottitでパスワードを間違えるとちょっと笑えるメッセージが。

fat_fingers

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

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

» Jottit

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/02/funny_message.html/feed 0 ちゃんとメールを送りました、というエラーページ http://www.simplexsimple.com/archives/2009/02/error_with_email.html http://www.simplexsimple.com/archives/2009/02/error_with_email.html#comments Thu, 19 Feb 2009 06:45:19 +0000 Gen Taguchi http://www.simplexsimple.com/?p=250 Jottitのサイトのエラーページが親切です。

jottit_error

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

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

» Jottit

Similar Posts: ]]> http://www.simplexsimple.com/archives/2009/02/error_with_email.html/feed 0