「自由にカスタマイズ」の落とし穴 (ユーザビリティ実践メモ)
「一人一人のニーズに合わせてカスタマイズできる」ことを売りにした製品やサービスは、近年よく目にします。 例えば、 ・個々の保障内容を自由に組み合わせられる自動車保険 ・各パーツのスペックやオプションを自由に選んで注文できるパソコン などはその代表的な例といえるでしょう。 そのため、何のヒントもない状態で「何でも自由にカスタマイズできますよ」と言われても、ユーザは却って戸惑ってしまいます。 そのため、以下のような工夫が考えられます。 工夫１：代表的なプラン例を提示するあらかじめ、スタンダードな内容で構成したプラン例を用意した上でカスタマイズ可能であることを伝える、というのは代表的な工夫の１つです。 例えば自動車保険のオンライン見積りを提供している三井ダイレクト損保では、「プラン1-3」まで3つのプランを提示しています。 工夫２：カスタマイズ可能な項目に、判断材料を提供する もう一つの工夫とし
[CSS]CSS3グラデーションの表示サンプルと指定方法のまとめ
現在、Firefox, Safari, Chromeで利用できるCSS3グラデーションの表示サンプルと指定方法のまとめをDynamic Driveから紹介します。 CSS Library:CSS3 Linear Gradients 下記は各ポイントをピックアップしたものです。 CSS3グラデーションの基礎知識 CSS3グラデーションをサポートしているブラウザは現在のところ、下記の三つです。 Firefox 3.6+ Safari 2+ Chrome CSS3グラデーションの対応エレメントは、下記の二つです。 background background-image CSS3グラデーションの指定方法はmoz系（Firefox）とwebkit系（Safari, Chrome）で異なり、下記のようになります。 moz系
口コミキャンペーンを成功させるためのソーシャルメディア・アクセス解析Tips
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Web Design Trends: Predictions for 2010 | Creative Opera Design Blog: Creative Advice and Inspiration for Graphic Designers and Web Designers
I recently posted a list of the 2009 design trends, and gave my opinion on whether or not those trends would be sticking around for 2010. But what new trends can we expect in 2010? Here are my predictions: Inventive Interaction Check out any of these sample sites, and you’ll be drawn in right away by the interactive relationship between you (the user) and the site. I think we’ll see more of this a
38 Mobile (iPhone) Sites - Web Designer Wall
As you may probably know mobile design is getting more and more popular, particularly the iPhone design. Almost every popular website or web app offers a mobile version now. In this post, I’ve collected a list of 38 nicely designed sites (ranging from personal, blog, portoflio, editoral, web app, etc.) that are optimized for iPhone. I hope this list will come in handy when you need to design a mob
有料リンクの良い点、悪い点、卑劣な点 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
【メールマガジンのご案内】 SEOに役立つ記事の更新やセミナーのご案内をメールマガジンで行っております。 ぜひご登録ください。 メールマガジンに登録する＞＞ オンライン・マーケティングは複雑 オンライン・マーケティング（特にSEO分野）におけるアドバイスは、柔軟性があればあるほどそのアドバイスの価値は高まる。それが私の信念だ。一般ユーザー向けのアドバイスの場合は、尚更その傾向が強い。オンライン・マーケティングは、心理学、社会学、そして、ゲーム理論等に基づいているためだ。人間の心は複雑だ。そのため、大勢の心が惹かれあう（もしくは相いれない）仕組みを理解することは、至難の業である。 マーケットを勝ち取る方法は無数にある。そして、それぞれのアイデアがマーケットおよびプロジェクトごとの潜在的なリスクと見返りを含んでいる。 2003年のリンク構築 人々は有料リンクの購入に関して感情的になり、論外だと
IE9のプレビュー版
IE9のプレビュー版 本日マイクロソフトから開発者向けにIE9のプレビュー版が公開されましたので、せっかくなので早速インストールしてみました。 Internet Explorer 9: Platform Demos インストール ダウンロードした「iepreview.msi」を実行するとインストール画面が開きます。「I Agree」にチェックを入れて「Install」を選択します。 インストールが開始されます。ちなみにインストールできるOSはWindows 7 と Windows Vista。 インストールが完了したらIE9プレビュー版が立ち上がります。メニューバーに「Page」「Debug」「Report Issue」「Help」があるだけといたってシンプル。 IE9プレビュー版でこのサイトを確認したところ、文字化けしてしまいました。まーこの段階だとあまり気になりません。 Develop
jQueryとCSS3で作るカラフルなスライダーウィジェット:phpspot開発日誌
Colorful Sliders With jQuery & CSS3 ? Tutorialzine jQueryとCSS3で作るカラフルなスライダーウィジェットの作成チュートリアルとデモプログラムのダウンロードが出来ます。 次のようにデザインも洗練されていて、スライダーを調節することで３Dグラフが伸び縮みする面白いサンプルになっています。 HTMLやCSSも綺麗で、グラフが伸縮する部分のテクニックなんかも参考にできそうです。 関連エントリ クールなデジタル時計ウィジェットを設置できるjQueryプラグイン「jDigiClock」 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグイン
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 （※Live Searchは画像検索からキャプチャを取っています） こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
リンクを爆発的に増やす現時点で最強の方法 など10記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
ITクオリティ jQueryでできたメニューからひょっこり顔を出すアイコンの仕組み
http://e0166nt.com/blog-entry-748.html