SlideShare une entreprise Scribd logo
1  sur  26
UXデザイン×ヒューリスティック評価
松本 直幸
2016.11.16
UX JAM vol.13
松本 直幸
Netyear Group Corporation UXデザイングループ
インフォメーションアーキテクト / UXデザイナー
クライアントワークを中心に、UXデザインプロセスの実行、
ウェブサイトやアプリケーションの情報構造設計、画面設計、etc…をやってます。
UX
大切です。でも、
「ユーザビリティ」を忘れていませんか
そこで!
ヒューリスティック評価
「
」
ユーザインターフェース設計における
ユーザビリティの問題を特定する検査方法
すでにあるモノ
つくろうとしているモノ
すべてにおいて
ヒューリスティック評価は有効
ヤコブ・ニールセンの
ヒューリスティック10原則
https://www.nngroup.com/articles/ten-usability-heuristics/
ヤコブ・ニールセンの
ヒューリスティック10原則
1. システム状態の視認性を高める(Visibility of system status)
2. 実環境に合ったシステムを構築する(Match between system and the real world)
3. ユーザーにコントロールの主導権と自由度を与える(User control and freedom)
4. 一貫性と標準化を保持する(Consistency and standards)
5. エラーの発生を事前に防止する(Error prevention)
6. 記憶しなくても、見ればわかるようなデザインを行う(Recognition rather than recall)
7. 柔軟性と効率性を持たせる(Flexibility and efficiency of use)
8. 最小限で美しいデザインを施す(Aesthetic and minimalist design)
9. ユーザーによるエラー認識、診断、回復をサポートする(Help users recognize, diagnose, and recover from errors)
10. ヘルプとマニュアルを用意する(Help and documentation)
ざっくり言うと
ざっくり版!
ヒューリスティック5原則
1. すぐわかる
2. シーンにぴったり
3. 一貫性がある
4. まちがえにくい
5. まちがえてもだいじょうぶ
UX = 結果
UXと何が関係あるの?
スマホアプリの開発
これがUX
スマホアプリの開発
ここがUI
スマホアプリの開発
ほら!
UX = 結果 ∋ UI
結果オーライ = よいUX?
いやいやいや
悪いUIは
UXが悪くなる要因になる!
UIの評価ができなくて
UXを評価できるわけがない!
みんな
「ヒューリスティック評価」
できるようになろうぜ
おわり

Contenu connexe

Tendances

ユーザテスト社内勉強会
ユーザテスト社内勉強会ユーザテスト社内勉強会
ユーザテスト社内勉強会
Ue day
 

Tendances (19)

ユーザテスト社内勉強会
ユーザテスト社内勉強会ユーザテスト社内勉強会
ユーザテスト社内勉強会
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)
 
ペーパープロトタイピング基本テクニック集
ペーパープロトタイピング基本テクニック集ペーパープロトタイピング基本テクニック集
ペーパープロトタイピング基本テクニック集
 
ユーザビリティテストの世界「入門編」
ユーザビリティテストの世界「入門編」ユーザビリティテストの世界「入門編」
ユーザビリティテストの世界「入門編」
 
UXデザインとは
UXデザインとはUXデザインとは
UXデザインとは
 
ペーパー・イン・スクリーン・プロトタイピング
ペーパー・イン・スクリーン・プロトタイピングペーパー・イン・スクリーン・プロトタイピング
ペーパー・イン・スクリーン・プロトタイピング
 
リーンスタートアップのための「聞く力」
リーンスタートアップのための「聞く力」リーンスタートアップのための「聞く力」
リーンスタートアップのための「聞く力」
 
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
続100円プロトタイプ(The $1 Prototype) - 実演ビデオ付
 
Lean/Agile UX Ver.2
Lean/Agile UX Ver.2Lean/Agile UX Ver.2
Lean/Agile UX Ver.2
 
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
 
UX/UCD in 201X
UX/UCD in 201XUX/UCD in 201X
UX/UCD in 201X
 
やろうぜ!簡易ユーザビリティテスト
やろうぜ!簡易ユーザビリティテストやろうぜ!簡易ユーザビリティテスト
やろうぜ!簡易ユーザビリティテスト
 
10分ユーザテストのすすめ
10分ユーザテストのすすめ10分ユーザテストのすすめ
10分ユーザテストのすすめ
 
Lean/Agile UX
Lean/Agile UXLean/Agile UX
Lean/Agile UX
 
訴求ファースト。キービジュアル。
訴求ファースト。キービジュアル。訴求ファースト。キービジュアル。
訴求ファースト。キービジュアル。
 
リーンUX顧客開発インタビュー
リーンUX顧客開発インタビューリーンUX顧客開発インタビュー
リーンUX顧客開発インタビュー
 
20160625 アジャイル巡業仙台
20160625 アジャイル巡業仙台20160625 アジャイル巡業仙台
20160625 アジャイル巡業仙台
 
ユーザビリティテストをやってみよう
ユーザビリティテストをやってみようユーザビリティテストをやってみよう
ユーザビリティテストをやってみよう
 
ユーザテストを1ヶ月で立ち上げた話
ユーザテストを1ヶ月で立ち上げた話ユーザテストを1ヶ月で立ち上げた話
ユーザテストを1ヶ月で立ち上げた話
 

En vedette

ゲームチャット導入に伴うUX構想とUI
ゲームチャット導入に伴うUX構想とUIゲームチャット導入に伴うUX構想とUI
ゲームチャット導入に伴うUX構想とUI
atsdesign
 

