キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
第0回 その気になった客を逃さないフォーム設計術 | Web担当者Forum
第0回 その気になった客を逃さないフォーム設計術 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。 この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザー
デジタルなノート：oxford｢Easybook M3 Disital Notepad｣
デジタルなノート：oxford｢Easybook M3 Disital Notepad｣2006.10.24 12:00 Oxford社から、デジタル時代の新しいノート、Easybook M3 Disital Notepadが発売されました。 これはほぼ普通のノートなんだけど、ペンが特殊なデジタルペンになっていてます。で、このノートに書かれたデータは、Word文書になってメール送信されるとのこと。 未来、近づきつつありますねー。何より重たいパソコンを持ち歩かなくていいのが良いところです。 会議なんかで使ったら、あまりの格好よさに議題どころではなくなってしまいそうなのがたまにキズ。気になるお値段は$461です。 Product Page [Oxford via Tech Digest]
フォームに入力を促すメッセージを出力する JavaScript
■ フォームに入力を促すメッセージを出力する JavaScript input type="text" なフォームに最初から「ここに入力して下さい」みたいなメッセージを薄い色で表示させておいて入力を促すようなのありますよね。なんか、あれを、現実逃避気味に書いたので。 function inputDefault(elm, msg) { this.elm = elm; this.msg = msg; this.color = '#999999'; this.bgColor = '#F9FFF9'; } inputDefault.prototype.set = function() { this._cleared = false; this._defColor = this.elm.style.color; this._defBGColor = this.elm.style.background
サンコー、Webカメラとしても利用できる双眼鏡型のデジタルカメラ
サンコーは、Webカメラとしても利用できる双眼鏡型デジタルカメラ「BINOCA01」を発売した。同社のオンラインストア「レアモノショップ」から購入でき、標準価格は16,800円。 1/2インチの210万画素CMOSイメージセンサーを搭載したデジタルカメラで、7倍ズームの双眼鏡としても利用できる。電池がない場合でも双眼鏡単体として利用可能。また、USB経由でPCに接続することで、Webカメラとしても利用できる。 32MBのメモリを内蔵し、外部メモリには対応しない。撮影可能な画像サイズはVGA（640x480）からQXGA（2,048x1,536）まで設定でき、VGAの高画質で最大425枚、QXGAの高画質で最大37枚撮影可能。AVI形式の動画も5分間撮影可能で、フレームレートはCIF（352×288）で30fps、VGAで15fps。 本体サイズは116.5×67.5×37.5mm（幅×奥行
社員証で着信
シーエフ・カンパニーは8月16日、社員証フォルダ型のBluetoothハンズフリーフォンセット「スマートバッジ」の販売を開始した。同社直販価格は1万2600円。 本製品は社員証フォルダにBluetoothハンズフリーフォンの機能を搭載したIQUA（イクア：フィンランド）の製品。Bluetooth搭載携帯電話に着信があると、Bluetoothを通じて本製品へ着信が転送され、ネックストラップと一体化したマイクとヘッドフォンで通話が行える。 対応プロファイルはHSP（HeadSetProfile）とHFP（HandFreeProfile）の2つ。バイブレーションモードを備えており、振動で着信を認識できる。携帯電話との通信可能距離は最大10メートルで、8台までのペアリングが行える。 リチウムポリマー充電池で作動し、5時間の充電で待ち受け600時間／通話40時間の利用が可能。サイズは100（幅）×7
Flashの正しい使いかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
最近はブロードバンド環境が当たり前となり、Flashを採り入れたサイトも当たり前のように見かけるようになりました。しかし残念ながらその多くは、Flashを使ったクリエイティブが「目的化」していて、ユーザビリティを損ねているように思います。 いくつか例を挙げてみましょう。（2006年8月14日現在） 某観光ホテルのサイト： ユーザーインターフェースに全面Flashを採用しており、クリック時のローディングで不必要に待たされます。せっかくきれいな写真が多く、魅力的なコンテンツを持っているのだから、Flashを使わずに「ユーザーがクリックしたらすぐにその情報を提示する」ほうが、ユーザーの満足度（ひいてはホテルへの好感度）も上がると思います。 某有名商業施設のサイト： ナビゲーションにFlashアニメーションを使っており、クリックした内容を見るのに待たされます。また、ショップ紹介とフロアガイドの
第18回 ユーザー・インタフェース作りに必要なマーケティング感覚
Webアプリケーションを開発する際に，対象ユーザーを考慮することの大切さについて見てきました。今回は，ユーザー・インタフェース（UI）設計にも，マーケティング感覚が必要なことを考えてみましょう。 UIの問題点を改善していく手順 例によって航空券の予約をサンプルに使います。下記の画面をご覧ください。このWebアプリケーションには，様々なオプションを付け加えることができます。しかし，必要最小限の情報は，「搭乗日」と「出発地」と「到着地」の三項目だけです。このUIに，どこか問題はないでしょうか。 (1) 日付部分への改良 まず注目してほしいのは，搭乗日という日付情報をユーザーにすべて入力させている点です。日付情報をユーザーにまかせ切ってしまうと，表記が統一されず，結局のところシステムでそれを補う処理が発生してしまいます（たとえ「2006/08/02」などと「例」を明記しても，半角文字と倍角文字と
Webデザイン エンジニアリング---目次：ITpro
この数年間で，（インターネットの総称としての）Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を，この環境の上で閲覧や操作できることは，特別なものから，徐々に当たり前で，なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で，Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが，利用者という立場からすれば，やはり「ユーザー・インタフェース（UI）」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上，作り手の側の意識も変化しなければ，ニーズに対応できません。そして，こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは，私たちの生活を便利にしてくれていますが，これで十分ではないのです。もっと多くの分野で，もっと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/busnews/20061024/26.html
caramel*vanilla » ページ内リンクをわかりやすくするJavaScript