シニア層のためのWebサイトユーザビリティ以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールや Skype 等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていましたが、実際に使っているところを見る

うちの会社が名刺をあまり管理できていなかったので、名刺をデータベース化するために延々とOCRで読み込む作業をたまにしています。 かっこいい名刺のデザインなんちゃらというエントリーは定期的にはてブに上がるわけですが、だいたいそういう名刺はOCRでちゃんと読み込んでくれません。でも、今はOCRで名刺を管理している人も増えているはずなので、そろそろ名刺のユーザビリティも語られるべきではないかと思うわけです[誰]。 そこで、名刺を延々とOCRで読み込ませて、その正確性をメモするという作業を繰り返した結果、名刺ユーザビリティガイドラインを公開します。 ライティング 当たり前だが、誤字脱字をしない 名刺の間違いを手書きで修正しない（電話番号が変わったからといって、二重線ひいて、新しい番号を書き足すなど） 「TEL・FAX」や「TEL&FAX」を使わない サイトURLは「org」を「orp」と認識しやす

尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38

当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いて... 当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いてみますよ。 で、今回はエントリーなんかでリンクを張るときに、当然外部サイトへのリンクと、自分のサイト内へのリンクが混在することになるかと思いますが、このとき外部リンクだけに 「外部リンクですよ」 とわかるようなアイコンを表示させてみたいと思います。 まずは、アイコンを用意しますね。こんなやつ↓ あとは CSS を書くだけですが、ここは 2段階に分けて考えます。どういうことかというと、まずはすべてのリンクにアイコンをつけてしまって、そのあとで、サイト内リンクのみアイコン

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

Twitterでちょっと盛り上がったのではてなにもメモ。あまり見かけない意見なので書いておく。 ※追記したけど、サービスのなかでも設定を無効にすることができるものも多い マウスオーバーすると、リンク先のサムネイルを表示するJavascriptがあるんだけど、あれが役立ったことないんだよなー。その割には鬱陶しいので、だから、自分で導入する気はないし、できたら他のブログで導入して欲しくない。 サムネイル画像を表示すれば、閲覧者が興味を持ちやすくなるだろうという発想から生まれているんだろうけど、特殊なWebサービスで画面が特徴的だとかならまだしも、他ブログにリンクしている場合、ブログのサムネイル画像はそれほど特徴的でないので、そんなに役立つことはない。ブログの場合、閲覧者に関心を持ってもらうのなら、サムネイル画像よりも記事の中身を引用するほうがいいだろう。 ブログの記事が文字だけで素っ気ないから

[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、サイトの目的にかかわらず必要になることが多い、企業サイトの申し込みフォームについて、フォレスターが調査した「なぜ途中で申し込みをあきらめてしまうのか」の概要と、申し込みフォームが使いづらい具体的な原因の1つ「フォームのラベルやボタンの位置やデザイン」とその解決方法を解説しました。 今回は、その続編として、申し込みフォームをより使いやすくするために注意するべき具体的なチェック点や

島根県は2008年2月14日，同県の公式サイトで採用しているCMS(コンテンツ管理システム）をオープンソース・ソフトウエア（OSS)として無償公開した。自治体が開発したCMSをOSSとして公開するのは国内初と見られる。島根県に在住する技術者まつもとゆきひろ氏が開発したRubyで構築されており，同氏が在籍するネットワーク応用通信研究所が島根県の委託を受けて開発した。視覚障害者が利用しやすくするための機能を備えていることが特徴。 基盤ソフトウエアもオープン ソフトウエアの名称は「島根県CMS」。2006年から県の公式ホームページで稼動している実績がある（関連記事）。特徴は，パソコンに詳しくない職員でもコンテンツの投稿，編集が容易になるような管理画面を備えていることと，視覚障害者向けにアクセシビリティを向上させる機能を備えていること。 アクセシビリティ向上のための具体的な機能として，Webブラウ

テレビで見た話題をYahoo!で検索したり、ネットショッピングで買い物をしたり……かつて“仕事の道具”だったPCはすっかり日常的な存在になり、家庭にも当たり前に入り込んでいる（9月10日の記事参照）。 ところで家庭では、みんなどのような環境でPCを使っているのだろうか。 コンサルティング会社のブライト・ウェイは9月7日、「家庭でのPCの使用状況、設定について」アンケート結果を発表した。調査期間は2007年8月1日から8月31日までで、同社が運営する子育て支援サイト「こそだて」で実施したもので、回答数は516人（男女比24：76）。 調査によれば、家庭で使用しているPCは、デスクトップが51.8％、ノートPCが47.1％だった。ディスプレイの画面サイズは、14～15インチ程度（ノート）が34.1％で最も多く、次いで17インチ程度（デスクトップ）21.8％だった。デスクトップを含めると、14～

”とある外国人向けのページ”が面白かった。「超訳」ですが…。 面白いなぁと思ったのは、エントリの内容もさることながら、むしろ罵倒表現のバラエティについてです。念の為。 最新のインテル「Core 2 Duo」プロセッサ、メモリ2GB、最新のマイクロソフトOS「Windows Vista」を搭載したPCを購入した。10万円以上かけて購入したこの新しいPCは、快適なウェブブラウジング環境を手に入れようと、大金をはたいて購入したものだ。だが、買ってきてセットアップしてみて、私の心はズタボロに切り裂かれることになった。 何よりも驚かなくてはいけなかったのは、その起動時間の遅さだ。Intel社が会社を挙げ、大金を注ぎ込んでできあがったデュアルコアCPUを搭載しているのに、Windowsの起動までに1分以上かかる。一体これはどういうジョークなのだろうか？一流のアメリカンジョークだというのだろうか。 なぜ

Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。 そんな超基本の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。