WACATE2024冬セッション資料（ユーザビリティ）

by scarletplover

Slide 1

Slide 1 text

ユーザビリティを作りこめ！

Slide 2

Slide 2 text

ユーザビリティとは？突然ですが・・・

Slide 3

Slide 3 text

ワークをします ▪机の上にある資料を取って下さい。 ▪ 1人1部です。 ▪ 資料にはシステム「BlackWACATE」の簡単な画面設計とレイアウトがかいてあります。 ▪ この画面の見た目や使い勝手について「おかしいな」「問題だ」「いけてないな」というところを付箋であげてみてください。 ▪時間は5分間です突然ですが・・・

Slide 4

Slide 4 text

ワークはどうでしたか？突然ですが・・・

Slide 5

Slide 5 text

それをどうやって指摘します？ ▪ 不具合管理表にかいても・・・ ▪ それってあなたの感想ですよね？ ▪ それってあなたのこだわりですよね？ ▪ わたしってセンスないからさぁ ▪ 逆の立場で・・・ ▪ 画面作ったら「センスわるｗｗｗｗｗ」っていわれたけど文句ばっかりでどうすればいいかは誰もわからない ▪ なんか違和感があるがどう直せばいいかわからない・・・突然ですが・・・ユーザビリティを知ろう！

Slide 6

Slide 6 text

ユーザビリティを作りこめ！

Slide 7

Slide 7 text

本セッションの目的 ▪ユーザビリティを「理論」でお話できるようになる。 ▪「センス」という言葉に逃げない！！！！！！ ▪日々のテスト、開発業務でユーザビリティを気にすることができるようになる。はじめに

Slide 8

Slide 8 text

自己紹介 ▪山口寛子（WACATE実行委員会） ▪金融系SIerで金融系ではないSIをやっている ▪SN：べにちどり（@scarletplover）はじめに

Slide 9

Slide 9 text

目次 ▪ 突然ですが・・・ ▪ ワーク（済） ▪ はじめに ▪ ユーザビリティとは ▪ ユーザビリティとデザイン ▪ ユーザビリティの作りこみ方 ▪ ここでユーザビリティを評価するワーク ▪ 実際の開発とユーザビリティはじめに

Slide 10

Slide 10 text

ユーザビリティとは

Slide 11

Slide 11 text

ユーザビリティの成り立ち ▪ シャッケル：「ユーティリティ（必要なことを機能的に実現できるか）・ユーザビリティ（それを実際に使いこなせるか）・ライカビリティ（それを適切だと感じることができるか）が、コストと見合っているかどうかが大切である」 ▪ ニールセン：ユーザビリティを上記のとおりに５つの要素に定義ユーザビリティとはシステムの受容性社会的受容性実務的受容性有用性実用性ユーザビリティ学習しやすさ使いやすさ（効率性）記憶しやすさエラーの少なさ主観的満足度コスト互換性信頼性その他

Slide 12

Slide 12 text

ユーザビリティとは • 「特定のユーザが特定の利用状況において、システム、製品又はサービスを利用する際に、効果、効率及び満足を伴って特定の目標を達成する度合い」 ISO9421－11「人間工学－視覚表示装置を用いるオフィス作業」より • 明示された使用状況において、有用性、効率性及び満足性を持って明示された目標を達成するために、明示された利用者が製品またはシステムを利用することができる度合い。 ISO/IEC25010:2011「システム及びソフトウェア製品の品質要求及び評価」よりユーザビリティとは効果：ユーザが目標を達成できるかどうか効率：なるべく最短経路で目標を達成できるかどうかユーザの満足度：ユーザに不愉快な思いをさせていないか

Slide 13

Slide 13 text

ユーザビリティとは ▪ ユーザビリティは「ある特定の利用状況、ユーザー、環境、資源、目標、タスク」に影響を受ける。ユーザビリティとは資源システム、製品又はサービス利用状況ユーザ環境目標及びタスク資源利用時の品質ユーザビリティ効果効率満足 • アクセシビリティ • 危害の回避などその他の利用の品質利用 ISO9241におけるユーザビリティの概念図

