SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
機能はちゃんと試してからリリース
しようねという話
~イッツコムおよびパナソニックの事例から学ぶ~
株式会社ツルカメ UXディレクター
森田 雄
Accessibility LT & Chatting, Global Accessibility Awareness Day
2019/5/16 @ freee
森田 雄の自己紹介
• IA/UXデザインの専門家です。
• アクセシビリティに関わる活動を趣味でずっとやってます(仕事で
もやってます)。かれこれ四半世紀じゃくほどやってます。
• 「マークアップエンジニア」という名称を考えた人。
• 「altはつけるだけじゃなくて」という記事をむかし書いた人。
• Web担当者Forumで「UX侍」という連載をしてて、取材先でプロダ
クトを斬りまくってたら行くところがなくなって連載終了。
• 現在は「Web系キャリア探訪」という連載で自分探しをしています。
• お手柔らかによろしくお願いします。
2019/5/15 Yu Morita in GAAD-at-freee 2
本題
機能はちゃんと使ってからリリース
しようねという話
~イッツコムおよびパナソニックの事例から学ぶ~
2019/5/15 Yu Morita in GAAD-at-freee 3
イッツコムのCATVサービス
• マックス、ビッグ、αエース、
ミニというコースがあって、
地上デジタル、BSデジタルに
加えてケーブルテレビっぽい
感じの専門チャンネルが楽し
めます。
• この各コースのSTBなんです
が、今回事例として提示する
とある機能は、このSTBに実
装されている機能です。
(うちにあるのはHit Pot)
2019/5/15 Yu Morita in GAAD-at-freee 4
TZ-HDT621PW
2019/5/15 Yu Morita in GAAD-at-freee 5
• HTML5に対応(謎)
録画一覧の画面
2019/5/15 Yu Morita in GAAD-at-freee 6※サムネ部分、伏せる加工してます。
録画一覧の画面内要素
2019/5/15 Yu Morita in GAAD-at-freee 7
プレビューエリア
録画番組のリスト
(サムネ+日時+タイトルなど)
録画時間
と
操作凡例
ディスク残り容量
挙動の説明
• リストで黄色くなっているのが、
選択中の番組。
• 選択すると左上のプレビューエ
リアでプレビューされる。
• 決定ボタンを押したら画面全体
が当該番組となって再生される。
2019/5/15 Yu Morita in GAAD-at-freee 8
挙動の実態
• しかしこれプレビューとかいって実際には本編が再生される。
• つまりちっこいテレビ画面と何も変わらない。
• 音もちゃんと鳴るし、このまま放っておくと最後まで流れる。
• つまり、録画一覧の画面を表示した瞬間から、リストの一番上に
ある番組(番組フォルダの場合はフォルダ内の最新のもの)が勝
手に自動的に再生されることになる。
• なお、この録画一覧画面で、何も選択しないという操作はできな
い。必ず何か1つは選択されてしまう(=再生されてしまう)。
2019/5/15 Yu Morita in GAAD-at-freee 9
これのどこがいけないのか
• ユーザの利用状況を想定していなさすぎ。
• 基本的に、見れなかったものを録画しているわけですから、これ
から見ようとして録画一覧を表示している。
• まだ見てないものたちが、選択されるたびに(本当に見たいもの
に到達するまでに)順に自動再生されていく。
• CMだけならまだいいが、ものによっては始まってしまう。
• とりあえずテレビつけて、録画一覧表示して、……あ!先にトイ
レいこう!とか、お茶入れよ~~とか、していると、どんどん再
生されてしまうし音がガンガン聞こえてくる。
• 楽しみがチクチク削られていくつらさ。
• 消音ボタンを押してからこの画面を表示するという対症療法。
• イッツコム解約したろうかと思うくらい、腹立たしい。
2019/5/15 Yu Morita in GAAD-at-freee 10
改善を要求したものの
• 契約してからしばらく経過した時点で、イッツコムのカスタマー
部門から「何かお気づきの点はありませんか」みたいな連絡が
あったので、この勝手に再生される問題について改善要望はした。
• パナソニックの製品なのでイッツコムが直接どうこうというのも
難しいが連絡はするという回答。
• するとパナソニックからも返答を得られたようで、歴史的経緯と
しては、かつてはここはサムネ表示だったが、リストのほうにあ
るサムネと同じなのでもったいないとか、動画プレビューを表示
してほしいといったユーザ要望があったので、いわれるがままに
実装した結果が今である、とのこと。
• お前なー、プレビューなんなら10秒再生してループとか、無音で
再生するとか、せめてそういう風に設定を変えられるようにする
とかあったろうが。お前この機能っつーかSTB自体使ったことな
いだろ……
2019/5/15 Yu Morita in GAAD-at-freee 11
そして現在
まだ解約に至ってないのだが、
STBのこの挙動がある以上、
僕がイッツコムを勧めることはない。
2019/5/15 Yu Morita in GAAD-at-freee 12
ちなみにハードなので改修は
難しいといわれたが
2019/5/15 Yu Morita in GAAD-at-freee 13
• この説明文を読むと、あの画面(=メディアプレイヤー)HTML5
で書かれてるんじゃないのって気がするんだけどなあ……。シス
テム更新できるんだし、マジで改修してほしい。
この事例から得られた教訓
• アクセシビリティの実装にせよ何にせよ、使ってる人の気持ちや
状況に寄り添い、テストをして、これならOKだと確信してからリ
リースしましょう。
• できてなかったら速やかに改修しましょう。
• そうしないと顧客を失ったりとか、悪い評判が出回ったりしかね
ませんよと。
2019/5/15 Yu Morita in GAAD-at-freee 14
完
ご清聴ありがとうございました。
感想等ありましたらメンションしてくださいませ。
https://twitter.com/securecat
2019/5/15 Yu Morita in GAAD-at-freee 15

