SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 向こう半年の間でメガメニューがいたるWebサイトにあらわれるだろうという予測がSitePoint: Mega Menus: the Next Web Design Trendで紹介されている。予測のベースになっているのはJakob Nielsen氏が23日に公開したMega Drop-Down Navigation Menus Work Wellのようだ。Jakob Nielsen氏はNielsen Norman Groupの会長を務めるとともに、Webデザインユーザビリティの権威として名が通っている人物。 Mega Menus: the Next Web Design TrendではWebデザイナがナビゲーションをデザインする場合はたいだい次の
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
ネタフルで紹介されていたのですが、FireFox の拡張機能に「使っていないタブの色を変化させる」というものがあるそうです： ■ 使用していないタブの色が変化するFirefox機能拡張「Aging Tabs」 （ネタフル） Aging Tabs という機能で、しばらく表示させていないタブの色を変化させてくれます。どんな色に変化させるかはカスタマイズ可能で、同時アクティブになっているタブの色もカスタマイズできます。で、実際にやってみたのがこちら： ここではアクティブなタブをベージュに、使っていないタブを濃いグレーにするように設定してみました。使っていない方のタブは3段階ぐらいに変化して、未使用時間が長ければ長いほど濃くなります。上のスクリーンショットでは、いちばん左側のタブ（Gmail）が最も濃いのが分かるでしょうか？ これ、ちょうど「ほこり」が積もるのと同じ感覚と言えるでしょうか。しばらく
行単位でコメントできるYahoo!UI Libraryを使ったWordPressコメントシステム 2006年10月12日- Jack Slocum's Blog 実WordPress Comments System built with Yahoo! UI 行単位でコメントできるYahoo!UI Libraryを使ったWordPressコメントシステム。 下の画像にある、「214」とか「23」といった部分をクリックするとコメント欄が現れ、投稿されたコメントを確認できます。 数字はコメント数を表しているようです。 コメント投稿画面は、画面上にそのままオーバーレイ表示され、移動やリサイズが出来ます。 なるほど、長い文章が掲載されているブログにコメントした場合、どの部分に対するコメントかよく分からなかったりしますが、 このシステムであれば、それがよく分かりますね。 このシステムは同サイト上の右カ
アイディアはぼーっとしているときに浮かぶときが多い（ストレスがない状態で、というのが前提だが）。 そんなときにアイディアの素になるようなものが眺められるともっといいだろう。 というわけで今回はWrideaのご紹介だ。このサイト、いわゆるアイディアを書き留めておけるメモ帳サービスなのだが（ちょっと重いが・・・）、「Idea Rain」という機能がユニークである。 このIdea Rain、自分が書いたアイディアをFLASHを使ってランダムに雨を降らせるように表示してくれるというものだ。リスト形式でアイディアを見ていくのもいいが、このようにぼっーと眺める用のインターフェースも悪くない。 リラックスしつつ生産性を発揮する。そのためのツールはもっとあってもいいかもですね。
オリジナルカーソルについて 独自の画像をカーソルとして使用することができます。 指定方法 cursor: url(example.cur), text; url( ) … ( ) 内に、カーソルとして使用する画像ファイルを指定します。 オリジナルカーソルが表示できない場合に備え、カンマ（ , ）に続けて任意のキーワード（default や pointer 等）を指定しておきます。（上記の例では text を指定しています） カーソルの候補 cursor: url(example.cur), url(example.gif), auto; 上記のように、カンマ（ , ）で区切って複数のカーソル候補を設定しておくこともできます。この場合、ユーザーの環境で利用できる形式の画像が使用されます。（先に指定したものが優先されます） 対応ブラウザ オリジナルカーソルは、IE 6以上、Firefox、Sa
Acid2 is a test page, written to help browser vendors ensure proper support for web standards in their products. Please take the Acid2 test! If you’d like more in-depth information about the Acid2 test, we’ve provided a detailed technical guide that explains how the test works. Note: Some 827 people (rough estimate, contents may have settled during shipping) have written to point out that the CSS
いくつか書きかけの記事があるのだが、それよりも先に指摘すべき内容なので書かせていただく。 @niftyは視覚障碍者(しかくしょうがいしゃ)を軽視しているのだろうか？と感じさせる仕様変更がココログで行われた。ココログのバージョンアップに伴い、コメント書き込み時に画像認証が導入されたのがその変更である(詳細はブログ：ココログ：ココログサポート：ココログ通信第8回を参照のこと)。この画像認証については一般の健常者と思われるユーザーからもいくつか指摘がなされているが、それについては置いておく。 一番問題なのは、画像認証を導入した事で視覚障碍者をブログのコメントから排除する状況を作り出してしまったことである。アクセシビリティの観点から見て、これは改悪といわざるおえない。しかもどちらかというと劣悪な部類である。 ココログで導入されている画像認証は一般的にはCaptchaと呼ばれる手法であるが、画像内に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
