モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
sta la sta
扇動マーケティングの口コミについて知りたいのなら、こちらのサイトをよく確認したほうがいいです。 そして、あなたがこの商品を買う予定なら、このページで、扇動マーケティングにより何ができるのかを、よく確認した上で購入することをおすすめします。 また、口コミや評価の掲載があれば、それもしっかりとチェックしましょう。 下に掲載の情報も参考になるかもしれません。 商品名：扇動マーケティング 販売商品紹介：・扇動セミナー・スリートップライティングセミナー×2 セミナー動画×3 販売者名称：株式会社GRASP 決済代行企業：infotop 販売者公式ページ このページでは、扇動マーケティングに関した情報を募集しています。下のコメント書き込み欄を使って投稿してください。 本ウェブサイトでは、FacebookなどのSNSやGoogleアカウントでのログインや、会員登録をすることなく、誰でも名前を非公開でコメ
DESIGN IT! : 自治体Webサイトのユーザビリティ評価 ユーザー視点の設計をペルソナ法で学ぶ
経営管理指標による評価 ROI（投資資本利益率） ROA（総資本利益率） ROE（自己資本利益率） その他評価 ORI (Online Relationship Improvement：CRM等のオンライン投資の評価) MVT (Measuring the Value of Technology：技術要素の価値評価) Webサイトの「使いやすさ」を効果的に調べるにはどうすれば良いのだろうか? Webサイトを評価する一般的な方法には、ユーザーへのインタビューのような方法もあるだろうし、アンケートやアクセス解析で定量的に調査してページ間の動線を検討することもあるだろう。現在、代表的なWebサイトの評価手法としては、右の表にまとめたような多くの手法が知られている。 では、この様々な手法の中で、「使いやすさ」についてユーザーの視点から評価する方法として有効なものはどれなのだろうか。 まず、最初に考
ユーザの慣れや先入観に配慮する (ユーザビリティ実践メモ)
インターネットの普及が進みユーザのウェブサイト利用経験が増えるにつれ、ユーザにある種の慣れや先入観が発生していることがあります。ウェブサイトやページを設計していく上では、この慣れや先入観を加味して構成を検討することが重要です。 今回はこのようなユーザの慣れ・先入観について、弊社である企業サイトのユーザビリティテスト（ユーザ行動観察調査）を行った際の事例をご紹介します。 しかし、調査においてユーザに企業情報コンテンツを探してもらったところ、ほとんどのユーザはメインコンテンツエリアに置いたリンクを見つけることができませんでした。 これらのユーザの行動をアイトラッキングで確認したところ、トップページを訪れたユーザは、メインコンテンツにほとんど視線を移すことなく画面下部のフッターを注視し、企業情報へのリンクを探そうとしていましたが見つからず、ついで画面上部に戻り、ヘッダーを探したもののやはり発見で
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
一般人はそこまでネットを使わない - （旧姓）タケルンバ卿日記避難所
こうやってブログを書いたり、Twitterやmixiを使ったり、またははてなアンテナやRSSリーダーで情報を集め、気に入った記事があればはてなブックマークに登録するなど、気ままにネットツールを利用していますが、こういうのを当たり前に使っていると、一般的な世界とは認識が離れていくもんです。使っている人にとっては当たり前のツールでも、知らない人・使わない人にとっては「なんじゃそりゃ」です。「自分の常識は、他人の非常識」であることは珍しくありません。 特にそれを痛感したのは学生との会話。5月はゼミのディベートの試合があったので、後輩を指導しておりました。そのため、学生と話す機会がもの凄く多かったわけですが、そこでの会話がまあ自分の認識のズレを気付かされるものでして。自分は普通、一般人と思っておりましたが、気付かないうちに奇妙な人種になっているものなんですね。 ブログは書くものではなくて読むもの
右寄せのナビゲーションメニューは読みにくい
左端を上から下へ、ざっと眺めるようにユーザはリストを読む。メニュー項目が右寄せになっていると大変読みにくい。 Right-Justified Navigation Menus Impede Scannability by Jakob Nielsen on April 28, 2008 アイトラッキング調査によれば、ユーザはリストの左端を上から下に向かってざっと眺めるように読む。左端に並んだひとつか二つの単語の中で目を引くものがあれば、リストの残りの部分にも目を向けることになる。 縦に並ぶメニューのデザインガイドラインは、次のとおり言わずと知れている。 左寄せにする。そうすればユーザは、視線を縦にまっすぐ動かすだけでよい。各項目の先頭を特定するのに、いちいち苦労しなくて済むのだ。 各メニュー項目の出だしには、情報の豊富な用語をひとつか二つ置くようにする。 複数のメニュー項目の出だしに同じ用語
ビジターを顧客にするサイトデザイン | Moz - SEOとインバウンドマーケティングの実践情報
オンラインの、切実だけど思うように行かない話を取り上げる。サイトにやってきた人々が、サイトでどんな行動を選択するのか？ うまく計画を立てられれば、その答えは「サイト側が望むもの」になる。 サイトにビジターが集まったとする。ビジターはサイトのいろんなページを思い思いに見て回っている。さてどうするか。アクション（行動）の道筋を明確にする必要がある。ここでいうアクションの筋道とは、手取り足取り情報を案内し、ショッピングカートや登録プラン、ダウンロードなどへとビジターを導く緻密で手の込んだ視覚による刺激のことだ。 顧客とトラフィックに関する僕の記事（日本語版記事）からの続きで、今回は、ビジターがたどる明確なアクションの道筋を作るために、ページをどうデザインするかという問題に取り組む。 サイトでのビジターの行動に影響する要因として、どんなものが考えられるだろうか。 サイズ――文字サイズ、ページサイズ
CAPTCHAは愚策:江島健太郎 / Kenn's Clairvoyance - CNET Japan
最近ようやく初級プログラマーを卒業できた手応えのようなものを感じており、いよいよコードを読み書きするのが楽しくてしょうがない段階になってまいりました。 こういうとき、Rubyは初心者にもやさしいけど、上達すればどこまでも上のステージが用意されているような、まるで自然言語のようななめらかさ・しなやかさがあって、ほれぼれとします。デザインの美しいものに触れているときには人間はこんなにも幸せになれるのか、という感じですね。ときに、今回のブログネタは、デザインの悪いものに出会うとこんなにも気分が悪くなるのか、という話なのですが。 なお、新プロジェクトではデザイナーのクリスの勧めでHamlを使うことにしたり、アーキテクトのダニーの設計でJavascriptにPublish-Subscribe型の（つまり一対多の）コールバックのフレームワークを作ってみたり、ReallySimpleHistoryを使い
ユーザビリティ | 秋元@サイボウズラボ・プログラマー・ブログ
Eric Burkeさんのブログ Staff That Happens(閉鎖)より、単純さ(Simplicity)とは、 Apple や Google と、「あなたの会社の製品」では、カバーする内容が違っているというのもあるだろうけれど、ユーザーが選べる箇所を減らすためにはどうするか、という視点を持つことについて示唆に富む比較かもしれないと思った。 [更新 2015-09-11 リンク先閉鎖確認にあわせて修正] この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
フォームとアクセシビリティ -- ごく簡単なHTMLの説明
フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル（説明的な名前）を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次： コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素： label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール（テキストフィールドやメニューなど）は、name属性を持ちますが、それは送信データに名
Web2.0ナビ: ウェブサイトの横幅が1000px時代に突入する
いいね！ 0 ツイート B! はてブ 179 Pocket 4 ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリティ上最適なサイズだった。大手ポータルサイトをはじめとして、800px未満で構築されたサービスが殆どだった。 しかし、ここ最近は800pxをあまり意識していないと思われるウェブサイトが多く登場してきた。mixi、AllAboutJapan、朝日/読売などは1000pxで最適化されている。ウェブサイトの横幅が1000px時代に突入しようとしているのだ。 # 厳密には950pxだったりするが、便宜上1000pxとしている。 ウェブサイトの横幅が1000px時代に突入しようとしているのには、大きく3つの理由がある。 画面解像度の向上 1000pxを表示するためには、それ以上の画面解像度のモニタが必要だが、今は1024以上のモニタが主
バナー画像の3倍の効果をあげたテキストリンク（powered by beBit） | SiMPLE*SiMPLE
バナー画像の3倍の効果をあげたテキストリンク（powered by beBit） November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員（月額300円）があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告＝邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト
勝手にフィードバック：新生銀行：江島健太郎 / Kenn's Clairvoyance - CNET Japan
さて、前回に続いて「勝手にフィードバック」シリーズに登場いただくのは新生銀行です。 引き続き、開発者に黙ってサイトの使い勝手を遠慮なくバッサバッサと斬っていきたいと思います。 ■新生銀行って？ かつて高度成長期に「長銀」と呼ばれて栄華を誇り、その後バブル崩壊とともに経営破綻、国有化と外資の投資組合による買収を経て「新生銀行」として再出発した普通銀行ですが、消費者の目線に近いかなり大胆なサービスへと刷新することで、大きくイメージアップしました。 特にサービスのコスト面での単純明快さ（ほとんど全てが無料）では他に抜きんでていて、たとえば、コンビニや郵貯のATMで入出金しても365日24時間いつでも手数料無料、他行への振込手数料もネット経由なら月５回まで無料（つまり一般人には永久に無料）、という具合です。 で、私はというと最近までシティバンクとジャパンネット銀行をメインで使っていたのですが、宮川
IDを指定してもらうタイミング (ユーザビリティ実践メモ)
会員登録手続き等、入力フォームにおいてユーザに好きなIDを指定してもらう場合、ID入力フィールドの画面設計に注意が必要です。 弊社で行った同様の入力フォームの調査では、何のIDを入力してよいかが分からず「ここには何を入力すればいいの？」と困惑するユーザが確認されました。 こうしたケースでは、ユーザに運営者側の意図を伝えられているかどうか、忘れずにチェックを行いましょう。 IDの入力フィールド付近に「ご希望のIDを指定してください」といった文言を添え、ユーザにIDを指定してもらうことを明確にする冒頭にあるID・パスワードの入力フィールドは、所有ID・パスワードの入力と誤解されやすいため、できる限り冒頭に設置しない （但し、その前の文脈から、ユーザがIDを新しく取得する意思を持ってこのページに来ているとすれば、この限りではありません） 上記の工夫を施したフォームでユーザビリティテスト（ユーザ行
第7回 コンテンツの魅力を引き出すユーザーフレンドリーなウェブライティングのコツ | Web担当者Forum
第7回 コンテンツの魅力を引き出す ユーザーフレンドリーなウェブライティングのコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） コンテンツの価値を確実に伝える ウェブライティングの基本6大原則とは「Content is King」という言い回しを見聞きしたことはあるだろうか？ これは“音やグラフィックなどの表現法より、提供する情報の中味がまず第一である”という格言であり、ビル・ゲイツも引用しているほどだ。最近は、SEOやLPOを筆頭とするさまざまな「ノ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
サイボウズ株式会社
https://www.openvista.jp/archives/note/257/?257/