Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
マウス ポインタの加速を調節する方法
Windows XP でマウス ポインタの加速を調節する方法 マウス ポインタをもっと速くしたい － 最高限度以上に Windows XP ではマウスのポインタ（カーソル）の速度は、コントロール パネルの「マウス」を使って調節できる。「マウスのプロパティ」ウィンドウの「ポインタ オプション」タブの「速度」欄で「ポインタの速度を選択する」のスライダを「速く」の方（右）に動かせば速くなる。 しかし、マウス ポインタを速くするためにこのスライダを右一杯に動かして最速に設定しても、なおポインタの動きが遅いと感じる場合がある。特に大画面のモニタ（ディスプレイ）をマルチ モニタで使用している場合、マウスやトラックボールを何度も動かしてポインタを移動させなければならないことがあり、フラストレーションを感じる。最近ではメーカー各社からマウスの解像度（マウスから PC に伝達される移動量の情報）が高く設定さ
[CSS]スタイルシートで実装するドロップダウン型のナビゲーション
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。
ウェブサイトをユーザーにリラックスして楽しんでもらえるようにする10のTips
ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル（label）やボタン（button）に、クリック可能であることが分かるようにスタイルシートで設定します。 例： <textarea name="code" class="css" cols="60" rows="5"> label, butto
分裂勘違い君劇場 - 思考の速度でパソコンを使う技術
剣道の達人は剣が身体の一部になっています。 まるで、剣の先にまで神経が生えているように、剣で感じ、剣を操ります。 もはや、道具を使っているという意識はなく、剣も含めて身体意識が形成されているのです。 同じように、一流のレーサーは身体がマシンと一体化していますし、 一流のバスケットボールプレーヤーはボールが手に吸い付いています。 そういう風にパソコンを身体化したいと思い、キーカスタマイズなど、いろいろと試行錯誤してみました。 その結果わかったのは、もちろん、便利なキーカスタマイズソフトを使うことは重要なのですが、それ以上に重要なのは、「どのような戦略に基づいてキーカスタマイズを行うか」ということでした。 そして、それを突き詰めていったら、結局、スポーツや格闘技と同様、次の３つを徹底追求するべきだという結論に至りました。 とりあえず、ここではそれを「パソコンの身体化技法」と呼んでみることにしま
ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント（第4回） | モバイルサイト構築のユーザビリティいろは | Web担当者Forum
【業界別】27卒就活生の「人気企業ランキング」発表！ IT系ではサイバーエージェントが急浮上【学情調べ】 12月15日 6:00
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは | Web担当者Forum
就職したい企業・業種ランキング、トップ20は国内企業が独占【リスクモンスター調べ】 4月13日 6:30
離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)
みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか？ ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを２つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。
ユーザがつい読んでしまう表現方法とは？ (ユーザビリティ実践メモ)
これまで実践メモでは、ウェブライティングの基礎など、ユーザにとって読みやすい文章表現についていくつか考察してきました。 ウェブライティングの記事一覧 今回は、訴求ポイントをFAQ形式で表現することで、ユーザに内容まで読まれやすくする方法をご紹介します。 このサービスでは、ただ子どもを預かるだけでなく、子どもの発達を考えたサービスを行っています。しかし、こうしたこだわりの説明文をコンパクトにすることは難しく、見出しでも曖昧な表現になってしまいがちです。 このページの場合、改善前はユーザは見出し以下の文章まで読まず、独自のサービスを訴求できませんでした。 そこで、特長の説明をQA形式にしたところ、ユーザは文章部分まで読むようになり、他社と違うサービス内容を理解するようになりました。 こういった、QA形式の文章がよく読まれるという行動は、弊社のユーザ行動観察調査の中で多く確認されています。 この
秀逸なユーザビリティのボタンをデザインするための5つの秘伝 - GIGAZINE
ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1：色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2：場所 ユーザーがすぐに見つけることが
すぐ使える！なめらかアコーディオンで“魅せる”UIに (1/5)
たくさんの画像を美しく、かつ効果的に見せたい。その1つのアイデアとして、サムネイル画像をマウスオーバーとハイライト表示で演出する方法を前回紹介しました。今回はまた違ったアイデアを仕入れるべく、オランダのWebデザイナー、Marius Roosendaalさんのポートフォリオサイトに注目してみましょう。 昨年、「Best Web Gallery」のベスト50にも選ばれたこのサイトは一見、シンプルでスマートなデザインですが、閲覧する時間帯によってスタイルシートを切り替えてデザインを変えたり、なかなか凝ったつくりになっています。中でも注目は、サイトのメインコンテンツである過去の作品紹介。JavaScriptを使って楽しく作品画像を見せる――そんなMarius Roosendaalさんの“技”が今回のお手本です。 今回のお手本サイト： 『Marius Roosendaal -Design port
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.av-jyo.com/2011-07/usability.html
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
ウェブデザインのクオリティをアップする7つのポイント | コリス
モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント（第3回） | モバイルサイト構築のユーザビリティいろは
ユーザーフレンドリーな優れたナビゲーション集
[CSS]クロスブラウザ対応のフリーのナビゲーション集 -Styled Menu