Slide 14

Slide 14 text

※UX（ユーザエクスペリエンス）とは •システム、製品又はサービスの利用前、利用中及び利用後に生じるユーザの知覚および反応 ISO9241よりユーザビリティとは

Slide 15

Slide 15 text

ユーザビリティとUXの違い？ユーザビリティとは UX ＝ユーザの体験ユーザビリティ＝システムの使いやすさ

Slide 16

Slide 16 text

※ユーザビリティとUXの違い？ユーザビリティとは

Slide 17

Slide 17 text

ここでは・・・ ▪おもに、「ユーザビリティ」を扱います。 ▪ さらにいうとISO9241-11の「ユーザビリティ」を基準とします。ユーザビリティとは

Slide 18

Slide 18 text

ユーザビリティとデザイン

Slide 19

Slide 19 text

ユーザビリティとデザイン ▪ユーザビリティをよくするために、「どのように見せるか」「どのようにふるまわせるか」ビジュアルを含めてデザインする必要がある。 ▪デザイン＝原則アートではない。むしろ設計そのもの。＝「機能を見た目と構造に落とし込むこと」 ▪デザインには人間工学、人間認知心理学などでの研究が元となった定石のようなものが存在まずはデザインの要素を「知る」こと！

Slide 20

Slide 20 text

ここで説明するデザインの要素 ▪ デザインの要素 ▪ ユーザー動線に関する要素 ▪ 全体にかかわるものユーザビリティとデザインデザインの基本近接デザインの基本整列デザインの基本反復デザインの基本コントラストミラーの法則ヒックの法則フィッツの法則視線の流れ配色サイトストラクチャナビゲーションインタラクションヤコブの法則

Slide 21

Slide 21 text

Slide 22

Slide 22 text

デザインの基本近接 ▪ 人は距離が近い情報に「関係があるもの」と認識する習性がある。 ▪ 情報をグループ化して、近づけること、余白を入れることを意識するユーザビリティとデザイン取得情報 WACATEはワークショップ申し込みの際に以下の情報を取得いたします。 •氏名 •性別 •年齢… 利用目的取得した情報は以下の目的のみで利用いたします。 •ワークショップの宿泊施設への宿泊者名簿提供 •ワークショップの運営（班割り、部屋割り等） … 取得情報 WACATEはワークショップ申し込みの際に以下の情報を取得いたします。 •氏名 •性別 •年齢… 利用目的取得した情報は以下の目的のみで利用いたします。 •ワークショップの宿泊施設への宿泊者名簿提供 •ワークショップの運営（班割り、部屋割り等） …

Slide 23

Slide 23 text

デザインの基本整列 ▪ 情報を左揃え、中央揃え、右揃え、グリッドのように透明な線を用いて要素をそろえて配置する。 ▪ 要素が整列されていることでスムーズな視線移動と統一感を出すことができるユーザビリティとデザイン定員 48名（定員となり次第、受付終了となります） ※最小催行人数：24名参加費 35歳以下：￥25,000 36歳以上：￥28,000 ※会場費、印刷費、宿泊費、食費、その他運営にかかる事務費含む（キャンセル不可） ※参加費は当日受付時に会場でお支払いいただきます。（現金のみ）定員： 48名（定員となり次第、受付終了となります） ※最小催行人数：24名参加費： 35歳以下：￥25,000 36歳以上：￥28,000 ※会場費、印刷費、宿泊費、食費、その他運営にかかる事務費含む（キャンセル不可） ※参加費は当日受付時に会場でお支払いいただきます。（現金のみ）

Slide 24

Slide 24 text

デザインの基本反復 ▪ 同じデザインの要素、グループを繰り返すことで、一貫性や安定性を与える。 ▪ ユーザーがパターンを予期するため、情報を認識しやすくなる。ユーザビリティとデザイン 2024年11月22日【勝手にセッション紹介⑤】招待講演「テスト設計技法をちょっとだけ俯瞰してみよう」【申込締切まであと2日！】 2024年11月18日 WACATE 2024 冬の申し込み締切を延長します（11/24まで） 2024年11月17日【本日が申込締切！】申し込みできましたか？ポジペは書けましたか？ 2024年11月22日【勝手にセッション紹介⑤】招待講演「テスト設計技法をちょっとだけ俯瞰してみよう」【申込締切まであと2日！】 2024年11月18日 WACATE 2024 冬の申し込み締切を延長します（11/24 まで） 2024年11月17日【本日が申込締切！】申し込みできましたか？ポジペは書けましたか？

