好ましいという感情と使いやすさの関係
もう2年以上前の話になりますが京都で講演をしたとき、利用者に響くWebサイトにおける構成要素を幾つか紹介しました（スライドはこちら）。機能性や有用性のようなユーザビリティに関わる要素だけでなく、有意義や満足度といった感情に関わる要素も紹介しました。利用者へよい体験を提供したいと考えているのであれば、こうした感情的な要素は外せません。利用者にとって有益なコンテンツを提供しているかどうか判断する上でも感情的な部分はひとつの測定要素といえるでしょう。人間のもつ特性や要因を把握し、利用者に良いと思ってもらうようにデザインすることを「Desirability」と呼ぶことがあります。 あまり聞かない言葉ですが、Useful, Usable and Desirable: Usability as a Core Development Competenceという Desirability に関する記事をマ
文字サイズ変更ボタンを考える - Kangaroonote
日本人はだいたい必要のないものを、あった方が良いという消極的な理由で、溜め込んだり、付け足したりするのが好きだ。 コンピュータにしても、日本メーカーのものを買うと、バージョンの古いアプリケーションがたくさんついてくる。そしてそれは往々にして、生涯使われることはない。 必要なものは、必要な時に、必要なだけ、必要とするひとだけが必要なものでしかない。 お得感をだそうとしているのかもしれないけれど、ぼくには貧乏性なだけのようにしかみえない。 先日も知人のコンピュータを買うのに付き合い、セットアップする際にハードディスクを圧迫する無用なものを全て削除するのに、ひどく時間をくった。 それはそれとして、最近、なぜかホームページで流行りの文字サイズ変更ボタン。 なぜ付けているのだろうか? もちろんあったほうがいいからに相違ない。確かに、あったほうが良い。ならいっそ、ビデオの予約と日焼け対策もしてくれると
成果につながるフォーム最適化 - シナリオの重要性 (ユーザビリティ実践メモ)
また、本サイトのコラムや実践メモでも、フォームの最適化については何度も述べてきました。 【ユーザビリティコラム】登録フォームのユーザビリティ 【ユーザビリティ実践メモ】フォームに関する記事一覧 フォームはユーザがアクションを行うために通過が必要な最後の砦であり、非常に重要な領域です。しかしながら、サイトはフォームが全てではありません。 あるサイトのフォームは、ユーザビリティは十分高いと思われるにもかかわらず、リスティング広告から入ってきたユーザのフォーム通過率は10%以下という状況でした。 そこで、ユーザがフォームに至るまでの過程を調べると、次のような課題が発見されました。 課題1. サイトに入ってくるユーザ全員に対して、同じ受け方を行っていた あらゆるリスティングのキーワードに対して、同じページを受けページとして設定していたのですが、実際にはキーワードによって、ユーザの状況は下記のように
「システム視点」で機能を作っていませんか？ (ユーザビリティ実践メモ)
不動産情報サイトや転職情報サイトなど、多くの情報を掲載しているサイトでは、ユーザが複数の条件を指定して検索する、という機能が非常に重要になっています。 そのサイトで紹介している各情報の属性は、 個人、法人のいずれも募集している 個人だけ募集している 法人だけ募集している の三通りがあります。 それを反映して、サイトでの検索条件指定画面では、次のような項目となっています。 さて、この検索機能をユーザの視点から見てみましょう。 この情報検索サイトのターゲットユーザは、大きく個人ユーザか法人ユーザのどちらかです。 例えば個人ユーザであれば、「個人を募集している情報を見たい」というニーズを持っているわけです。 それでは、個人ユーザが上記のプルダウンを見たときには、何を選べばいいのでしょうか？ 「個人・法人」？ それとも「個人」？ 弊社で実施したユーザ行動観察調査では、ユーザが「自分は個人だから」と
顧客企業×法人向けサイト―ユーザーに合わせた問題を解決するための法則 | ビジネス目的別企業Webサイト成功の法則
前回までは消費者向けWebサイト（サポート、マーケティング、ロイヤリティ向上）についてお話をしてきました。今回からはBtoB、つまり法人向けのWebサイトについて考えていきます。法人向けのビジネスを行っている企業の多くは、Webサイトで何かを購入してもらうわけではない場合がほとんどでしょう。消費者向けWebサイトに比べて、成果や存在意義を明確にできていないのが法人向けWebサイトといえます。そこで、「基本コンテンツ」「営業連携」「サポート」の3回に分けて、法人向けWebサイトの検討をしたいと思います。第1回となる今回は、基本コンテンツとして商品・サービスやソリューション情報の考え方・見せ方についてお話します。 法人向けサイトのユーザーは誰かつい数年前まで、インターネットユーザー＝パソコンやメカ好きな技術嗜好の人というイメージが強かったこともあり、法人向けのWebサイトもどちらかというとエン
EFO(エントリーフォームの最適化)のまとめ | ユージック
EFO(エントリーフォームの最適化)のまとめ 2009年8月7日 フォームのユーザービリティーの改善がコンバージョンレートの向上に一役買っているようです。 WEBサイトの最終的な受け皿であるお問い合わせフォームやショッピングカートといったフォームは他のコンテンツに比べて制作の際にないがしろにされがちですが、アクセス解析を見るとサイト内でもかなり上位の閲覧数のあるページとなります。 コンテンツできっちり情報を伝えて、アクションをおこしてもらってもフォームの操作性ひとつで機会損失につながることだってあります。 そこで最近ではEFO(エントリーフォームの最適化)としてフォームの改善対策が注目をあびています。 致命的な改善すべき項目 1.入力の訂正をする際に以前に入力した内容が消えないようにする せっかく入力したのに書き直しやエラー訂正の時に入力した内容が消えているとモチベーションがいっきに落ちる
モバイルユーザビリティ
ユーザテストにおいて、モバイル機器上でウェブサイトを使用したときのスコアは非常に悪く、特に、モバイル用にデザインされていない「フル」サイトにユーザがアクセスしたとき、悪い評価となった。 Mobile Usability by Jakob Nielsen on July 20, 2009 モバイル利用は多くのウェブサイトが直面している最大のチャレンジの1つである。モバイル利用はイントラネットにとっても重要だが、特に外出の多い従業員を多数抱える企業には重要なものである。 ユーザビリティ調査 モバイル機器上でウェブサイトを使いやすく、あるいは使いにくくしているものは何かを発見するために、我々は以下の3つのユーザビリティメソッドを組み合わせた： ダイアリー調査。6カ国（オーストラリア、オランダ、ルーマニア、シンガポール、イギリス、アメリカ）、14人の参加者に、約1週間自分のモバイル機器で行った、電
「写真が勝負」のサイトは、どんな写真を載せるべき？ (ユーザビリティ実践メモ)
ホテルのサイトや結婚式場のサイトなどでは、ユーザにどれだけ写真で施設の魅力を伝えられるかどうかが、資料請求や宿泊予約といったサイトの成果に大きく影響します。 今回はそのような「写真が勝負」のサイトで、どんな写真を載せるのがよいか悩んだ際の解決方法をご紹介します。 ホテルや結婚式場では、ウェブサイトに限らず、雑誌などの紙媒体でも写真が非常に重要です。どの写真を載せるか次第で、読者の反応が大きく異なると思われます。 ウェブサイトでも同様に、数ある写真の中からどれをサイトに載せるべきか、必死に悩んでいるという担当者の方は多いのではないでしょうか。� しかし、ウェブサイトでは「勝負写真」選びに悩むのは、非常にもったいないと言えます。�ウェブサイトは紙媒体と違い、スペースに限りがありません。あれかこれかで悩んだときは、両方載せてしまってもコストはほとんど変わりません。よい写真が30枚あるなら、30枚
日付や時刻の十の位と一の位を別々に選ばせるフォームは劣悪
日付や時刻の十の位と一の位を別々に選ばせるフォームは劣悪 2009-07-29-3 [Design] カレンダーの日付や時間を選ぶフォームで、 十の位と一の位を別々に選ぶタイプのやつは、 繰り上がるときにものすごく面倒。 例えば、29日になっているやつを30日にしたい場合、 2→3, 9→0 の二回の操作が必要になる。 前述のフォームは某乗り換え案内サービスのやつ。 下記のものはYahoo!の乗り換え案内のフォーム。 時刻は別々なのでダメダメだけど、日付はこっちの方がマシ。 願わくば、日付の後に「次の日」ボタンがあればいいかな（時刻のところには「▼(次)」と「▲(前)」がある）。 乗り換え案内だと次の日のことを調べる場合が多いので。
電子政府ユーザビリティガイドライン策定でユーザビリティ専門家認定の動き／HCD-Net通信 #14 | HCD-Net通信
「人間中心設計 (HCD)」を効果的に導入できるよう、公の立場で研究や人材育成などの社会活動を行っていくNPO「人間中心設計推進機構（HCD-Net）」から、HCDやHCD-Netに関連する話題をお送りしていきます。 世の中にはさまざまな資格があり、ユーザビリティに関係したものでは、認定人間工学専門家、認定心理士、情報処理技術者、TC（テクニカルコミュニケーション）技術検定、PMP（プロジェクトマネジメントプロフェッショナル）などがあげられる。しかし、ユーザビリティに特化した資格制度はこれまで存在しなかった。 ユーザビリティ専門家の資格認定にむけて、各国の動きは未だ概念的な検討段階に留まり、実際の認証システムが稼働しているところはまだないだろう。 電子政府ユーザビリティガイドライン策定へそんな中、日本では内閣官房の主導によって、電子政府システムのユーザビリティ向上のためのガイドライン策定作
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
jQuery: Input Limiter - Input Character Limit - Rusty Jeans
Overview This jQuery plugin will allow you to limit input into form fields. It can display a message as the user types to let them know how many characters they have remaining. Use Options Demonstration Download Source Found a bug? Enter a New Issue Use jQuery is required to use this plugin. Examples: Limit all textareas to the default limit of 255 characters: $(function() { $('textarea').inputlim
ユーザーに有用な12種類の効果的なナビゲーション
ユーザーに有用なウェブサイトをナビゲートする12種類のナビゲーションをOnextrapixelから紹介します。
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
Flickrで見つかるUIパターンのインスピレーション - everything might happen tomorrow - yhassy - builder by ZDNet Japan
IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 さあ、クラウドで解決しよう。 Google Cloud が「業務最適化」と 「イノベーションの実現」のヒントを提案 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 リスクのある暗号資産取引を追跡 ブロックチェーン分析を利用し 暗号資産取引の健全性向上を支援する！ 大学、研究機関、製造業など いま
携帯サイトでのユーザナビゲーションのコツ (ユーザビリティ実践メモ)
携帯サイトのユーザビリティはPCサイトと異なる部分が多く、携帯サイト特有のtipsが存在します。今回は、携帯サイトでのページ分割と、ページ内リンクの活用についてご紹介します。 従って、同じ量の情報を伝えるにあたって、 ページを複数に分割し、ページ遷移させる(ロードが必要) 1ページに情報をまとめ、ページ内リンクでコンテンツ間を移動させる(ロードが不要) という2種類の方法では、後者の方が「携帯電話=PCの代替」ユーザに好まれ、より多くの情報に接してもらうことができます。 実際、ページを複数に分割した場合、弊社のユーザビリティテスト（ユーザ行動観察調査）では図1のような行動が観察されています。 インデックスページへ戻ることを繰り返し、「面倒だ」と感じた時点でそのサイトへの興味を失い、閲覧を止めてしまうのです。 一方、1ページに情報をまとめ、ページ内リンクで誘導した場合の行動は図2のようになり
Webフォームバリデーション設計指針 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Janko Jovanovic氏がSmashing MagazineにおいてWeb Form Validation: Best Practices and Tutorialsのタイトルのもと、Webフォームバリデーションに使われるテクニックを紹介している。サイトを訪れるユーザにフォームでの入力を求める場合、適切なデータを入力してもらう必要があるが、ユーザはときにミスを犯す。Webフォームバリデーションは、こうした入力ミスを検出してユーザにそれを気がつかせ、正しいデータを入力するように促すためのテクニックを指す。 いくつもの例をとりあげてテクニックが紹介されており、最終的にはプロジェクトに応じて適切なテク
パスワード入力の「****」は不要？ 研究者の間で激しい論議
入力したパスワードは「****」で隠さずに、はっきり見えるようにした方がいいのではないか。そんな提案をめぐり研究者が賛否両論を展開している。 Webサイトなどでパスワードを入力する際、「****」を使って入力した文字が見えないようにする必要はないのではないか――。そんな提案をめぐり、研究者が賛否両論を展開している。 最初に問題を提起したのはWebユーザビリティ研究の第一人者ヤコブ・ニールセン氏。「パスワードを入力する際、画面に“****”としか表示されないのはユーザビリティ上問題がある。一般的に、パスワードを隠してもセキュリティは向上しない。それどころかログインに失敗してコストがかさむ」と指摘し、入力したパスワードの文字がはっきり見えるようにした方がいいと提言した。 著名なセキュリティ研究者のブルース・シュナイアー氏も、ブログでニールセン氏の意見に賛同を表明。「パスワードの文字を表示すれば
カタログからPC／携帯サイトへ誘導する際の3つの法則【ユーザビリティTips】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/08/user-interface.html
