「UX／CX」「解説／ノウハウ」すべて人気記事ランキング

Web担で過去30日にアクセスが多かった順の人気記事ランキングです。

（全 381 記事）

ページ

シニア層をガッチリつかむECサイト構築術　「SFO」のススメ

高齢者が見やすい色や文字サイズ・フォントは？ SFOに配慮したサイト作り

視力や手先にハンディを抱えている高齢者が使いやすいサイト作りのポイントを解説します。老眼でも見やすく読みやすい文字のサイズやフォント、行間などを例を用いて紹介します。見た目だけでなくWEBサイトの操作性もシニアフレンドリーに配慮することで、それ以外の多くのユーザーにもよい影響を与えることが期待できます。

顧客ロイヤルティを測る経営指標「NPS」

正規分布にならない例や理由 NPSの非正規分布は信頼できるデータ？

統計における正規性とは？という基本的な疑問をはじめ、ヒストグラムで正規分布にならなかったデータの、信頼区間やt検定、ANOVA（分散分析）他統計テストにおける正確性について解説していきます。母集団が正規分布（ガウス分布）にならなかったとき、私たちはデータをどのようにとらえるべきなのでしょうか。

顧客の行動パターンを理解するためのカスタマージャーニーマップ入門

2時間で作るカスタマージャーニーマップ――実例とともに考える新しい「おもてなし」のカタチ

パソナキャリアの事例からカスタマージャーニーマップの作成とそこから気付きを読み取る工程を紹介

プロ厳選！ユーザーを理解する調査手法

定性調査と定量調査の違いとは？アンケートやインタビューの成果を最大化

定量的なデータと定性的なデータの違いとは? ユーザー調査には、アンケートをおこなう「定量調査」とインタビューをおこなう「定性調査」という2つの方法があります。アンケートやユーザーインタビューの成果を最大化するためにも理解しておきたい、このデータの違い。前回解説した、ユーザー理解のレベルと定量、定性調査を掛け合わせて、企業でよくある課題を効果的に解決するための調査設計例も紹介します。

勝手にEFO分析-エントリーフォーム改善

必須項目は[必須]マークで表記！入力フォームの完了率が上がる方法とは

アンケートなどのWebフォームで、入力必須の項目を「※」といった記号で表現していないだろうか？それだとわかりづらいうえに、「※必須項目に入力してください」といった注釈が必要になってしまう。スムーズに記入させ、完了率をアップさせたいなら、単独で意味がわかるマークやアイコンで表現しよう。

勝手にEFO分析-エントリーフォーム改善

ページを「閉じる」を防ぐ　離脱防止ポップアップを使ったEFO事例

Webフォームの入力中にブラウザを誤って閉じてしまう、戻ってしまうといった誤操作を防止するためのEFO（入力フォーム最適化）の事例を紹介します。Javascriptを使って、ページの離脱時の「onbeforeunload」というイベントを検知し、確認ダイアログを出す機能です。ポップアップに表示させる文例もご紹介します。

文字色が黒のときに背景色として使える色141色のまとめ

アクセシビリティを考慮して色を決めるときの材料にどうぞ。

勝手にEFO分析-エントリーフォーム改善

住所・フリガナは自動入力すべし！フォームで使えるライブラリまとめ／15か条の12

問い合わせフォームで住所やふりがななどわかりきった情報は自動入力される機能を導入しましょう。住所や氏名をカタカナに変換しフリガナ欄に自動入力する「jquery.autoKana.js」や郵便番号から住所を自動入力する「YubinBango.js」といった、代表的なJavaScriptライブラリを利用した方法を事例とともに紹介します。

HCD-Net通信

人間中心設計のためのインタビューで得たデータの分析法 - GTAとSCAT／HCD-Net通信 #18

インタビューなどで集めたデータの分析手法であるGTAとSCATに関して解説する。

顧客の行動パターンを理解するためのカスタマージャーニーマップ入門

カスタマージャーニーマップを正しく活用するには「おもてなし」と「カスタマーエクスペリエンス」の理解から

カスタマージャーニーマップを正しく利用するために理解しておきたいカスタマーエクスペリエンスの本質と重視される背景

プロ厳選！ユーザーを理解する調査手法

ペルソナ、カスタマージャーニーマップだけじゃない! ユーザーニーズを明らかにするデザインツール5選