Slide 25

Slide 25 text

デザインの基本コントラスト ▪ 書体、線の太さ、色、形、サイズ、余白などを使って、強調したい情報を目立たせる。 ▪ 要素に強弱をつけることで、ユーザーの理解を整理する。ユーザビリティとデザイン定員： 48名（定員となり次第、受付終了となります） ※最小催行人数：24名参加費： 35歳以下 :￥25,000 36歳以上 :￥28,000 ※会場費、印刷費、宿泊費、食費、その他運営にかかる事務費含む（キャンセル不可） ※参加費は当日受付時に会場でお支払いいただきます。（現金のみ）定員： 48名（定員となり次第、受付終了となります） ※最小催行人数：24名参加費： 35歳以下 :￥25,000 36歳以上 :￥28,000 ※会場費、印刷費、宿泊費、食費、その他運営にかかる事務費含む（キャンセル不可） ※参加費は当日受付時に会場でお支払いいただきます。（現金のみ）

Slide 26

Slide 26 text

ミラーの法則 ▪ 人間が短期的に覚えて置ける情報は７つ±２である。 ▪ 人間は情報をチャンクというかたまりで覚えている ▪ 情報はスペースをつくって、７つ±２のかたまりにまとめるわかりやすくする。ユーザビリティとデザインクレジットカード番号クレジットカード番号 40128888888818811 4012 - 8888 - 8888 - 18811

Slide 27

Slide 27 text

ヒックの法則 ▪ 人間は選択肢の数が多いほど意思決定にかかる時間がながくなる ▪ 選択肢を減らしたり、グループ化することでユーザーに端的に情報を提供できる。ユーザビリティとデザイン

Slide 28

Slide 28 text

フィッツの法則 ▪ 大本の法則は「対象に移動するために必要な時間」と「対象までの距離や対象のサイズ」が相関するという法則 ▪ マウスカーソルの向き（つまりは大体横）に沿った方向（つまり横）の幅が長いほうがクリックしやすくなる ▪ ただし、画面端は通り過ぎる心配が少ないため、多少小さくても問題ない。ユーザビリティとデザインリンク【勝手にセッション紹介⑤】招待講演「テスト設計技法をちょっとだけ俯瞰してみよう」リンク X X 〇 × 〇〇 ×

Slide 29

Slide 29 text

視線の流れ ▪ ユーザーの視点の動きに逆らわない画面設計をこころがける ▪ 多くのユーザーが画面を見るとき、視線はFの字を描く。 ▪ メニューを上部、重要なもの（画像やタイトル）を左側に持ってくるとよい。ユーザビリティとデザイン ❶ ❷ ❸

Slide 30

Slide 30 text

配色 ▪ 色は数を少なく ▪ 使いすぎるとどこを目立たせたいかわからない ▪ メインのベースカラー1色、アクセントカラー1色、あとは無彩色を原則とします。 ▪ グレースケールでもわかる ▪ 男性の20人に1人は色覚特性があります。 ▪ グレースケールでも成立するデザインを心がけてください。 ▪ 色にはイメージがある ▪ システムでは一般的に「青」「緑」のような寒色は安全、「暖色」、特に「黄色」は危険、「赤色」は致命的、といったイメージがある。イメージと真逆の配色はしない。ユーザビリティとデザイン安全安全危険致命的テスト技法テスト分析形式手法テスト設計テストプロセス ×

Slide 31

Slide 31 text

ユーザー動線に関する要素 ▪ デザインの要素 ▪ ユーザー動線に関する要素 ▪ 全体にかかわるものユーザビリティとデザインデザインの基本近接デザインの基本整列デザインの基本反復デザインの基本コントラストミラーの法則ヒックの法則フィッツの法則視線の流れ配色サイトストラクチャナビゲーションインタラクションヤコブの法則

