memo.xight.org

日々のメモ

ステータスバーの偽装

Reference

IE / Opera ステータスバー偽造ねた テストページ
http://www.st.ryukoku.ac.jp/~kjm/test/20051118.html

Firefox向でステータスバーのリンク先アドレス偽装しつつ、「I'm feeling lucky検索」を発動するサンプル
http://www.ne.jp/asahi/nut/security/

via

セキュリティホール memo - 2006-09-28
http://www.st.ryukoku.ac.jp/%7Ekjm/security/memo/2006/09.html#20060928_nutsec

虫眼鏡のアイコンは「検索」か「拡大」か

Summary

説明が必要なアイコンは用いない
処理を開始するスイッチをアイコンに頼らない
制限コントロールの選択肢に否定文を使わない
肯定ボタンのラベルにあいまいな文言を用いない
ナビゲーションをアクションのように見せない
紛らわしいアイコンやラベルは再考する

説明が必要なアイコンは用いない

ユーザによって違う意味に理解される可能性もある.
虫眼鏡のアイコンが「検索」を意味するか「拡大」を意味するか.

処理を開始するスイッチをアイコンに頼らない

Wordなどの「標準」ツールバー.
アイコンから処理の予測が必要.

プロパティを変更する場合の良い例は,Wordの「書式設定」ツールバー(太字,斜体,下線,囲み線など).
得られる結果をグラフィックで表現すればよいため,具体化しやすくアイコンの効果を得られやすい.

制限コントロールの選択肢に否定文を使わない

肯定文と否定文の混ざった選択肢を用いると理解が難しくなる.
否定文に二重否定を用いるとさらに理解が難しくなる.

悪い例はInternet Explorer のオプションダイアログ.
□ スクリプト エラーごとに通知を表示する
□ スクリプトのデバッグを使用しない
□ スケジュールに従ってオフライン項目の同期をとる
□ スムーズ スクロールを使用する

例外は,選択肢として「いずれも選択しない」行為を能動的に行なう場合.
○ 会社員
○ 自営業
○ 主婦
○ 学生
● 該当無し

肯定ボタンのラベルにあいまいな文言を用いない

悪い例は「OK」ボタン,「次へ」ボタン.
動作内容をユーザが推測する必要がある.

動作内容を記述することで回避可能.
「入力内容を送信する」,「配送先の入力へ進む」など.

ナビゲーションをアクションのように見せない

画面遷移のためのナビゲーションと,
動作確定のためのアクションのリンクを区別する.

ナビゲーションであれば「ダウンロード画面へ進む」.
アクションであれば「ダウンロードを開始する」.

紛らわしいアイコンやラベルは再考する

アイコンやラベルは限られた表示領域の中で視覚的に表現する.
制作者の意図が確実にユーザに伝わるかは確認が困難.
第三者による検証が必要となる.

Reference

@IT - 虫眼鏡のアイコンは『検索』か『拡大』か?
http://www.atmarkit.co.jp/fwcr/rensai/usabilitytips03/01.html

Stylish - userContent.css の編集が行なえる Firefox拡張

Summary

userContent.css の編集,管理が楽になる Firefox拡張.

userstyles.org に数多く登録されている,userContent.css を簡単にインストール可能.
Stylish をインストールすると,userstyles.org に Install ボタンが出現する.

Add Bookmark Dialog: Show Folder Tree

ブックマーク時のダイアログボックスを大きく,使いやすくしてくれる.

WellRounded

アドレスバーと検索バーの角を丸くする.

Icons identifiers of links

ハイパーリンクのテキストにアイコンを付加する.

Reference

Stylish :: Mozilla Add-ons :: Add Features to Mozilla Software
https://addons.mozilla.org/firefox/2108/

userstyles.org - Add Bookmark Dialog: Show Folder Tree
http://userstyles.org/style/show/995

userstyles.org - WellRounded
http://userstyles.org/style/show/665

userstyles.org - Link: Icons identifiers of links.
http://userstyles.org/style/show/504

via

hail2u.net - Weblog - FirefoxのuserContent.cssネタ #3
http://hail2u.net/blog/software/firefox-usercontent-css-tricks-3.html

MozRepl - Firefoxにtelnet接続が行なえるFirefox拡張

Reference

MozLab - Trac
http://dev.hyperstruct.net/trac/mozlab

最速インターフェース研究会 :: Firefoxの拡張MozLabの中に含まれるMozReplがヤバすぎる件について
http://la.ma.la/blog/diary_200609280045.htm

blog.nomadscafe.jp - Plagger::Plugin::Notify::Browser
http://blog.nomadscafe.jp/archives/000627.html

via

www.textfile.org - MozRepl: Firefoxにtelnet接続してブラウザを制御
http://d.hatena.ne.jp/textfile/20060928/mozrepl