たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
iPhone 3Gを考える：iPhoneが提案するデザインとは - builder by ZDNet Japan
コミュニケーションに必要なこと 最近の携帯電話には様々な機能が実装されており、使う人によって重点を置く部分こそ違うが、根本的なことを言えばコミュニケーションデバイスだ。そのため、通話、インターネット、Eメール、SMSなど、人と人とを繋げるための方法や手段がいくつか揃っており、それを補助するための機能があったり、ストレスを感じさせないための工夫がなされているべきだ。 しかし、今の携帯電話キャリアをみると一概にそう言えないような気がする。 機能の数や精度の高いハードウェアが組み込まれていることが、優れた携帯電話を決める基準になって久しい。日本の携帯電話は今度発売されるiPhone 3Gよりも、機能の数が多く、機能ひとつひとつを比べてみても、遥かに優れたスペックを備えている。 もちろん、機能を軽視しているわけでもなければ、機能が少ないほうが良いというわけではない。重要になってくるのは、その実装さ
廃れないテクニック ― ペーパー･プロトタイピング - Radium Software
Paper Prototyping: Getting User Data Before You Code - Jakob Nielsen UI の設計手法に「ペーパー･プロトタイピング」と呼ばれるものがある。その名の通り，紙を使ってユーザビリティのテストを行うというもので，手軽で安価なプロトタイピング手法として知られている。 ペーパー・プロトタイピングの良さは，誰でも今すぐ始められるという手軽さと，もうひとつ，ローテクであるがゆえに廃れることがないというところにある。 ペーパー･プロトタイピングは，君が今やっているデザインプロジェクトに影響を与えるというほかに，もうひとつの利点がある。それは，君のキャリアにとって得になるということだ。君が他に読んだ本のなかで，コンピューターとかウェブデザインとかに関する本のことを思い返してみてほしい。君が学んだことで１０年後も有益であり続けるものは，どれほ
フォームのインタフェースデザインを考える（1） - builder by ZDNet Japan
フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の３種類となっている。 :hover 項目にカーソル（マウスポインタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
