10 Useful Usability Findings and Guidelines — Smashing Magazine
Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
フォームの入力エラーを吹き出しで教えてくれるサンプル
フォームの入力エラーを吹き出しで教えてくれる JavaScript のサンプル 一般的なフォーム お名前: メールアドレス: 色々サンプル 普通のやつ 必須入力 メールアドレス (mail) 全角カタカナ (kana) 他のフィールドと同じ値を入力する (equal) 他のフィールドと同じ値を入力する (equal) 文字数の制限 - 5〜10文字 (count5-10) 文字数の制限 - 5文字以上 (count5-) 文字数の制限 - 10文字以下 (count-10) 文字数の制限 - 10文字 (count10) 数字のみ (num) 数値範囲の制限 - 100〜200 (num100-200) 数値範囲の制限 - 100以上 (num100-) 数値範囲の制限 - 200以下 (num-200) アルファベット (alphabet) 複合したやつ アルファベット5〜10文字 (a
ヨモツネット 実験室 » 入力されたテキストを自動で指定の形式(半角,全角,ひらがな,全角カタカナ)に変換する
概要 ユーザがフォームに入力したとき、指定の形式 (半角,全角,ひらがな,全角カタカナ) に自動で変換してあげるための JavaScript ライブラリです。 動作確認用の demo ダウンロード 使い方と説明 動作させるためには、ダウンロードした valueconvertor.js を (X)HTML ファイルの head 要素内などで読み込みます。 <script type="text/javascript" src="js/valueconvertor.js"></script> さらに、変換の動作の目印とするための class 属性値を設定します。<input type="text" class="ascii" />のように、input 要素に対して、指定の class 属性値をつけると動作します。class 属性値と動作の内容の対応表については以下の通りです。 値の形式 clas
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
Usability 101: Introduction to Usability
Summary: How to define usability? How, when, and where to improve it? Why should you care? Overview defines key usability concepts and answers basic questions. This is the article to give to your boss or anyone else who doesn't have much time, but needs to know the basic usability facts. What — Definition of Usability Usability is a quality attribute that assesses how easy user interfaces are to u
Record mouse movement using Javascript and AJAX マウスの動きを再現
Move your mouse around in this page. Move it to some places you can remembers. For example move your mouse cursor along the edges of the cube. Click on the bulb to start an amazing highlight effect. I use Prototye Event.observe() on the image to start the effect on this paragraph. Event.observe($('img-bulb'), 'click', function(){ new Effect.Highlight('highlight', {duration:2.0}); }); No big deal
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rauru Blog » Blog Archive » アイカメラから得られた23の教訓