Slide 32

Slide 32 text

▪ 画面の全体の構造のこと。 ▪ ユーザーが目的に到達できるように動線をイメージする ▪ 一般的に階層を深くするのはユーザーの負担になる。ユーザビリティとデザインサイトストラクチャ

Slide 33

Slide 33 text

サイトストラクチャの例ユーザビリティとデザイン階層型分類構造トップページを起点として親子関係で整理ファセット分類型構造 ECサイトなどで使用。情報を様々な切り口から検索し、表示 Web型構造 Wikiなどの情報サイトで使用。各情報がリンクで相互に接続されているハブスポーク型構造 SNSなどで使用。トップページなどをハブに各ページに遷移直線型構造申請画面など目的が明確なときに使用。

Slide 34

Slide 34 text

ナビゲーション ▪ サイトストラクチャをもとに、ユーザーを目的に誘導するためのインターフェースを設計する。ユーザビリティとデザインヘッダー・フッターメニューパンくずリスト

Slide 35

Slide 35 text

インタラクション ▪ ユーザーが行った結果がわかるように（色が変わる、メニューのアニメーション）UIで表現する。ユーザビリティとデザインエラーがわかるような見せ方カーソルを置いたら色が変わる画面の遷移をみえるアニメーション待ち状態の表現

Slide 36

Slide 36 text

ヤコブの法則 ▪ 一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望むという法則 ▪ よく使われるWebサイト、システムのUIはチェックする。 →真逆のような操作をユーザーに要求するUIは作成しない。ユーザビリティとデザイン

Slide 37

Slide 37 text

ここまでが前提 ▪本当はもっとありますが・・・あくまで基礎的なこと ▪知りたい人は以下本参照ユーザビリティとデザイン

Slide 38

Slide 38 text

これでできた・・・！・・・とは・・・なりませんユーザビリティとデザイン

Slide 39

Slide 39 text

実際にはこんなことも・・・ユーザビリティとデザイン初心者でもわかりやすい画面を作ったよ！！！こっちは初心者じゃないんだ！データは一覧でみながら効率よくいれたかったのに、いちいち詳細画面で入力なんてしたくないんだよ！

Slide 40

Slide 40 text

ユーザビリティの作りこみ方

Slide 41

Slide 41 text

ユーザビリティはユーザー×状況 ▪ ユーザビリティは、ある特定の状況で対象のユーザーが利用するときの効果、効率、ユーザの満足度の尺度の度合い ▪ どんな状況でつかわれるのか、だれが使うのか、何の目的でつかうのか、によってデザインを変える必要がある ▪ 状況：どこの場所でつかうのか？仕事か？ Ex:外で携帯から使う ▪ ユーザー：システムを何回も使うユーザーか、会社員なのか学生なのか Ex:会社員 ▪ 目的：ユーザーはそのシステムを使って何を達成したいのか Ex:目的の場所に行きたいユーザビリティの作りこみ方ユーザーを特定し調査し分析したうえで実装する必要がある

Slide 42

Slide 42 text

人間中心設計によるライフサイクル ▪人間中心設計（HCD）とは ▪ 「製品やシステムやサービスを、人間工学やユーザービリティの知識や技法をつかって、そのシステムをより使いやすくすることを目指すシステム設計開発のアプローチ」（ISO9241より） ▪ 利用状況・ユーザーを調査し、分析し、実装し、評価する。これを繰り返してより良いものにするユーザビリティの作りこみ方 ①利用状況の把握と明示 ②ユーザーの要求事項の明確化 ③ユーザーの要求事項を満足させる設計による解決策の作成 ④要求事項に対する設計の評価要求事項が適合している（実装）人間中心設計プロセスの計画適切な段階へ反復

Slide 43

Slide 43 text

