【今すぐ役立つ行動心理学】サイトの売上に繋がる手法28選！ | LISKUL
マーケティングでは、顧客心理を読み解くことが戦略策定のもっとも大切なポイントの一つです。 その顧客心理を読み解く一つの方法として「心理学」が応用され、人間の「性質」や「本質」をもとにしたマーケティング戦略が考えられてきました。 ただ、この心理学がWEBマーケティングにおいて活用されることはまれでした。 そこで、今回はWEBマーケティングに役立つ行動心理学の手法を8つに厳選してピックアップ。 それらが実際に活用されている企業サイトを集めて重要エッセンスを抽出しました。 そしてさらに勉強したい方に向けて、もう20個の行動心理学の効果と実用方法をまとめました。 ウェブサイト上で行動心理学がどのように使われているのか、実例を参考にしながら、ぜひ自社サイトやブログにも導入してみて「ついクリックしてしまう」サイトを目指していきましょう！ Webサイトの改善策を”自動”で提案！売上向上に繋げるサービス『
国内UX第一人者 黒須正明先生による連載コラム第一回「UXへの大いなる誤解」 - KUSANAGI Tech Column
UX（ユーザエクスペリエンス）の定義や誤解について解説し、本来の意味とは異なる使われ方をしている現状を批判しています。1998年に認知工学者のノーマンが初めて提唱したUXは、製品がどのように見え、学習され、使われるか、ユーザのすべての経験を包括的に捉える概念です。しかし近年、特定の意味を持たない一般語として広まり、定義の曖昧さから誤解も生じています。筆者は次回、自らの定義するUXの概念構造を紹介すると述べています。 今回から全6回にわたり、Web関係者の皆さんを主対象にしたUXの解説を書くことにします。世間に出回っているUXに関する言説には論理的に考えるとちょっとおかしいものが多いので、そうした話を聞かれてきた皆さんには多少の違和感があるかもしれませんが、どうぞよろしくお付き合い願います。 [UX概念の誕生] いまでは頻繁に耳にするUX (注1)という概念は、認知工学者のノーマン(Norm
「OFF」とだけ書かれた1つのスイッチ「押すとどっちになるのか分からない」 投稿されたイラストが共感を呼ぶ
スイッチを押すとオンになるのか、オフになるのか分からない……そんなもどかしさを描いたイラストがTwitterに投稿され、共感を集めています。ほんとこういうデザインなんとかしてほしい。 投稿したのはTwitterユーザーのLV41（@lV41_）さん。描かれていたのは灰色の四角形に「OFF」とだけ描かれた平面のイラストでした。これだけでは“押すとオフになる”というアクションを示しているのか“今はOFFだけど、押すとオンになる”という現在のステータスを示しているのかが分からないため、LV41さんは表示方法を統一するよう提言。同時に投稿された漫画には、爆弾の起爆スイッチがこの方式で画面上に表示されたものだったため、解除できず爆発してしまう様子も描かれました。特に画面上でフラットに表示された場合、視覚的な感触が得られにくいために混乱しやすくなっているようです。 さあ、どっち？ 極限状態でこの形式の
Backdrop | UXの語感
UXという言葉は2005年ぐらいにはすでにバズワードだったが、その後もますますバズっぷりを増している。 UXという言葉は人によっていろいろな意味で使われるとよく言われる。実際、私も仕事でいろいろな人がいろいろな意味で（そして真面目に）UXという言葉を使っているのに遭遇する。 デザインコンサルタントとしては、UXを何かひとつ定義づけることよりも、世間でこの言葉がどのような使われ方をしているのかを知ることの方が重要だ。 ちなみに、私の定義はとても簡単だ。誰かが私に「UXとは何ですか？」とたずねれば、私はこう答える。 「利用者体験のことです」 それ以上でも以下でもない。英単語の直訳で十分意味のある言葉だと思う。 例えば「デザインって何ですか」とか「UIって何ですか」といった質問に答えることの方がずっとコンセプチュアルで難しい。UXは簡単だ。 ただ世間でいろいろなニュアンスが盛られて使われているよ
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
アクセシビリティ - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "アクセシビリティ" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL（2016年8月） アクセシビリティ（英: accessibility、略称: A11Y）とは、障害者が他の人と同じように物理的環境、輸送機関、情報通信及びその他の施設・サービスを利用できることをいう。 上記の定義は障害者権利条約に基づく。その第9条は、英文では"Accessibility"であり、外務省が提供する日本語訳では「施設及びサービス等の利用の容易さ」となっている。欧州アクセシビリティ法の定義もほぼ等しい。 建造物におけるアクセシビリティ[編集] 建物と、建物に至る
JIS X 8341-3:2010 関連文書
ウェブアクセシビリティ基盤委員会では、作成したJIS X 8341-3:2010に関する文書を以下のそれぞれのページより公開しています。 JIS X 8341-3:2010 解説 ウェブアクセシビリティ方針策定ガイドライン ウェブコンテンツのJIS X 8341-3:2010 対応度表記ガイドライン JIS X 8341-3:2010 対応発注ガイドライン JIS X 8341-3:2010 試験実施ガイドライン ウェブアクセシビリティ評価ツールの最低要求仕様
早稲田大学のサイトリニューアルがなぜこんなにひどいのか。 - 隣り合わせの灰と青春
久しぶりにセミナー以外でブログ書きます。 このたび早稲田大学のWebサイトがリニューアルされました http://www.waseda.jp/top/ が、かなり論議になりそうなリニューアルなので、 情報設計専門家として内容を見てみます。 1.なにがグローバルなサイトなの？ 今回のリニューアルではIE10以降を対象外としていて、 普通に使っているIE7や8では見ることができません、 これはアクセシビリティ上かなり問題だと思います、 多くの人が目にする大学というサイトでノンアクセシビリティを貫くというのは、 いまの時代にそぐわないのではないでしょうか。 わざわざIE10にアップデートまでしてみるサイトでもないですしね。 ぜんぜんグローバルじゃありません。かっこ悪いです。 2.レスポンシブデザイン？ スマートフォン、タブレットに対応したサイトになったみたいですが、 そもそものとこ
JR東日本、特急「ひたち」「ときわ」に新たな着席サービス・特急料金を導入
JR東日本は30日、上野東京ライン開業にともない、品川～いわき間(常磐線経由)に新たな特急列車「ひたち」「ときわ」を運行すると発表した。新たな着席サービスを導入し、特急料金も新たに設定される。 「ひたち」「ときわ」の運行開始により、平日の常磐線特急列車は日中の全列車と夕夜間帯の一部列車が品川駅発着となり、東京駅にも停車。土休日もこれに準じる予定だが、詳細は決まり次第発表となる。特急「ひたち」「ときわ」の普通車では、従来の指定席・自由席の区分が廃止され、全列車の普通車で事前の座席指定が可能になるほか、座席指定を受けなくても車内の空席を利用できる新たな着席サービスを導入(グリーン車は対象外)するという。 この新サービスでは、「ひたち」「ときわ」利用の際、指定席特急券を購入するか、座席未指定券(乗車日と区間は指定するが列車と座席は指定しない特急券)を購入するか、いずれかを選ぶこととなる。座席未指
Webデザインの慣習を破ることは、ユーザーエクスペリエンスを破壊すること
Bucknell Universityのサイトの、型破りなレスポンシブデザインへの変更は話題を呼んだが、それによってユーザビリティがかなり犠牲になっていることが、学生と保護者によるテストで明らかになった。 Breaking Web Design Conventions = Breaking the User Experience by Katie Sherwin on July 20, 2014 日本語版2014年10月6日公開 大学のWebサイトのトップページを頭に思い浮かべてほしいと言われたら、どのようなイメージが浮かぶだろうか。浮かぶのはSUNY Cortlandのトップページのようなもの、つまり、芝生の上に学生がいる画像があって、ページの上部にはナビゲーションがあり、そこにAcademics（：学部・大学院）、Admissions（：入学案内）、Prospective Studen
切れないハサミと使えないWebデザイン | ベイジの社長ブログ
本エントリーは、以下の目次で構成されています。 2種類のハサミと2種類のWebデザイナー Webデザインの特殊性 ビジュアルのディテールに神が宿らないWebデザイン 美しいが使えないWebデザインをしてしまう理由 Webデザイナーを支配する「強固な固定観念」と「裏の動機」 美しいビジュアルの根底にあるデザインの本質 本当に「最近のWebデザインはつまらない」のか？ ミスマッチが生む不幸なWebデザイン Webデザイナーに求められる自らのスタンス Web制作会社にも求められる明確な価値観 2種類のハサミと2種類のWebデザイナー 例えば、以下のような2種類のハサミが存在するとします。 工芸品のように美しいが切れ味はよくないハサミ 見た目はそれなりだが非常によく切れるハサミ 1は、ハサミとしては売れないでしょう。ただ、それが刺激的で斬新なビジュアルであった場合には、特別な賞を取ったり、美術館に
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
スクリーンリーダーユーザーのためのユーザビリティ≠アクセシビリティ
2014年5月28日 著 標題で言いたいことは言い切っているのですが、まぁ、そういうことです（両者に包含関係はあれど完全一致ではない）。一般論として、ユーザビリティとアクセシビリティには深い相関ないし類似が認められるというのは間違いないでしょう。たとえば、あるユーザーにとってユーザビリティ上の効率が極端に低下した状況というのが「事実上の」アクセス不能であって、ゆえにアクセシビリティ上の問題があると解釈することは可能でしょう。とはいえ、両者について自分は割と「混ぜるな危険」という立場を取ることが多く、可能な限り切り分けたうえで議論なり設計・実装に取り組むことを好みます。そのベースとなっている考え方は、過去の覚え書きでいうと アクセシビリティとユーザビリティ Re: ウェブアクセシビリティマークの提唱について 辺りで書いて来た通り（ほかにも複数の記事で言及してきたけど割愛）。で、なんで今さらま
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
「ネットに強い」ひとほどフェイスブックは使いづらい - in between days
フェイスブックが使いにくいみたいな意見はよく見かける ネット初心者・上級者・古参、関係なく見かける このひと、ネットのリテラシー高くて、ほかのツールはすぐさくさく使えてるのに、フェイスブックにはすごいダメ出してる、みたいな人いる でも、個人的な感覚として、そんな使いにくいインターフェースではない 慣れなのかなともおもったけど、いつまでも慣れないってひともよく見かける ということは、慣れとかリテラシーとかじゃない何かがある むしろ、既存のネットに慣れてたりリテラシーがあったりすると、それが邪魔をするような何かがある 例えば、ニュースフィードが投稿を間引いたり、並び替えたりするのを、すごい怒ってるひとをよく見かける 時系列で全部を並べろ、という でも、時系列で全部を並べられても読めないんだから、それなりのアルゴリズム（エッジランクという名前ついてて、自分に親しい友達がいいね！したエッジはランク
奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ
【追記】Twitterで教えてもらったのですが、13行が改善されて3行になってました。ご対応頂いた市役所のご担当者様、富士通のご担当者様、お疲れ様でした。今後とも、よろしくお願いいたします。【追記終わり】 住民票を郵送で取り寄せようと思って市役所のサイトを見たんですよ。今まで何回も見てるし別に普通のクソみたいな使いづらい行政サイトだなって相変わらず思ってたんです。でもね、あれ、これはおかしいなって、思ったんです。なんかね、変だな～って。それがね、この画像なんですよ。 委任状 – 奈良市 すっごいパンくずなんですよ…パンくず食い過ぎてお腹いっぱい。マジで。 僕らの業界ってまぁどの業界でもそうだけど仕事の流儀とか、そういうのあるじゃないですか。使いやすいサイトを作りたい人、ある程度ユーザビリティを犠牲にするけどかっこいいサイトを作る人、でもこれ酷いでしょ。誰もパンくず13段にしろなんて望んでな
カルーセル | Accessible & Usable
公開日 : 2014年3月16日 カテゴリー : アクセシビリティ / ユーザビリティ Web サイトのユーザーインターフェース (UI) に「カルーセル (carousel)」と呼ばれるものがあります。文字通り訳すと「回転木馬」という意味ですが、情報 (画像だったり、画像＋テキストだったり) をパネル状に横に並べて、Web ページの幅を超えて隠れている情報も「くるくる」と手繰り寄せて表示できる、という UI です。 Amazon の「この商品を買った人はこんな商品も買っています」が有名な例です。 Amazon (amazon.co.jp) における「この商品を買った人はこんな商品も買っています」のカルーセル また最近では、Web ページのメインビジュアルにカルーセルを採用している例もよく見られます。タッチジェスチャとの親和性が高い (左右方向へのフリックやスワイプで容易にパネルを切り替え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://twitter.com/i/moments/904690297728229377
自分の住んでいる自治体のWebサイトみたことある？ | Re:Tri