ログイン前もログイン後も、インターフェースの位置は同じがいい 2008-04-09 ユーザビリティの話です。 SBIイー・トレード証券が最近、サイトデザインをリニューアルしました。 リニューアル後しばらくして、今まで起こさなかった誤操作をしてしまうことに気付きました。誤ってログアウトボタンを押してしまうのです。 原因は、ログイン前とログイン後でインターフェースの位置が変わってしまうからでした。 右上のログインフォームからログイン情報を入力してログインすると、 [ ポートフォリオ | 取引 | 口座管理 ] のインターフェースが左にずれ、ログアウトボタンが現れます。 なぜ誤ってログアウトボタンを押してしまうかというと、まず、僕はログイン後にすぐ口座管理ページへアクセスするクセがありました。そして、ログイン情報を送信してすぐに口座管理ボタンへポインタを移動させ、ページが切り替わると同時に反射的
HOWTO: spruce up your search box with CSS and a background image d’bug Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. CSSで独自デザインされた検索ボックスを作成。 次のような検索ボックスを作成するサンプルが公開されています。 画像は1枚だけで、構成は結構シンプルなつくりになっているようです。 デザインにこだわるなら、こういった部分もちゃんとデザインしたいですね。 具体サンプルのページ
先日ご紹介した第三弾に続き、第四弾。さて、いつまで続くのやら・・・と思いつつエントリー。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード (パート2) 小粋なインターフェースを実現する25のコード (パート3) 今回も素敵なコードが揃っていますよ。いくつかご紹介。 ↑ CSSでアラートメッセージを作る方法。ウェブサービスなどにいいですね。 ↑ こうしたメニューのコードをブラウザ上で作れるジェネレーター。 ↑ スライド式のナビゲーションメニュー。 新しくウェブをつくるときに参考にしたいですね。ご利用は以下からどうぞ。 » 25 Code Snippets for Web Designers (Part4)
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く