人間中心設計によるライフサイクル ▪ワークは、④の評価をやります ▪ ただし、システムを評価するには①～③が前提になるので、 ①～③も説明します。ユーザビリティの作りこみ方 ①利用状況の把握と明示 ②ユーザーの要求事項の明確化 ③ユーザーの要求事項を満足させる設計による解決策の作成 ④要求事項に対する設計の評価要求事項が適合している（実装）人間中心設計プロセスの計画適切な段階へ反復

Slide 44

Slide 44 text

①利用状況の把握と明示 ▪まず、ユーザーの状況を把握するための調査をする。ユーザビリティの作りこみ方 • 質問紙調査アンケート調査。市場調査、社会調査に使われる。 • フィールドワーク・エスノグラフィユーザーの業務の場所に調査者が赴き、ユーザーの環境や設備、ユーザーの行動などを観察する。 • インタビュー調査対象者にインタビューし、業務のみならず調査対象者の環境や価値観、意図の情報を観察で収集する • ダイアリー法調査対象者に業務を行っている様子を日々客観的、主観的に記録してもらう方法

Slide 45

Slide 45 text

• ペルソナシステムを使う仮の人物のプロフィールを作成し、対象ユーザーを明確にする。 • ワークモデルタスクを、人、手順、環境などの特性に分解して、分析してまとめたもの ②ユーザー要求事項の明確化 ▪ユーザーは誰なのか、解決したい問題はなにかを導き出すユーザビリティの作りこみ方なまえ：年齢：職業：趣味： • KJ法アイデアをカードに記してグループ化していく。 • シナリオユーザーが直面する課題、タスクを構造化して整理する WHO Which What ・・・ ○○は ××するなぜなら・・・

Slide 46

Slide 46 text

③ユーザーの要求事項を満足させる設計による解決策の作成 ▪ 調査・分析した利用者と状況を実際にUIに落とし込んでいく ▪ 画面の実装ではなく、プロトタイプやワイヤーフレームのこともあるユーザビリティの作りこみ方 ①ゴール ②プラン ③詳細化 ④実行 ⑦比較 ⑥解釈 ⑤知覚外界（行為の対象）申し込み完了あなたは以下の内容で申し込みしました申込者：わかてたろう … ユーザーは操作方法を考える目的を果たすために入力実行ボタン押下ウエイトカーソルで実行を確認申込完了画面でシステムが作動したのを知る実際にゴールを達成できたかメールで確認 Ex）ノーマンの７段階モデル

Slide 47

Slide 47 text

③ユーザーの要求事項を満足させる設計による解決策の作成 ▪ ユーザーや状況によって、実装すべきUIは異なるので注意するユーザビリティの作りこみ方熟練者初心者専門用語が一番わかりやすい出力する帳票と同じ画面がいい簡易な言葉で書いてほしい１つ１つ入力しやすい画面がいい

Slide 48

Slide 48 text

④要求事項に対する設計の評価ユーザビリティの作りこみ方総括的評価形式的評価分析的手法実験的手法ヒューリスティック評価認知的ウォークスルーパフォーマンス測定回顧法アンケート調査思考発話法

Slide 49

Slide 49 text

ユーザビリティ評価についてユーザビリティの作りこみ方 ④要求事項に対する設計の評価手法評価

Slide 50

Slide 50 text

ユーザビリティ評価について分析的手法 • ユーザビリティエンジニアやユーザインタフェースデザイナなどの「専門家」が、自らの知識や経験に基づいて評価する手法 • 主観的・仮説・設計段階で評価可能実験的手法 • 本物のユーザのデータに基づいて評価する手法 • 客観的・事実・評価にはモノが必要 • 被験者のリクルート方法を考える必要があるユーザビリティの作りこみ方 ④要求事項に対する設計の評価

Slide 51

Slide 51 text

ユーザビリティ評価について総括的評価 • 実際に効果を測定して目標値と照らし合わせる方法形式的評価 • インタフェースのどの部分が良いのか悪いのか、どのようにデザインを改善できるのかを知る方法ユーザビリティの作りこみ方 ④要求事項に対する設計の評価

Slide 52

Slide 52 text

