ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 ·...
TRANSCRIPT
![Page 1: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/1.jpg)
ユーザのぼやきから始める
使い勝手の問題箇所
導出手法の提案
2017年02月24日
一般財団法人日本科学技術連盟
第32年度ソフトウェア品質管理研究会 成果発表会
第4分科会:ユーザエクスペリエンス リライトチーム
主査 :金山 豊浩(株式会社ミツエーリンクス)
副主査 :三井 英樹(Weblysts.com)
村上 和治(東京海上日動システムズ株式会社)
リーダー :齋藤 綾乃(株式会社インテック)
研究員 :羽原 寿和(株式会社東芝)
中野 宏昭(富士ゼロックス株式会社)
![Page 2: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/2.jpg)
こんなことありませんか?
Case1:あるコンビニにて
サイズの表記が
左がR、右がLになってて
わかりづらい
![Page 3: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/3.jpg)
こんなことありませんか?
Case2:あるサイトにて
パスワードを再入力
したいのに、違うところに
カーソルが当たってて
イライラする
【出典】サイボウズLive:https://cybozulive.com/
![Page 4: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/4.jpg)
狩野モデルでいうと
当たり前品質が満たされていない
当たり前品質
一元的 品質
魅力的 品質
満足
不満
不充足 充足
【出典】狩野の品質モデル(狩野他、1984) https://www.juse.or.jp/departmental/point02/08.html
![Page 5: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/5.jpg)
ユーザの思い
このシステム、 画面がごちゃごちゃしてて 見づらいなあ…
「使いづらい」って言っても改善されないだろうな… 慣れるしかないのかな
使いづらいと思っているが、我慢している
![Page 6: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/6.jpg)
ユーザの思い
こんなシステムなら 使わないほうがマシだ!
次は、ユーザのことを 考えられる別の会社に頼もう
我慢できなくなると・・・
![Page 7: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/7.jpg)
開発者の思い
ユーザに聞く機会がない!
「使いづらい」って… どこが問題か分からない!
調査・対応のリソースがない!
ユーザビリティの知識がない!
開発者もどうしてよいか分からない
![Page 8: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/8.jpg)
開発者の思い
ユーザに聞く機会がない!
「使いづらい」って… どこが問題か分からない!
調査・対応のリソースがない!
ユーザビリティの知識がない!
開発者もどうしてよいか分からない
![Page 9: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/9.jpg)
提案
![Page 10: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/10.jpg)
課題
ユーザのぼやき システムの問題点
ユーザの”ぼやき“とシステムの問題点が紐づいていない
![Page 11: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/11.jpg)
提案手法
ユーザのぼやき
不満分解表
システムの問題点
ユーザの“ぼやき”を分解し、システムの問題点を
導出する手法
![Page 12: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/12.jpg)
対象範囲
本研究の対象範囲は、運用・保守フェーズでのユーザからの使い勝手に関する抽象的な指摘
(=ぼやき)
画面がごちゃごちゃしてて 見づらいんだけど?
画面の移動が多くて、 操作するのが面倒くさいよ
![Page 13: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/13.jpg)
対象範囲(補足)
ユーザのぼやき UXの5階層
表層
骨格
構造
要件
戦略
直観的でない、わかりづらい、 ピンとこない、チカチカする
ごちゃごちゃしている,
直観的でない,わかりづらい,一貫性がない
面倒くさい、イライラする、鬱陶
しい、しっくりこない、パッとできない
本研究の対象範囲は、運用・保守フェーズでのユーザからの使い勝手に関する抽象的な指摘
【出典】UXの5階層モデル(Jesse James Garrett、2000) http://www.jjg.net/elements/pdf/elements.pdf
![Page 14: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/14.jpg)
やって
みよう
![Page 15: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/15.jpg)
どっちが「ごちゃごちゃしている」と思いますか?
A サイト
【出典】経済産業省:http://www.meti.go.jp/
![Page 16: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/16.jpg)
どっちが「ごちゃごちゃしている」と思いますか?
A サイト
【出典】経済産業省:http://www.meti.go.jp/
![Page 17: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/17.jpg)
どっちが「ごちゃごちゃしている」と思いますか?
B サイト
【出典】海上保安庁 海洋情報部:http://www1.kaiho.mlit.go.jp/jhd.html
![Page 18: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/18.jpg)
どっちが「ごちゃごちゃしている」と思いますか?
B サイト
【出典】海上保安庁 海洋情報部:http://www1.kaiho.mlit.go.jp/jhd.html
![Page 19: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/19.jpg)
どっちが「ごちゃごちゃしている」と思いますか?
B サイト
A サイト
![Page 20: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/20.jpg)
提案手法の実施結果
項目 結果
規則性 OK
余白 OK
言葉 OK
色数 OK
推測 OK
項目 結果
規則性 NG
余白 OK
言葉 NG
色数 NG
推測 NG
不満分解表の評価項目と結果は以下の通り
A サイト
B サイト
![Page 21: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/21.jpg)
提案手法の実施結果
手法の利用により、「ごちゃごちゃしている」理由をシステムの具体的な問題点候補として抽出できた
規則性がわからない
分からない言葉が多い
色が多い
目的に辿りつけない
![Page 22: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/22.jpg)
手法詳細
と
検証結果
![Page 23: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/23.jpg)
手法の実施手順
対象システムについて、不満
分解表の指標を計測する
ユーザのぼやきに対応する
不満分解表を選ぶ
計測結果と基準を照合し、
閾値を超えた因子を抽出する
抽出された因子を問題点
候補として検討する
✓
指標 結果 閾値
項目数 18 10以上
問題点候補
OK
NG
OK
![Page 24: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/24.jpg)
不満分解表(サンプル)
No. 因子 指標 閾値
1 雑然と並んでいる (例:規則性がわからない)
1カテゴリ内の項目数 10以上
全体のカテゴリの数 13以上
2 余白がない 横並びのブロックの数 5以上
3 定義のわからない言葉が多い 定義がわからない言葉の数,または同じ言葉にもかかわらず異なる意味で使われている言葉の数
4以上
4 色が多い 画面内の色味の数 8以上
5 あたりがつけられない 目的の選択肢をクリックするまでの秒数 -
![Page 25: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/25.jpg)
提案手法の検証手順
対象のWebサイトを評価者の
感覚(主観)で順位付けする
OK
NG
OK
OK
NG
OK
評価するWebサイトを選定、
操作目的を設定する
不満分解表を使い、対象の
Webサイトを評価する
2と3の評価結果などから、
不満分解表の妥当性を確認する
![Page 26: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/26.jpg)
提案手法の検証結果
システムの問題箇所を紐づけられたか?
不満分解表の因子・閾値は妥当か?
100%
100%
検証1
検証2
ユーザビリティの知識がない開発者が実施できたか? 検証3
64%
不満分解表の評価と
評価者の感覚評価が一致した率
システムの問題箇所を
紐づけられた率
ユーザビリティの知識がない
開発者が実施できた率
![Page 27: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/27.jpg)
研究内容まとめ
ユーザの”ぼやき“とシステムの問題点が紐づいていない
ユーザの“ぼやき”を分解、システムの問題点を導出する手法
ユーザビリティの知識がない開発者でもシステムの問題箇所の絞り込みができるため、本手法は有効
課題
提案
検証結果
![Page 28: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/28.jpg)
今後の課題
問題点は抽出できたけど・・・
抽出課題への対応策立案手法の確立
ごちゃごちゃ以外のユーザの声どうするの?
他のぼやきに対する不満分解表の作成
実際に使える手法なの?
実プロジェクトへの適用・評価 3
1
2
![Page 29: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/29.jpg)
さいごに
こんなことになるなら、 最初からUXやっておけばよかった!
運用・保守フェーズだけではなく、企画フェーズからユーザのことを考えることが重要
企画・
要件定義
設計・
開発 テスト
運用・
保守
![Page 30: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/30.jpg)
ユーザビリティから
UXの一歩を
踏み出してみませんか?
![Page 31: ユーザのぼやきから始める 使い勝手の問題箇所 導出手法の提案 · こんなことありませんか? ... わかりづらい. こんなことありませんか?](https://reader033.vdocuments.mx/reader033/viewer/2022060309/5f0a706b7e708231d42ba38b/html5/thumbnails/31.jpg)
ご清聴ありがとうございました