TechCrunchNorwest Venture Partners, a 65-year-old firm backed solely by Wells Fargo, has raised its 17th fund at $3 billion. That’s a noteworthy number, given that NVP last raised the same amount in Decem
アクセシビリティとSEO共通の最適化――「隠しテキスト」「キーワードの詰め込み」 | Moz - SEOとインバウンドマーケティングの実践情報
検索エンジン最適化（SEO）が進化してきた背景には、次のようなものがある： 検索エンジンが、ウェブサイトの分類と順位付けを自動的に行うアルゴリズムを生み出し改善する動きSEO業者が、こうしたアルゴリズムの抜け道を利用しようとする動き一方、アクセシビリティは、支援技術（AT）によって人と情報を結びつけ、誰もが情報にアクセスできるようにしたいという願いから生まれた。 この2つの分野を、「機械によるウェブページの読み取り」という点に限って考えると、いくつか共通点が浮かび上がってくる。この記事では、この共通点について取り上げていく。 検索エンジンへの最適化を適切に行うことは、同時にスクリーンリーダーや支援技術を利用している人々のサイト体験にも影響を与えることになるのだ。 アクセシビリティとSEOを扱う今回の記事では、人の目には見えなくても機械には見えるテキスト、色、リンク、コンテンツの書式設定とい
第1回：「観察」をビジネスに役立てる
私の勝手な想像ですが、多くの読者の皆さんは、製品の性能あるいは機能の測定や検証などのために日々、数字と格闘されているのではないでしょうか。優れた製品を生み出すためには、測定や検証を通じて定量的なデータを得ることはとても重要です。しかし、本稿では、そうした数字をあえて扱いません。では何を扱うのかというと、製品にまつわる「観察」、中でも人（ユーザー）の「行動」についての観察を取り上げます。 観察というと、皆さんがまず思い浮かべるのは、小学生の時に学んだ理科ではないでしょうか。アサガオの成長やオタマジャクシの生態、化学反応の実験など…。事実を知るには、まず観察すること。それは、皆さんが技術者になっても続けていることでしょう。少し大げさかもしれませんが、「全ての科学は観察から始まる」ともいえるのだと思います。 「行動観察」は、製品を使っている人の行動や人を取り巻く環境を観察し、そこから必要な情報を
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
「記憶力」が衰えたユーザーにも優しいサイトにするための6つのポイント | マミオン有限会社-パソコン・数学研修、法人研修
加齢とともに衰える認知能力のひとつが、「記憶力」です。 次のグラフは、作動記憶（working memory）、短期記憶（short-term memory）、長期記憶（long-term memory）、情報の処理速度（speed of processing）、言語知識（verbal knowledge）の5つの認知能力の年齢による変化を調べたものです。 画像参照：記憶は加齢で衰える。知識は加齢で増す。｜しんりの手 :psych NOTe これを見ると、作動記憶、短期記憶、長期記憶の能力は、加齢によりほぼ一直線に下がっていることがわかります。またパソコン教室でシニア層の生徒さんに教えていても、やはり若い人と比べると、覚えるのに時間がかかったり、忘れやすい傾向が高いなと感じています。 今回は、誰もがなる「記憶力」の衰えに備え、そうした人でも使いやすいWebサイトにするためのチェックポイント
Webの「読みやすい」を僕も考えてみた。 | Maka-veli.com
先に極論申しますと、「人によりけり」という結果になりました。 ただし、一般論的な物も多いので、人によっては見やすくなるポイントになるのかなと思います。 Webは基本流し読み。見出しアクセントはやっぱ重要 最近良く色んな記事でも見るけど、やっぱりこれは大事。 特にブログ。 最初から「じっくり読む」なんて事はあまりしないですよね、好きなサイトじゃないと。 見出しが見出しなのか？もわからないような物では読みづらいと思います。 横に読むという事を意識したサイジング Webは横に読む。 イコール、目が横に動く。 つまり 、横の動きを何度も繰り返しさせる。 これは本当に疲れる・・・ だから目だけで楽に追えるサイズに横幅を調整してあげると良い。 ただし、横に長すぎの場合でも、人によっては逆に見やすい事もあるかも。 「折り返し」が少ないですからね。 背景等、質感で光を分散すると以
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
iPhoneアプリ有料化で批判殺到｜食べログは何をミスったのか
月額課金というスタイルで、突如食べログアプリユーザーの機能制限をし、その機能を有料化した食べログ。 今回食べログアプリがやらかした事は、多くのユーザーに嫌われ、アプリを消してしまう人まで増やす結果となった。 一体何が起こったのでしょうか？ 9月の食べログアップデート炎上事件 もはや有名な事件なので、すでにご存知の方も多いかと思いますが、食べログがやらかした事で報道されている内容は次の一点。 お店検索の検索結果を点数順、人気順にソートできていたが、それを月額315円支払ってくれるプレミアムユーザー限定の機能にするため、利用できなくなります。 というものだ。 これがきっかけで鎮火不能のレビュー炎上となった。 もはやこのアプリすごく良いという声は何処からも聞こえてきません。 実際に使って見るとわかりますが、これまで使えた機能が奪われたので「iPhoneアプリ」としてはかなりいらないアプリにまで落
「なんだ朝日新聞は読めないのか」――高齢者がiPadを使ったら？
iPadが発売されて3週間ほどが経過した。発売当初の熱気が落ち着きつつあり、改めてiPadについて振り返ってみるにはいい時期ではないだろうか。米国での3G版発売が5月7日と正式発表される一方で、日本を含む世界での販売は5月末に遅延と残念なニュースも出ているが、2週間ほどiPadを使い続けてきた感想と、これまでに出てきたiPad関連のニュースをまとめて、iPadリポート総集編という形でお届けしていく。 以前に、Appleイベント現地リポートまとめの後編として「ぼくらは“未完成”の「iPad」に期待しすぎていたのだろうか」という記事を書いたが、ここで「iPadは高齢層や教育現場、PCとは縁のやや薄い一般層あたりに需要があるのではないか？」という言葉でまとめのコメントを締めてみた。 iPadのような“PCの一歩手前”である機能限定型デバイスは、多くの一般層を対象に潜在的な需要があるのでは、とは常
美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合
長崎心泉堂の「幸せの黄色いカステラ」というのを楽天で取り寄せてみました。 とても卵の味が濃くて、甘さはその分抑えてあり、非常に美味しいカステラでした。 よくあるカステラとは明らかにひと味もふた味も違います。届いた１本を数日で食べきって、またすぐに注文しちゃったくらいです。 また、アフターケアも充実していて、買った後、こんなメールまで届いたのです。 題名：【長崎 心泉堂】カステラは無事お届けできていますか？ お世話になります。 カステラ専門店【長崎心泉堂】 受注担当 待鳥智美です。 ＜中略＞ さて、ご注文の品は無事お届けできておりますでしょうか ご贈答の場合は、お届け先様にお気に召していただけましたでしょうか？ カステラのお味はいかがでしたでしょうか? ぜひ、私どもに、お客様の声をお聞かせくださいませ。 お願いします。 というのも、お客様の声によりよい商品作りがあると考えるからです。 当社の
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
特定商取引法ガイド
訪問販売 事業者が消費者の自宅等に訪問して、商品や権利の販売又は役務の提供を行う契約をする取引のこと。 キャッチセールス、アポイントメントセールスを含みます。 通信販売 事業者が新聞、雑誌、インターネット等で広告し、郵便、電話等の通信手段により申込みを受ける取引のこと。 「電話勧誘販売」に該当するものを除きます。 電話勧誘販売 事業者が電話で勧誘を行い、申込みを受ける取引のこと。 電話を一旦切った後、消費者が郵便や電話等によって申込みを行う場合にも該当します。 連鎖販売取引 個人を販売員として勧誘し、更にその個人に次の販売員の勧誘をさせる形で、販売組織を連鎖的に拡大して行う商品（権利）・役務の取引のこと。 特定継続的役務提供 長期・継続的な役務の提供と、これに対する高額の対価を約する取引のこと。 現在、エステティックサロン、語学教室など７つの役務が対象とされています。 業務提供誘引販売取引
システムの考え方の変遷 ／RIAシステム構築ガイド #02 | RIAシステム 構築ガイド Essential 2007
RIAシステム 構築ガイド Essential RIAコンソーシアムが発行する、RIAの普及促進や開発に関するガイドライン『RIAシステム 構築ガイド』の2007年版である『RIAシステム 構築ガイド Essential 2007』をWeb担向けに特別にオンラインで公開するコーナー。 RIAシステム 構築ガイドに関しての詳細はこちらRIAコンソーシアムに関しての詳細はこちら コンピュータだけ早くても仕事は進まないMacromedia（現Adobe）は、こうしたインターネットアプリケーションの変遷を、図のように説明しています。すなわち、メインフレームからクライアント/サーバー、初期のウェブ（HTML）、そしてRIAへの流れを、コストパフォーマンス（投資額に対する有効性）とユーザビリティ（利用者の使い勝手）という二軸によって説明しています。 この図は、通常業務的な部分で、情報システムがメインフ
ユーザーに尋ねても必ずしも正しい答えは返ってこない
今日はたまたま「ユーザーからのフィードバックを集めることの難しさ」が話題になったので、それに関連するエントリー。 もの作りにおいて、「ユーザーが何を必要としているか」を知ることは大切だが、だからと言ってユーザーに尋ねれば正しい答えが返ってくる訳ではないところが難しいところ。具体的な例としては、こんなものがある。 1. サイレント・マジョリティの声は聞こえてこない これはMicrosoftで実際にあったことだが、Outlookのチームではユーザーから寄せられる機能追加のリクエストに従って色々な機能を足していた時期があったが、その結果不必要な機能ばかり増えて、単純な作業が逆にやりにくくなってしまった（たとえばカスタム・フォームが良い例）。このケースでは、ごく一部のヘビー・ユーザーばかりが声がでかく、「今の機能で十分、これ以上複雑にしないで欲しい」というユーザーは何も言ってこない（こういう人たち
検索ユーザーの目線はどう動く Yahoo！とGoogleで違い
アイレップとジャパンマーケットインテリジェンスは6月11日、Yahoo！JAPANとGoogleの検索結果画面を見ている際のユーザーの目線の動きを調べた結果を発表した。Yahoo！は「関連検索ワード」や「Yahoo！カテゴリ」が注目されており、Googleはサイトのタイトルを最初から最後までよく読まれているという傾向が見えた。 測定は昨年9月から10月にかけ、目の網膜に照射した赤外線の反射を利用する専用機器を使い、無作為に選んだ76人（男女半々）を対象に実施した。 それぞれ、画面上部に検索連動広告が表示されている場合と、表示されていない場合に分けて調べた。 Yahoo！検索で広告が表示されていない場合、目線は「逆L字型」に動く。検索結果の上に表示される「関連検索ワード」や「Yahoo！カテゴリ」を見るために目線が右に動き、その後目線が左に戻り、検索結果サイトのタイトル先頭部分を下まで流して
観的なインタフェースをめざして
現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