今日はこの3つを説明しますユーザビリティの作りこみ方 ④要求事項に対する設計の評価総括的評価形式的評価分析的手法実験的手法ヒューリスティック評価認知的ウォークスルーパフォーマンス測定回顧法アンケート調査思考発話法

Slide 53

Slide 53 text

パフォーマンス測定 ▪実験的手法 × 総括的評価 ▪被験者にシステムを操作してもらい、タスク達成率（効果）やタスク達成時間（効率）を収集する。またタスク終了後に難易度や満足度などの項目について質問を行い、主観的評価（満足度）を算出する。 ▪統計としての結果が必要なので、大人数の被験者で行う必要がある。ユーザビリティの作りこみ方 ④要求事項に対する設計の評価

Slide 54

Slide 54 text

ヒューリスティック評価ユーザビリティの作りこみ方 ④要求事項に対する設計の評価 ▪分析的手法 × 形式的評価 ▪専門家やデザイナーが知識や経験則にもとづいて、製品の問題点を発見する。 ▪前述のデザインの要素 ▪次ページのニールセンのヒューリスティック10原則など。

Slide 55

Slide 55 text

ヒューリスティック評価ユーザビリティの作りこみ方 ④要求事項に対する設計の評価 1. シンプルで自然な対話シンプルで分かりやすいUI 2. ユーザーの言葉で話すシステムの用語にはしない 3. ユーザーの記憶負荷を最小限にするユーザーの記憶に頼らず、システムが覚えているようにする 4. 一貫性各画面で、ナビゲーション、インタラクション等のUIは同じ振る舞い 5. フィードバックユーザーにシステムで今何が起こっているのかわかるようにする 6. 出口を明らかにする戻るボタンなど、今行っている操作を終了する方法を明示する。 7. ショートカットリピーターが目的の機能に直接ジャンプできるようにする 8. 適切なエラーメッセージなぜエラーか、どうすればよいかがわかる。 9. エラーを防止するユーザーがミスやエラーを起こさないUI を心がける。 10. ヘルプとドキュメンテーションわかりやすいマニュアル、ヘルプニールセンのヒューリスティック10原則

Slide 56

Slide 56 text

思考発話法ユーザビリティの作りこみ方 ④要求事項に対する設計の評価 ▪実験的手法 × 形式的評価 ▪被験者がシステムを使いながら常に考えたことを声に出していき、インタビュワーがそれを観察および分析して問題点を洗い出す方法 →使用するときの様子を観察することで、システムの使いにくい箇所を特定

Slide 57

Slide 57 text

思考発話法のイメージユーザビリティの作りこみ方 ④要求事項に対する設計の評価ユーザーインタビューワー →テスト見学者

Slide 58

Slide 58 text

思考発話法のイメージユーザビリティの作りこみ方 ④要求事項に対する設計の評価ユーザーインタビューワー →テスト見学者占い結果をTwitterにアップしてください。貴方はTwitterのタイムラインでよく見かける「古代生物占い」サイトに興味をもちました。

Slide 59

Slide 59 text

思考発話法のイメージユーザビリティの作りこみ方 ④要求事項に対する設計の評価ユーザーインタビューワー →テスト見学者ここに誕生日を入力すればいいのかな？・・・。え、次にどうすればいいの？カキカキカキカキカキカキどうすればいいと思いますか？

Slide 60

Slide 60 text

今日はヒューリスティック評価をワークします。ユーザビリティの作りこみ方 ④要求事項に対する設計の評価総括的評価形式的評価分析的手法実験的手法ヒューリスティック評価認知的ウォークスルーパフォーマンス測定回顧法アンケート調査思考発話法

Slide 61

Slide 61 text

ワーク２ ▪ ワーク１であげてもらった付箋についていままでのセッションの内容を振り返りながら「何がよくないのか」「どうしたらいいのか」を追記してみてください。 ▪ ワーク１で見つけたところ以外に、ユーザビリティの問題はあるでしょうか？ある場合には「よくないところ」「よくない理由」「どうしたらいいのか」をあげてみてください。 ▪ 時間は10分です。ユーザビリティの作りこみ方

Slide 62

Slide 62 text