ユーザーニーズを多くの関係者で理解・共有するためのデザインツールを5つ紹介する。

1ページ目：ペルソナ、カスタマージャーニーマップだけじゃない! ユーザーニーズを明らかにするデザインツール5選
2ページ目：統合価値マップとは？ユーザー層が持つ複数の「価値」を可視化する手法
3ページ目：カスタマージャーニーマップとは？顧客が経験する一連の経験を旅の地図のように可視化する手法
4ページ目：ムードボードとは？言語化できない要素をビジュアルで表現する手法
5ページ目：ストーリーボードとは？ユーザーが経験するストーリーをマンガのように表現する手法
6ページ目：プロジェクトを成功に導くカギは、ユーザー像を「誰もが理解できるカタチ」にする

DX経営図鑑（全8回）

NIKEのDX事例　アスリートの孤独に寄り添うNIKE+、NIKE Run Club、NIKE Training Clubのアプリとデジタル戦略

辛い運動トレーニングも、エンターテインメント性と科学的アドバイスで乗り越えられます。ユーザー目線が嬉しいNIKEのデジタル活用術とは。

勝手にEFO分析-エントリーフォーム改善

入力フォームの「クリア」「キャンセル」ボタンは外せ！そんな機能は必要ない／15か条の11

エントリーフォームではクリアボタンとキャンセルボタンは入力フォームから外し、少なくともユーザーが離脱するまで入力した内容を保持する方法を解説します。

勝手にEFO分析-エントリーフォーム改善

フォーム確認ページ → 完了ページに100％導く工夫をしよう／15か条の14

確認ページでの離脱を限りなくゼロにするには、ユーザーが送信完了したと勘違いさせない、送信をためらわせないための工夫が必要です。

顧客の行動パターンを理解するためのカスタマージャーニーマップ入門

カスタマージャーニーマップだけじゃない！顧客理解を深めるために使い分けたいツール

サービス設計には段階ごとに適した顧客行動の把握の方法とツールがある

カスタマーエクスペリエンス（CX）とは？基礎から実践までやさしく解説

UXデザインに役立つフレームワーク5選【すぐに使えるテンプレ付き】

UXデザインフレームワークの有機的なつながりを体感できる5つのフレームワークとワークショップを紹介

モバイルサイト構築のユーザビリティいろは

比較テストで見えた成果を出すモバイルECサイトのユーザビリティ（第8回）

モバイルECサイトの調査結果からわかった、好感を得るトップページや商品購入ページのデザイン

1ページ目：比較テストで見えた成果を出すモバイルECサイトのユーザビリティ（第8回）
2ページ目：1　トップページは画像を多く配し、デザインを作り込む
3ページ目：2　商品一覧ページには大きめな画像を入れ、商品ごとの区切りを明確に
4ページ目：3　商品ページには商品の詳細情報を掲載
5ページ目：4　購入への導線はページ下部に設置
6ページ目：5　価格はページ上下に表示して目立たせる
7ページ目：6　商品画像は豊富なアングルの写真を複数用意

弁護士ドットコムがアクセシビリティに本気で取り組む狙い

ロービジョン「弱視」の人は、Webサイトをどのように使うのか？ユーザー調査結果を公開

視覚障がい者の6割はロービジョン「弱視」と言われている。彼らはWebサイトをどのように使うのか？弁護士ドットコムのサイトでのユーザー調査結果を公開する。（第7回）

電通デジタルコラム特選記事

「見えにくい」「見えない」を実際に体験して感じたこと【電通デジタルコラム】

電通デジタルでは視覚障害者の「見え方」を疑似体験するワークショップを開催。ロービジョン体験キットや白杖を用いた実践を通じて、どのような気づきを得たのでしょうか。

人手に頼らないWebサイトの戦略的品質管理指南

Webサイト品質管理のチェック項目リスト

新人スタッフに注意点として伝える、発注時に指示する具体的条件など、ぜひ活用してほしい。

【2020年最新事例付き】入力フォーム作成の際に注意したい12のポイント

入力フォームをデザインする際に参考にしたい、Nielsen Norman が過去に公開している10のベストプラクティスに独自のポイントを2つ加えた12個のポイントについて解説しています。

勝手にEFO分析-エントリーフォーム改善