Mais conteúdo relacionado

Mais procurados

これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
 

Mais procurados (20)

だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Zだから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
 
Cssnite in sapporovol14
Cssnite in sapporovol14Cssnite in sapporovol14
Cssnite in sapporovol14
 
20140903 sa business_seminar
20140903 sa business_seminar20140903 sa business_seminar
20140903 sa business_seminar
 
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターデザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選びWeb制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
 
Webディレクション講座 - 初級編 -
Webディレクション講座  - 初級編 -Webディレクション講座  - 初級編 -
Webディレクション講座 - 初級編 -
 
「誰」が「何」をする?みんなで考えてみよう!
「誰」が「何」をする?みんなで考えてみよう!「誰」が「何」をする?みんなで考えてみよう!
「誰」が「何」をする?みんなで考えてみよう!
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.30からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
 
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)MTDDC Meetup HOKKAIDO 2013のご案内(仮)
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
 
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
 
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
 
デザイナーとエンジニアの良い関係
デザイナーとエンジニアの良い関係デザイナーとエンジニアの良い関係
デザイナーとエンジニアの良い関係
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
 

Semelhante a 機能はちゃんと試してからリリースしようねという話

[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
 
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGitライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
Tomohiro Oda
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ  サード・プレイスとしての機能と役割UX TOKYOとワークショップ  サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
uxtokyo
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
ux_tokyo
 

Semelhante a 機能はちゃんと試してからリリースしようねという話 (20)

[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
Webサービスを作ろうとしたら、迷走してgoogleフォームで完結しそうなサービスになりそうな件について
Webサービスを作ろうとしたら、迷走してgoogleフォームで完結しそうなサービスになりそうな件についてWebサービスを作ろうとしたら、迷走してgoogleフォームで完結しそうなサービスになりそうな件について
Webサービスを作ろうとしたら、迷走してgoogleフォームで完結しそうなサービスになりそうな件について
 
UIは「習うより慣れろ」
UIは「習うより慣れろ」UIは「習うより慣れろ」
UIは「習うより慣れろ」
 
パッションがとっても大切だった話
パッションがとっても大切だった話パッションがとっても大切だった話
パッションがとっても大切だった話
 
UXのリバースエンジニアリング
UXのリバースエンジニアリングUXのリバースエンジニアリング
UXのリバースエンジニアリング
 
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
 
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGitライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
 
UI/UXデザインでサイトを改善しよう
UI/UXデザインでサイトを改善しようUI/UXデザインでサイトを改善しよう
UI/UXデザインでサイトを改善しよう
 
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポートアプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポート
 
リクルートでのUXリサーチ
リクルートでのUXリサーチリクルートでのUXリサーチ
リクルートでのUXリサーチ
 
わんくま名古屋#33(20141115) モノ作り半生
わんくま名古屋#33(20141115) モノ作り半生わんくま名古屋#33(20141115) モノ作り半生
わんくま名古屋#33(20141115) モノ作り半生
 
Uno Platform か Blazor
Uno Platform か BlazorUno Platform か Blazor
Uno Platform か Blazor
 
ゲームUI/UX勉強会予習資料「UI Discussion とは」
ゲームUI/UX勉強会予習資料「UI Discussion とは」ゲームUI/UX勉強会予習資料「UI Discussion とは」
ゲームUI/UX勉強会予習資料「UI Discussion とは」
 
インフラ知識ゼロの「デザイナー」でもOK! Microsoft Azureの便利機能を Web制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK! Microsoft Azureの便利機能を Web制作的に活かしてみた話
 
JavaScript初心者が紹介するデバイスやアプリで楽しむIoT: #jsfes
JavaScript初心者が紹介するデバイスやアプリで楽しむIoT: #jsfesJavaScript初心者が紹介するデバイスやアプリで楽しむIoT: #jsfes
JavaScript初心者が紹介するデバイスやアプリで楽しむIoT: #jsfes
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ  サード・プレイスとしての機能と役割UX TOKYOとワークショップ  サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
 
さくらのナレッジの裏側
さくらのナレッジの裏側さくらのナレッジの裏側
さくらのナレッジの裏側
 

Mais de Yu Morita

Mais de Yu Morita (10)

ワイヤーフレームとは何なのか問題について
ワイヤーフレームとは何なのか問題についてワイヤーフレームとは何なのか問題について
ワイヤーフレームとは何なのか問題について
 
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
 
時間調整用
時間調整用時間調整用
時間調整用
 
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
おかんでもわかるUXデザイン Ver.0.2 CSS Nite EditionおかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
 
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
 
[リクリUXワークショップ] 放置自転車問題を一挙に解決
[リクリUXワークショップ] 放置自転車問題を一挙に解決[リクリUXワークショップ] 放置自転車問題を一挙に解決
[リクリUXワークショップ] 放置自転車問題を一挙に解決
 
【比較用】Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
【比較用】Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=【比較用】Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
【比較用】Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
 
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める= Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
 
いつもの制作案件を、新WebJIS準拠にするためのワークフロー
いつもの制作案件を、新WebJIS準拠にするためのワークフローいつもの制作案件を、新WebJIS準拠にするためのワークフロー
いつもの制作案件を、新WebJIS準拠にするためのワークフロー
 

機能はちゃんと試してからリリースしようねという話