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

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

（全 381 記事）

ページ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HCD-Net通信

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ユーザーを本当に理解していますか？ユーザーの行動・体験から要求を探る「コンテクスチュアル・インクワイアリー」

改善効果を最大化する、ユーザー調査手法の一つ「コンテクスチュアル・インクワイアリー」を解説します

DX経営図鑑（全8回）

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

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

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

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

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

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

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

DX経営図鑑（全8回）

WalmartのDX事例　Amazonショックに立ち向かうリテール王が進めたデジタルとリアルの良いとこどり

Walmartはアプリ活用でデジタル化を進めつつ、リアル店舗の強みも武器にしてきました。その一つが、デジタルで注文してリアルで受け取る「BOPIS」。BOPISで叶う顧客の新たなニーズとは。

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

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

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

DX経営図鑑（全8回）

OptoroのDX事例[輸送・物流]　返品作業は丸ごとおまかせ！スムーズな再還流がサステナブル市場を拡大する

eコマースの返品数と返品オペレーションのコストは膨らむばかり。そこに着目したアメリカ企業のOptoroは、デジタル化で返品処理と再販を一手に引き受けます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

超明快 Webユーザビリティ［Web担特別公開版］

ユーザーに考えさせちゃダメ！クルーグのWebユーザビリティ第一法則

Webサイトやアプリを確実に使いやすくするためには、何がいちばん大切か ―― その答は簡単だ。「ユーザーに考えさせちゃダメ！」これはすべてに勝る大原則だ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

リンクはひと目でリンクだとわかるようにすべし――SEOのためのユーザビリティ講座

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ユーザビリティを向上させれば顧客ロイヤルティも上がるのか？実際に調査してみた

システム・ユーザビリティ・スケール（SUS）とNPSの相関を調査してみた

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

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

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

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

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

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

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

超明快 Webユーザビリティ［Web担特別公開版］

熟読ではなく、流し読みしてもらうためのWebデザインとは～お約束・ページ階層

ユーザーはあなたのWebコンテンツをじっくり読んでくれない。彼らに情報を伝えるために押さえておくべきポイントを解説します。

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

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

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

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

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

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

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

入力完了率を上げる！フォームに入れるべき3つの入力支援機能／15か条の5

問い合わせなどのフォームに、入力を助ける3つの機能を入れるだけで入力完了率は上がる！事例で解説。

検索フォーム

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

ページ

ページ

最新のニュース

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

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

今日の用語

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

編集部からのお知らせ

インフォメーション

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

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