入力フォームの最初の項目を入力しやすくするだけでユーザーの直帰は減らせる／15か条の1

エントリーフォーム最適化15カ条の【第1条】「1つ目の入力項目は、入力しやすい項目にすべし」をご紹介

UXスコアとは何か？スコアの定義からGoogleアナリティクスでの計測方法まで（前編）

UX（ユーザー体験）の良し悪しを定量的に測るための考え方やGAでの計測方法について解説します。

プロ厳選！ユーザーを理解する調査手法

アイトラッキング分析とユーザーテストを徹底解説。アクセスログでは得られないデータを見える化する

Webサイトやアプリの定性的な情報を、定量的にデータ化・可視化する「アイトラッキング」と「ユーザーテスティング」を紹介します。

プロ厳選！ユーザーを理解する調査手法

もっとデプス・インタビューについて詳しくなれる10の秘訣、ユーザーニーズを把握して課題解決へ導く

デプス・インタビュー10の秘訣と観察法を紹介します。

DX経営図鑑（全8回）

GlossierのDX事例[小売]　「愛するブランドは私が支える！」ファンの貢献心理が大きな武器に

Glossierは自ら製造した商品をショールームで公開し、オンラインで販売するD2C企業。熱心なファンが集うデジタルコミュニティからいくつもの新商品が生まれてきました。

Webサイトパフォーマンス管理のベストプラクティス10個～ページ表示が1秒遅くなるとCVRが7%低下!

Webサイトのパフォーマンス（アクセスの快適さ/問題なさ）は、なぜ重要なのか

1ページ目：Webサイトパフォーマンス管理のベストプラクティス10個～ページ表示が1秒遅くなるとCVRが7%低下!
2ページ目：パフォーマンス管理のベストプラクティス10

ユーザーエクスペリエンスのチカラ

ライフネット生命保険「UXを特別に取り入れなくても、顧客本位の企業文化からサイトを訪れるお客さまの体験が考えられています」

ネット専業という、従来の保険業とは一線を画するサービスでありながら高い顧客満足度を有するライフネット生命保険が考えるUXとは

見るゾウ！知るゾウ！ユーザー像！

人は皆「めっちゃ面倒くさがり」だ。小さな面倒の積み重ねを避けUXを改善するやり方とは（第7回）

「やらなくていいなら避けたい」という気持ちが「面倒くさい」の本質。「面倒くさい」には3つの原因がある

勝手にEFO分析-エントリーフォーム改善

フォームの「ガッカリ離脱」を防いでコンバージョン率UP！送信後エラー・ゼロ作戦／15か条の7

フォームの送信ボタンをクリックした後のエラーをゼロにするために2つのポイントを紹介します。

DX経営図鑑（全8回）

スターバックスのDX事例　混んでいても問題なし、美味しいコーヒーをいつでも飲めるテイクアウトが作り出した「自由」

喫茶店でカップを使って飲むものだった従来のコーヒー文化。Starbucksはテイクアウトモデルで、飲食体験に新たな「自由」を持ち込みました。

顧客ロイヤルティを測る経営指標「NPS」

NPSは役に立たない？よくある5つの批判をUXリサーチ専門家が検証してみた

「顧客満足度」よりも経営指標との相関があるといわれるNPSは、実は役に立たない指標なのか？

やってみましたペルソナ作り