En vedette (20)

UXグラフとUXグラフツールのススメ - UX評価について -
UXグラフとUXグラフツールのススメ - UX評価について -UXグラフとUXグラフツールのススメ - UX評価について -
UXグラフとUXグラフツールのススメ - UX評価について -
 
UXデザインの接しかた // UX Sketch #17
UXデザインの接しかた // UX Sketch #17UXデザインの接しかた // UX Sketch #17
UXデザインの接しかた // UX Sketch #17
 
UXはじめの一歩
UXはじめの一歩UXはじめの一歩
UXはじめの一歩
 
みんなでUXデザインをするために
みんなでUXデザインをするためにみんなでUXデザインをするために
みんなでUXデザインをするために
 
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティスアプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
 
ゲームチャット導入に伴うUX構想とUI
ゲームチャット導入に伴うUX構想とUIゲームチャット導入に伴うUX構想とUI
ゲームチャット導入に伴うUX構想とUI
 
本当は怖いUXデザイン~あなたはスマホにコントロールされている?
本当は怖いUXデザイン~あなたはスマホにコントロールされている?本当は怖いUXデザイン~あなたはスマホにコントロールされている?
本当は怖いUXデザイン~あなたはスマホにコントロールされている?
 
UIST2016の舞台裏 (UIST勉強会講演1/2)
UIST2016の舞台裏 (UIST勉強会講演1/2)UIST2016の舞台裏 (UIST勉強会講演1/2)
UIST2016の舞台裏 (UIST勉強会講演1/2)
 
ダイバーシティハッカソン Omamori glass
ダイバーシティハッカソン Omamori glassダイバーシティハッカソン Omamori glass
ダイバーシティハッカソン Omamori glass
 
オープンイノベーションセミナー資料
オープンイノベーションセミナー資料オープンイノベーションセミナー資料
オープンイノベーションセミナー資料
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
 
企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント
 
Webディレクター用ポートフォリオテンプレート
Webディレクター用ポートフォリオテンプレートWebディレクター用ポートフォリオテンプレート
Webディレクター用ポートフォリオテンプレート
 
目が見えない状態を想定したUI設計
目が見えない状態を想定したUI設計目が見えない状態を想定したUI設計
目が見えない状態を想定したUI設計
 
失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創
失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創
失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創
 
CTOが語るUI/UX
CTOが語るUI/UXCTOが語るUI/UX
CTOが語るUI/UX
 
サイトパフォーマンスからUXを追求する
サイトパフォーマンスからUXを追求するサイトパフォーマンスからUXを追求する
サイトパフォーマンスからUXを追求する
 
自分たちでつくった"UXガイドライン"を片手に、クラウドワークスを作り変える。
自分たちでつくった"UXガイドライン"を片手に、クラウドワークスを作り変える。自分たちでつくった"UXガイドライン"を片手に、クラウドワークスを作り変える。
自分たちでつくった"UXガイドライン"を片手に、クラウドワークスを作り変える。
 
チームを動かすデザイナー
チームを動かすデザイナーチームを動かすデザイナー
チームを動かすデザイナー
 
受託側UXデザインの分解と構築 | "RIDE" UX Sketch SUMMER 2016
受託側UXデザインの分解と構築 | "RIDE" UX Sketch SUMMER 2016受託側UXデザインの分解と構築 | "RIDE" UX Sketch SUMMER 2016
受託側UXデザインの分解と構築 | "RIDE" UX Sketch SUMMER 2016
 

Similaire à UXデザイン×ヒューリスティック評価

ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
Kazuhiko Tsuchiya
 
ユーザーエクスペリエンスの分解
ユーザーエクスペリエンスの分解ユーザーエクスペリエンスの分解
ユーザーエクスペリエンスの分解
Takehisa Gokaichi
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
 

Similaire à UXデザイン×ヒューリスティック評価 (20)

ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
 
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義
 
ユーザーエクスペリエンスの分解
ユーザーエクスペリエンスの分解ユーザーエクスペリエンスの分解
ユーザーエクスペリエンスの分解
 
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?
 
UX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザインUX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザイン
 
事業とUXデザイン
事業とUXデザイン事業とUXデザイン
事業とUXデザイン
 
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメUXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
 
UX - 業務システムにも感動を
UX - 業務システムにも感動をUX - 業務システムにも感動を
UX - 業務システムにも感動を
 
UX Design とは何か?
UX Design とは何か?UX Design とは何か?
UX Design とは何か?
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
 
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプIndigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
 
「UXって何?」オンラインセミナー資料
「UXって何?」オンラインセミナー資料「UXって何?」オンラインセミナー資料
「UXって何?」オンラインセミナー資料
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法
 
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
 
写真撮影プロセスとHCDプロセスの共通性
写真撮影プロセスとHCDプロセスの共通性写真撮影プロセスとHCDプロセスの共通性
写真撮影プロセスとHCDプロセスの共通性
 
モバイルのためのUXデザイン
モバイルのためのUXデザインモバイルのためのUXデザイン
モバイルのためのUXデザイン
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのか
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
20160201事業説明 ux測研
20160201事業説明 ux測研20160201事業説明 ux測研
20160201事業説明 ux測研
 

UXデザイン×ヒューリスティック評価

Notes de l'éditeur

  1. 5分(300秒) 1シート 約10秒