実際の開発とユーザビリティ

Slide 63

Slide 63 text

人間中心設計はまわすことが大事 ▪ 評価・・・で終わりではない。調査し、解決策を実装し、評価しつづけることが大事実際の開発とユーザビリティ ①利用状況の把握と明示 ②ユーザーの要求事項の明確化 ③ユーザーの要求事項を満足させる設計による解決策の作成 ④要求事項に対する設計の評価要求事項が適合している（実装）人間中心設計プロセスの計画適切な段階へ反復

Slide 64

Slide 64 text

でもどこで使うの？実際の開発とユーザビリティ

Slide 65

Slide 65 text

開発と人間中心設計 ▪最初の1歩実際の開発とユーザビリティ要件定義設計実装テストユーザビリティの評価をやってみる

Slide 66

Slide 66 text

開発と人間中心設計 ▪次にこうなる実際の開発とユーザビリティ要件定義設計実装テスト利用状況の調査と分析をしてみるユーザビリティの評価をやってみる利用状況の調査をもとに設計する

Slide 67

Slide 67 text

開発と人間中心設計 ▪こうすることができる実際の開発とユーザビリティ要件定義設計実装テスト画面設計・プロトタイプでHCDをまわすワイヤーフレームで HCDをまわす画面でHCD をまわす製品でHCD をまわす

Slide 68

Slide 68 text

開発と人間中心設計 ▪こんなこともできる実際の開発とユーザビリティ第1 スプリント第2 スプリント第3 スプリント HCDをまわす HCDをまわす HCDをまわす

Slide 69

Slide 69 text

・・・でも、もっと自分1人で始められるものはないんですか？実際の開発とユーザビリティ

Slide 70

Slide 70 text

今日からできるユーザビリティ ▪ずばり・・・ ▪ユーザーがどのようにシステムを使うか、イメージしながら開発・テストを行うようにすること ▪ 例えば・・・ ▪ 設計、開発したときに、どうしてそのUIにしたのか説明できるようにする ▪ テストしたときに、ユーザーがどう使うかを考えながらテストしてみる ▪ テストした時の画面の違和感がどうしてなのかを説明してみる ▪ ちなみに・・・ ▪ 思考発話法は知人にお願いをする簡単なものでもいいからやったほうがいい。実際の開発とユーザビリティ

Slide 71

Slide 71 text

困ったときの参考文献① ▪ ヤコブ・ニールセン著篠原稔和監訳三好かおる訳「ユーザビリティエンジニアリング原論ユーザーのためのインタフェースデザイン」東京電機大学出版局 2002年 ▪ Jon Yablonski著、相島雅樹、磯谷拓也、反中望、松村草也訳「UXデザインの法則― 最高のプロダクトとサービスを支える心理学」Ebooks版オライリージャパン 2021年 ▪ 黒須正明著「人間中心設計の基礎 HCDライブラリー第1巻」Kindle版近代科学社, 2016年 ▪ 黒須正明著「 UX原論ユーザビリティからUXへ」Kindle版、2020年 ▪ 樽本徹也著「ユーザビリティエンジニアリング（第2版）―ユーザエクスペリエンスのための調査、設計、評価手法―」Kindle版オーム社 2014年 ▪ 黒須正明著「ユーザビリティテスティングユーザ中心のものづくりに向けて」共立出版株式会社 2003年 ▪ 山崎和彦、八木大彦、竹内公啓著「人間中心設計入門」Kindle版近代科学社, 2016年 ▪ 川合俊輔、大本あかね、菊池崇「UXと理論で作る Webデザイン: デザイナーでなくてもわかる」 Kindle版実際の開発とユーザビリティ

Slide 72

Slide 72 text

困ったときの参考文献② ▪ 元太秀司著「UIデザイン必携ユーザーインターフェースの設計と改善を成功させるために」翔泳社 2022年 ▪ 元太秀司著「UIデザインの教科書［新版］マルチデバイス時代のインターフェース設計」翔泳社 2019年

Slide 73

Slide 73 text

ユーザビリティを作りこめ！ ▪ご清聴ありがとうございました