[体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ

やってみました！リモートユーザーテスト

リモートユーザーテストをWeb担で実施したら、なんと発見点126個。重要課題13個すべて見せます！

Web担編集部では、今回Web担当者Forumのサイトで「リモート・ユーザーテスト」をやってみました。2回に分けて詳しくレポートします。

ゼロ円でもできる！？　省コストユーザビリティ向上術

ディスカウント・ユーザビリティ、3つのポイント　〜アナログ思考・人脈・臨機応変〜

いかにお金と時間をかけずにユーザビリティ向上を図るか、節約型・省コスト型の「ディスカウント・ユーザビリティ」の手法を紹介していく。

楽しく学ぶアクセス解析&サイト改善【DPZ×ウェブ解析士】

デイリーポータルZに来ている人はどのくらいいる？ウェブ解析マスターが教える「見るべき指標」

「はげます会の会員（有料会員）を増やす」という目標が決まったDPZ。目標達成のために、今回はアクセス数など現状を把握します。実数丸裸！【第2回】

シニア層をガッチリつかむECサイト構築術　「SFO」のススメ

シニアの認知能力でも快適にサイトを使えるようにする7つの“技”（全6回の3）

認知能力が衰え始めたシニアが、快適にサイトを閲覧できるようにする7大ポイントを紹介

シニア層をガッチリつかむECサイト構築術　「SFO」のススメ

もっとシニアを知るため、アンケートやユーザーテストを実施してみよう（全6回の6）

「アンケート」「対面型ユーザーテスト」「リモートユーザーテスト」それぞれのコスト感や特徴、注意点などを紹介

プロ厳選！ユーザーを理解する調査手法

デプスインタビューのやり方や準備する質問項目は？逆引きリストで解説！

デプスインタビューとは、通常の質問では得られないような個人の奥深くに秘められた隠れた本音を聞き出す調査手法で、マーケティングにも役立ちます。ユーザーから被験者を選ぶコツは？どのような属性にアプローチすればいい？人数構成は？目安の時間は？質問項目や質問例は？聞き方は？インタビュー結果のまとめ方は？など、デプスインタビューを攻略する方法を9つのポイントにわけて紹介します。

勝手にEFO分析-エントリーフォーム改善

エラーメッセージをフォーム上部に出すのはNG! 登録フォームの離脱を減らすエラー表示とは?／15か条の8

フォーム上部に並んだエラーメッセージの出し方を工夫して離脱を減らすポイントを紹介。

[コラム]IA視点のWebプロジェクト

建築分野に学ぶWebサイト設計――“変化するWebサイト”をどう捉えどう発展させるか

Webサイトを設計するうえで、「パタン・ランゲージ」や「ペースレイヤリング」といった建築分野の視点を取り入れてみます。

初代編集長ブログ―安田英久

ワイドディスプレイの普及でWebの文字が大きくなる？

ノートパソコンでは、想定しているよりもかなり小さい文字で表示されている可能性が高いのです。

交流と学びのECイベント「ZOE祭 2019」を開催します！

未来館は、スタッフとしてみなさまをおもてなしさせていただきます。お会い出来ますこと楽しみにしております。

Moz - SEOとインバウンドマーケティングの実践情報

余計なクリックをさせてイライラさせてない？ユーザビリティ設計4つの原則（前編）

ゼロ円でもできる！？　省コストユーザビリティ向上術

インタビュー調査の極意「ユーザに弟子入り」しよう

使いやすいサイト設計のためにユーザーの「本当のニーズ」を探り出す「弟子と師匠」方式のインタビュー方を具体的に紹介する。

楽しく学ぶアクセス解析&サイト改善【DPZ×ウェブ解析士】

デイリーポータルZの有料会員が増えないのはなぜ？ CVが取れない理由をウェブ解析士マスターが分析

有料会員が増えないのはなぜ？入会ページを見てくれている人がどのくらいいて、CVはどれくらいなのかを調べてみました。今回も赤裸々に数字を公開しています！【第3回】

人手に頼らないWebサイトの戦略的品質管理指南

自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選

Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介

弁護士ドットコムがアクセシビリティに本気で取り組む狙い

弁護士ドットコム、アクセシビリティ対応でブランドカラーを変更

弁護士ドットコムのアクセシビリティ対応の連載もいよいよ最終回。アクセシビリティ対応でブランドカラーまで変更し、サイトのリニューアルも実施した内容を紹介します（第9回）。

プロ厳選！ユーザーを理解する調査手法

ユーザー理解の調査手法を正しく理解するために、押さえておくべき2つの軸

ユーザー理解のメソッドを正しく理解するために「何の目的で、ユーザーの何を理解するのか？」について説明する。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 1-5 プロジェクトとサイト構築・運用フロー

Web担として求められていることを把握するStep 1。5回目の1-5では、サイト構築・運用を行うプロジェクトとワークフローを解説します。

検索フォーム

「UX／CX」「解説／ノウハウ」 すべて 人気記事ランキング

ページ

ページ

最新のニュース

Web担は、企画広告も役立つ情報バッチリ！

人気記事トップ10（過去7日間）

今日の用語

連載/特集コーナーから探す

編集部からのお知らせ

インフォメーション

Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

「UX／CX」「解説／ノウハウ」すべて人気記事ランキング