Enviar búsqueda
Cargar
実はできている!? Webアクセシビリティ
•
4 recomendaciones
•
2,613 vistas
力也 伊原
Seguir
2016年7月5日にメンバーズキャリアで開催されたイベントで使用したスライドです。
Leer menos
Leer más
Diseño
Vista de diapositivas
Denunciar
Compartir
Vista de diapositivas
Denunciar
Compartir
1 de 207
Descargar ahora
Descargar para leer sin conexión
Recomendados
html5j アクセシビリティ部 第0回勉強会にて ※ 2014年12月4日のイベントでのスライドは以下をご覧ください。 http://www.slideshare.net/rikiha/a11yfes-rikiha
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
2017年6月3日開催のイベント「!important #04 -特盛!アクセシビリティスペシャル-」で使用したスライドです。
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
力也 伊原
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
2016年2月27日 産業技術大学院大学 履修証明プログラム『人間中心デザイン』HCD導入設計論の資料です。UXデザインをする技術と、UXデザインを組織に導入する技術は、まったく別のものである(UXデザインと組織論)ということを、正面から考えました
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
2021年3月26日 In. Data × UX Lightning Talks #2 でのスライドです。定量分析と定性分析って、どう組み合わせればいいの!? 定量分析のネックは、手元の数字に現れないものを見出しづらいことです。たとえば「顧客が自社製品を購入するまでに感じる心理の全体像」のようなものを定量的に把握するのはなかなか難しいものです。定性分析はそのような「人の心で起きていることの全体像」をうまくモデルにすることができます。そして、人間の社会において起きることの多くは、人の心がかかわる事象なのです。このセッションでは、UXデザインの専門家が、定量分析と定性分析のシナジーについてお話します。イベントサイト: https://dataadventure.connpass.com/event/206250/
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Yoshiki Hayama
情報アークテクチャ(IA)の概要、情報アーキテクチャ設計プロセスについてのまとめ
情報アーキテクチャ入門
情報アーキテクチャ入門
Manami Nakamura
2014年1月21日(火)schoo(スクー)のオンライン授業「ターゲット心理をつかむ、正しいユーザー調査・分析」のスライドです。授業の動画は https://schoo.jp/class/345 よりご覧いただけます。
ターゲット心理をつかむ、正しいユーザー調査・分析
ターゲット心理をつかむ、正しいユーザー調査・分析
Yoshiki Hayama
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション1「なぜ企業はWebアクセシビリティに取り組むのか?」に用いたスライドです。講師は作業部会1(理解と普及)委員の伊原 力也氏です。
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
Recomendados
html5j アクセシビリティ部 第0回勉強会にて ※ 2014年12月4日のイベントでのスライドは以下をご覧ください。 http://www.slideshare.net/rikiha/a11yfes-rikiha
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
2017年6月3日開催のイベント「!important #04 -特盛!アクセシビリティスペシャル-」で使用したスライドです。
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
力也 伊原
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
2016年2月27日 産業技術大学院大学 履修証明プログラム『人間中心デザイン』HCD導入設計論の資料です。UXデザインをする技術と、UXデザインを組織に導入する技術は、まったく別のものである(UXデザインと組織論)ということを、正面から考えました
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
2021年3月26日 In. Data × UX Lightning Talks #2 でのスライドです。定量分析と定性分析って、どう組み合わせればいいの!? 定量分析のネックは、手元の数字に現れないものを見出しづらいことです。たとえば「顧客が自社製品を購入するまでに感じる心理の全体像」のようなものを定量的に把握するのはなかなか難しいものです。定性分析はそのような「人の心で起きていることの全体像」をうまくモデルにすることができます。そして、人間の社会において起きることの多くは、人の心がかかわる事象なのです。このセッションでは、UXデザインの専門家が、定量分析と定性分析のシナジーについてお話します。イベントサイト: https://dataadventure.connpass.com/event/206250/
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Data × UX - 定量分析と定性分析のシナジーをガチUXデザイナーが語る
Yoshiki Hayama
情報アークテクチャ(IA)の概要、情報アーキテクチャ設計プロセスについてのまとめ
情報アーキテクチャ入門
情報アーキテクチャ入門
Manami Nakamura
2014年1月21日(火)schoo(スクー)のオンライン授業「ターゲット心理をつかむ、正しいユーザー調査・分析」のスライドです。授業の動画は https://schoo.jp/class/345 よりご覧いただけます。
ターゲット心理をつかむ、正しいユーザー調査・分析
ターゲット心理をつかむ、正しいユーザー調査・分析
Yoshiki Hayama
2017年2月15日開催のセミナー「これから取り組むWebアクセシビリティ Vol.2」で、セッション1「なぜ企業はWebアクセシビリティに取り組むのか?」に用いたスライドです。講師は作業部会1(理解と普及)委員の伊原 力也氏です。
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
Web Accessibility Infrastructure Committee (WAIC)
2018年10月13日 「DevLOVE関西」のスライドです。UXデザインの基本について、ワークショップを交えて、エンドユーザーにどのようにインタビューするのか、そのインタビューデータからどのような手順でインサイトを見つけるのかを、わかりやすく体験していただきます。
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
Yoshiki Hayama
2022年11月2日 プロダクトマネージャーカンファレンス2022でのスライドです。プロダクトマネジメントの分野では、リーンスタートアップ本をはじめとした起業家が提唱するユーザー調査手法で、ユーザーのインサイトを見つけたり、仮説検証をおこなっています。しかし著者の多くは「起業家」であって「ユーザー心理を調査する専門家」ではありません。彼らの書籍で紹介されているユーザー調査手法は、荒削りであったり、不慣れであったり、自己流であったりします。 ユーザーのインサイトを確実に見つけ、プロダクトへ落とし込む専門家として「UXデザイナー」や「UXリサーチャー」がいます。プロダクトマネジメントに、UXデザインの専門家のノウハウを注入することで、より確実にユーザーのインサイトをおさえたプロダクト開発ができます。 本セッションでは、とくにプロダクトマネージャーたちが困っているテーマとして、ユーザーインタビューで集まった大量の発話データから「ユーザーの本当のニーズ」を抽出する手法を、プロのUXデザイナーが紹介します。 登壇者はUXデザイナーとして20年以上のキャリアをもち、またプロダクトマネージャーとしての経験もあります。きっとあなたの「ユーザーのインサイトがわからない!」というお悩みに役立つでしょう。
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
Yoshiki Hayama
2016年8月に株式会社サイバーエージェントで開催された社内勉強会で使用したスライドです。
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
力也 伊原
2015年10月9日 Stack Overflow DevDaysのセッション「UX専門家から見た『Running Lean』の改善ポイント 〜『Lean Customer Development」と読み比べ〜』の資料です。「Running Lean - 実践リーンスタートアップ」と「Lean Customer Development - リーン顧客開発」は、ぜひセットで読むといいと思う。
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
Yoshiki Hayama
リンクシェア フェア 2014 B3セミナー「UXデザインに学ぶ、ターゲット心理の分析テクニック」のプレゼン資料その1(プレゼン本編)です。資料その2(P.54の原本)「液晶ディスプレイ購入者の心理マップ」は http://www.slideshare.net/storywriterjp/20140621-linkshare-valuemap にあります。
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
2018年3月31日 「第22回 Machine Learning 15minutes!」でのスライドです。HCD-Net認定人間中心設計専門家として、また #IBMChampion として、ユーザーとAIのインタラクションの設計についてお話しします。 #IBMChampion イベントのページ: https://machine-learning15minutes.connpass.com/event/78109/
AIとUXデザイン 〜ユーザーのためのAIを設計するために〜:第22回 Machine Learning 15minutes!
AIとUXデザイン 〜ユーザーのためのAIを設計するために〜:第22回 Machine Learning 15minutes!
Yoshiki Hayama
2022年2月28日・3月1日 Web担当者Forum冬のイベント「デジタルマーケターズサミット 2022 Winter」KB2-5 特別講演のスライドです。「ユーザーが欲しいといった機能をつけたのに使われない!」という経験はありませんか。マーケティングにあたり「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「仮説を立てる」にも、ファクトを充分に集めることなしに、推測だけで進めてはいないでしょうか。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集め、親和図法やKA法(本質的価値抽出法)で分析することで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。UXデザイナーの第一線で活躍する講師より、かんたんなワークを交えながら、体系的に理解いただきます。 イベントサイトURL: https://webtan.impress.co.jp/events/202202?seminar_session=seminar_KB2-5
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
Yoshiki Hayama
2023年8月8日 ユニーリサーチアカデミーでのスライドです。「ユーザーインタビューってどうやるんだろう?」「インタビューしているけど、深掘りできている気がしない」というお悩みを抱える方向けに、ユーザーインタビューを生実演しました。インタビューのテーマは「推し活」。推し活に勤しむユーザーにお越しいただき、羽山がリアルタイムでユーザーインタビューをしました。セミナー自体はユーザーインタビューの生実演に主眼をおいて、具体的な会話テクニックなどはスライドに掲載しています。
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
Yoshiki Hayama
2022年9月22日 TECH Street のスライドです。「youspi」「UXPin」「UserZoom 」といったUX業界の海外企業が、世界中のUXデザイナーやUXリサーチャーにアンケート調査をし定点観測をしています。最新版である「UXトレンドレポート2022」を読みながら、今のUXデザインのトレンドをプロダクト開発にどのように取り込んでいけばいいかを考えていきます。 なお、海外UXトレンドの調査には 株式会社トップランナーマーケティングさま( https://toprunner-marketing.co.jp/ )に全面的に支援いただきました。
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
Yoshiki Hayama
リンクシェア フェア 2014 B3セミナー「UXデザインに学ぶ、ターゲット心理の分析テクニック」のプレゼン資料その2「液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に)」です。【ダウンロードOK! 印刷はA2サイズまたはA3サイズが適しています】 資料その1「UXデザインに学ぶ、ターゲット心理の分析テクニック 」(プレゼン本編)は http://www.slideshare.net/storywriterjp/ux-48570366 にあります。
液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に):2014年6月21日 リンクシェア フェア 2014
液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に):2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
2023年1月31日 RPACommunity でのスライドです。RPAを推進するにあたり「ユーザーの目線」を得るにはどのような障害があり、それをどのように乗り越えていけばよいかをお話ししました。
IT推進に必要なUXを学ぶ ~UXを意識して真の業務改善・真のDXを目指す~
IT推進に必要なUXを学ぶ ~UXを意識して真の業務改善・真のDXを目指す~
Yoshiki Hayama
Web担当者Forum秋のイベント 11月7日(月)14:05 KA1-4 セッションのスライドです。 「ウチの事業部の商品をWebサイトとアプリのトップに載せて!」 「新機能をとにかく目立たせろ! 利用数をとにかく増やして!」 Webサイトやアプリを運用していると、社内のあちこちから、さまざまな圧力や依頼が舞い込むものです。えらい人からの現場を知らない指示であったり、発言力の強い部署からの高圧的な依頼であったり、決裁者からの思いつきの要望であったり……。その多くは「その人の視点から見た世界」の個別最適であり、全体最適でのユーザー目線に欠けていたり、Webサイトやアプリの使いやすさを毀損する内容であったりします。Web担当者やプロダクトマネージャーは社内の不要な衝突を避けながら、決裁者からは予算を引き出し、ユーザーに価値を届けられるプロダクトのかたちを守り続けなければなりません。本セッションでは、業界歴20年超の発表者が、あるあるエピソードを取り上げながら、社内政治の泣き笑いと、落としどころの見つけかたを模索します。
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
Yoshiki Hayama
2022年5月18日 【iCARE Dev Meetup #33】 デザイナー目線のユーザーとの向き合い方 でのスライドです。ユーザーインタビューをするとき、私たちはつねに「認知バイアス」にさられています。認知バイアスの影響を受けると、私たち自分に都合のよい情報ばかりピックアップしてしまいます。ユーザーにしっかり寄り添ったプロダクトをつくるためには、きちんとバランスのよいユーザーインタビューをする必要があります。本セッションでは、陥りがちな認知バイアスをミニワークを交えて体験し、ユーザーインタビューで気をつけるべきポイントを解説します。 なお、今日の登壇を誘ってくださった @murokaco さんが熱心な研究員(BiS というアイドルのファン)なので、 BiS(第3期)のデビュー曲「BiS -どうやらゾンビのおでまし-」をタイトルに入れてプレゼンしています。
ユーザーインタビューするときは、どうやらゾンビのおでましさ
ユーザーインタビューするときは、どうやらゾンビのおでましさ
Yoshiki Hayama
2022年6月20日 「UXデザインの資格ってどんなの?」勉強会のスライドです。「HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家」の資格を受けるにあたり、資格制度の詳細はHCD-Net公式の説明会にゆずり、主に受験者個人のモチベーションにつながる内容を中心にお話ししました。
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
Yoshiki Hayama
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない!」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
Yoshiki Hayama
2019年1月18日開催のセミナー「これから取り組むWebアクセシビリティ 2019 大阪」で、セッション1「これでわかる!Webアクセシビリティって?JIS X 8341-3って?」に用いたスライドです。講師は作業部会1(理解と普及)委員の中野 信 氏です。
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
2023年1月28日 クリーク・アンド・リバー社でのUXデザインカンファレンス「UX BOOST!! Vol.1 」でのスライドです。 「UXデザイナーになりたい!」「UXデザインをするにはどうすればいいですか」と訊かれることが、ここ数年で増えました。いちおうUXデザイナーの先輩としてそれっぽいことを答えるのですが、どうも釈然としません。いまの第一線で活躍するUXデザイナーの方々は、じつは「UXデザイナーになろう」とキャリアを重ねてきたわけではなく、未開の業界を切り拓いてきた結果、UXデザイナーと呼ばれるようになっただけなのです。 それに対し、あなたの立場は異なります。あなたの目前には、先人たちが切り拓いてきた「知の高速道路」がすでに広がっています。先人たちが10年かけて蓄積したノウハウを短時間で吸収し、その先の未来で活躍するチャンスがあります。一方で、いまだUXデザインに理解のない組織との軋轢に苦しんだり、漠然とした憧れを具体的なアクションにできないケースもあります。 本セッションでは、とくに20代・30代の若手の「UXデザインをやりたい」方々に焦点をあて、葛藤を乗り越えて、具体的な未来につなげる道を模索します。
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
Yoshiki Hayama
2020年2月25日 UX Potato vol.12 のスライドです。(コロナウイルスのため、イベント中止になりました) 「UXデザイナーのキャリア」をテーマにお話しします。
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Yoshiki Hayama
2022年5月14日開催のオンラインイベント「TechFeed Conference 2022」で使用したスライドです。スライドにあるテキスト情報については、 https://www.mitsue.co.jp/knowledge/blog/a11y/202205/23_1142.html にてご利用いただけます。
WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準
Mitsue-Links Co.,Ltd. Accessibility Department
2021年9月9日 TECH Streetのオンラインセミナーのスライドです。プロダクトチームから成長につながる「決定的な一手」が出てこない。そんなことを感じてはいませんか。これはじつはプロダクトチームのユーザー理解が浅いときの典型的な症状です。「決定的な一手」は真に深いユーザー理解からしか生まれません。 プロダクトマネジメントにおいて、プロダクトマネージャー・プロダクトチームにUXリサーチのメンターがつくことで、強いチームへと成長することができます。
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
2016年5月10日にサイボウズ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
力也 伊原
2014年12月4日に開催された「アクセシビリティやるぞ!祭り by Yahoo! JAPAN・ミツエーリンクス・BA」で使用したスライドです。
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
Más contenido relacionado
La actualidad más candente
2018年10月13日 「DevLOVE関西」のスライドです。UXデザインの基本について、ワークショップを交えて、エンドユーザーにどのようにインタビューするのか、そのインタビューデータからどのような手順でインサイトを見つけるのかを、わかりやすく体験していただきます。
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
Yoshiki Hayama
2022年11月2日 プロダクトマネージャーカンファレンス2022でのスライドです。プロダクトマネジメントの分野では、リーンスタートアップ本をはじめとした起業家が提唱するユーザー調査手法で、ユーザーのインサイトを見つけたり、仮説検証をおこなっています。しかし著者の多くは「起業家」であって「ユーザー心理を調査する専門家」ではありません。彼らの書籍で紹介されているユーザー調査手法は、荒削りであったり、不慣れであったり、自己流であったりします。 ユーザーのインサイトを確実に見つけ、プロダクトへ落とし込む専門家として「UXデザイナー」や「UXリサーチャー」がいます。プロダクトマネジメントに、UXデザインの専門家のノウハウを注入することで、より確実にユーザーのインサイトをおさえたプロダクト開発ができます。 本セッションでは、とくにプロダクトマネージャーたちが困っているテーマとして、ユーザーインタビューで集まった大量の発話データから「ユーザーの本当のニーズ」を抽出する手法を、プロのUXデザイナーが紹介します。 登壇者はUXデザイナーとして20年以上のキャリアをもち、またプロダクトマネージャーとしての経験もあります。きっとあなたの「ユーザーのインサイトがわからない!」というお悩みに役立つでしょう。
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
Yoshiki Hayama
2016年8月に株式会社サイバーエージェントで開催された社内勉強会で使用したスライドです。
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
力也 伊原
2015年10月9日 Stack Overflow DevDaysのセッション「UX専門家から見た『Running Lean』の改善ポイント 〜『Lean Customer Development」と読み比べ〜』の資料です。「Running Lean - 実践リーンスタートアップ」と「Lean Customer Development - リーン顧客開発」は、ぜひセットで読むといいと思う。
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
Yoshiki Hayama
リンクシェア フェア 2014 B3セミナー「UXデザインに学ぶ、ターゲット心理の分析テクニック」のプレゼン資料その1(プレゼン本編)です。資料その2(P.54の原本)「液晶ディスプレイ購入者の心理マップ」は http://www.slideshare.net/storywriterjp/20140621-linkshare-valuemap にあります。
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
2018年3月31日 「第22回 Machine Learning 15minutes!」でのスライドです。HCD-Net認定人間中心設計専門家として、また #IBMChampion として、ユーザーとAIのインタラクションの設計についてお話しします。 #IBMChampion イベントのページ: https://machine-learning15minutes.connpass.com/event/78109/
AIとUXデザイン 〜ユーザーのためのAIを設計するために〜:第22回 Machine Learning 15minutes!
AIとUXデザイン 〜ユーザーのためのAIを設計するために〜:第22回 Machine Learning 15minutes!
Yoshiki Hayama
2022年2月28日・3月1日 Web担当者Forum冬のイベント「デジタルマーケターズサミット 2022 Winter」KB2-5 特別講演のスライドです。「ユーザーが欲しいといった機能をつけたのに使われない!」という経験はありませんか。マーケティングにあたり「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「仮説を立てる」にも、ファクトを充分に集めることなしに、推測だけで進めてはいないでしょうか。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集め、親和図法やKA法(本質的価値抽出法)で分析することで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。UXデザイナーの第一線で活躍する講師より、かんたんなワークを交えながら、体系的に理解いただきます。 イベントサイトURL: https://webtan.impress.co.jp/events/202202?seminar_session=seminar_KB2-5
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
Yoshiki Hayama
2023年8月8日 ユニーリサーチアカデミーでのスライドです。「ユーザーインタビューってどうやるんだろう?」「インタビューしているけど、深掘りできている気がしない」というお悩みを抱える方向けに、ユーザーインタビューを生実演しました。インタビューのテーマは「推し活」。推し活に勤しむユーザーにお越しいただき、羽山がリアルタイムでユーザーインタビューをしました。セミナー自体はユーザーインタビューの生実演に主眼をおいて、具体的な会話テクニックなどはスライドに掲載しています。
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
Yoshiki Hayama
2022年9月22日 TECH Street のスライドです。「youspi」「UXPin」「UserZoom 」といったUX業界の海外企業が、世界中のUXデザイナーやUXリサーチャーにアンケート調査をし定点観測をしています。最新版である「UXトレンドレポート2022」を読みながら、今のUXデザインのトレンドをプロダクト開発にどのように取り込んでいけばいいかを考えていきます。 なお、海外UXトレンドの調査には 株式会社トップランナーマーケティングさま( https://toprunner-marketing.co.jp/ )に全面的に支援いただきました。
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
Yoshiki Hayama
リンクシェア フェア 2014 B3セミナー「UXデザインに学ぶ、ターゲット心理の分析テクニック」のプレゼン資料その2「液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に)」です。【ダウンロードOK! 印刷はA2サイズまたはA3サイズが適しています】 資料その1「UXデザインに学ぶ、ターゲット心理の分析テクニック 」(プレゼン本編)は http://www.slideshare.net/storywriterjp/ux-48570366 にあります。
液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に):2014年6月21日 リンクシェア フェア 2014
液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に):2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
2023年1月31日 RPACommunity でのスライドです。RPAを推進するにあたり「ユーザーの目線」を得るにはどのような障害があり、それをどのように乗り越えていけばよいかをお話ししました。
IT推進に必要なUXを学ぶ ~UXを意識して真の業務改善・真のDXを目指す~
IT推進に必要なUXを学ぶ ~UXを意識して真の業務改善・真のDXを目指す~
Yoshiki Hayama
Web担当者Forum秋のイベント 11月7日(月)14:05 KA1-4 セッションのスライドです。 「ウチの事業部の商品をWebサイトとアプリのトップに載せて!」 「新機能をとにかく目立たせろ! 利用数をとにかく増やして!」 Webサイトやアプリを運用していると、社内のあちこちから、さまざまな圧力や依頼が舞い込むものです。えらい人からの現場を知らない指示であったり、発言力の強い部署からの高圧的な依頼であったり、決裁者からの思いつきの要望であったり……。その多くは「その人の視点から見た世界」の個別最適であり、全体最適でのユーザー目線に欠けていたり、Webサイトやアプリの使いやすさを毀損する内容であったりします。Web担当者やプロダクトマネージャーは社内の不要な衝突を避けながら、決裁者からは予算を引き出し、ユーザーに価値を届けられるプロダクトのかたちを守り続けなければなりません。本セッションでは、業界歴20年超の発表者が、あるあるエピソードを取り上げながら、社内政治の泣き笑いと、落としどころの見つけかたを模索します。
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
Yoshiki Hayama
2022年5月18日 【iCARE Dev Meetup #33】 デザイナー目線のユーザーとの向き合い方 でのスライドです。ユーザーインタビューをするとき、私たちはつねに「認知バイアス」にさられています。認知バイアスの影響を受けると、私たち自分に都合のよい情報ばかりピックアップしてしまいます。ユーザーにしっかり寄り添ったプロダクトをつくるためには、きちんとバランスのよいユーザーインタビューをする必要があります。本セッションでは、陥りがちな認知バイアスをミニワークを交えて体験し、ユーザーインタビューで気をつけるべきポイントを解説します。 なお、今日の登壇を誘ってくださった @murokaco さんが熱心な研究員(BiS というアイドルのファン)なので、 BiS(第3期)のデビュー曲「BiS -どうやらゾンビのおでまし-」をタイトルに入れてプレゼンしています。
ユーザーインタビューするときは、どうやらゾンビのおでましさ
ユーザーインタビューするときは、どうやらゾンビのおでましさ
Yoshiki Hayama
2022年6月20日 「UXデザインの資格ってどんなの?」勉強会のスライドです。「HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家」の資格を受けるにあたり、資格制度の詳細はHCD-Net公式の説明会にゆずり、主に受験者個人のモチベーションにつながる内容を中心にお話ししました。
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
Yoshiki Hayama
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない!」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
Yoshiki Hayama
2019年1月18日開催のセミナー「これから取り組むWebアクセシビリティ 2019 大阪」で、セッション1「これでわかる!Webアクセシビリティって?JIS X 8341-3って?」に用いたスライドです。講師は作業部会1(理解と普及)委員の中野 信 氏です。
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
2023年1月28日 クリーク・アンド・リバー社でのUXデザインカンファレンス「UX BOOST!! Vol.1 」でのスライドです。 「UXデザイナーになりたい!」「UXデザインをするにはどうすればいいですか」と訊かれることが、ここ数年で増えました。いちおうUXデザイナーの先輩としてそれっぽいことを答えるのですが、どうも釈然としません。いまの第一線で活躍するUXデザイナーの方々は、じつは「UXデザイナーになろう」とキャリアを重ねてきたわけではなく、未開の業界を切り拓いてきた結果、UXデザイナーと呼ばれるようになっただけなのです。 それに対し、あなたの立場は異なります。あなたの目前には、先人たちが切り拓いてきた「知の高速道路」がすでに広がっています。先人たちが10年かけて蓄積したノウハウを短時間で吸収し、その先の未来で活躍するチャンスがあります。一方で、いまだUXデザインに理解のない組織との軋轢に苦しんだり、漠然とした憧れを具体的なアクションにできないケースもあります。 本セッションでは、とくに20代・30代の若手の「UXデザインをやりたい」方々に焦点をあて、葛藤を乗り越えて、具体的な未来につなげる道を模索します。
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
Yoshiki Hayama
2020年2月25日 UX Potato vol.12 のスライドです。(コロナウイルスのため、イベント中止になりました) 「UXデザイナーのキャリア」をテーマにお話しします。
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Yoshiki Hayama
2022年5月14日開催のオンラインイベント「TechFeed Conference 2022」で使用したスライドです。スライドにあるテキスト情報については、 https://www.mitsue.co.jp/knowledge/blog/a11y/202205/23_1142.html にてご利用いただけます。
WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準
Mitsue-Links Co.,Ltd. Accessibility Department
2021年9月9日 TECH Streetのオンラインセミナーのスライドです。プロダクトチームから成長につながる「決定的な一手」が出てこない。そんなことを感じてはいませんか。これはじつはプロダクトチームのユーザー理解が浅いときの典型的な症状です。「決定的な一手」は真に深いユーザー理解からしか生まれません。 プロダクトマネジメントにおいて、プロダクトマネージャー・プロダクトチームにUXリサーチのメンターがつくことで、強いチームへと成長することができます。
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
La actualidad más candente
(20)
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
AIとUXデザイン 〜ユーザーのためのAIを設計するために〜:第22回 Machine Learning 15minutes!
AIとUXデザイン 〜ユーザーのためのAIを設計するために〜:第22回 Machine Learning 15minutes!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に):2014年6月21日 リンクシェア フェア 2014
液晶ディスプレイ購入者の心理マップ(EIZO FORIS FG2421 を中心に):2014年6月21日 リンクシェア フェア 2014
IT推進に必要なUXを学ぶ ~UXを意識して真の業務改善・真のDXを目指す~
IT推進に必要なUXを学ぶ ~UXを意識して真の業務改善・真のDXを目指す~
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
ユーザーインタビューするときは、どうやらゾンビのおでましさ
ユーザーインタビューするときは、どうやらゾンビのおでましさ
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Destacado
2016年5月10日にサイボウズ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
力也 伊原
2014年12月4日に開催された「アクセシビリティやるぞ!祭り by Yahoo! JAPAN・ミツエーリンクス・BA」で使用したスライドです。
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
2016年1月8日に開催されたUXJAM New YearのLTで使用したスライドです。
可能性のデザイン
可能性のデザイン
力也 伊原
2016年5月19日開催のイベント「アクセシビリティの祭典」で使用したスライドです。
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー
力也 伊原
2016年12月3日に開催されたWCAN 2016 Winterで使用したスライドです。
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
力也 伊原
2017年1月18日に行われた「たまキャリ #1」のセッションで使用したスライドです。
今やWeb制作者じゃなくなった私の仕事実態
今やWeb制作者じゃなくなった私の仕事実態
力也 伊原
2015年5月14日に開催された書籍出版記念イベント「Webサイト設計・UI実装・アクセシビリティのモダンアプローチ」のセッション2で使用した資料です。
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
力也 伊原
アクセシビリティの祭典(2016)のライトニング・トーク3にて使用したスライドです。現状HTML5のaudio要素・video要素のためにブラウザが提供する標準UIにはアクセシビリティ上の問題があるため、それを解消する手段として、ワシントン大学のプロジェクトとして開発されているAble Playerをご紹介し、その日本語化を行った成果をご説明しています。
アクセシブルな音声・動画プレイヤーのご紹介
アクセシブルな音声・動画プレイヤーのご紹介
Toru MOCHIDA
2012年1月21日、NPO法人ハーモニー・アイ様の主催でアルファサード有限会社の大阪オフィスで開催した「マルチデバイス、ソーシャル時代の企業CSRとアクセシビリティセミナー 」で持田が講演したスライドです。
アクセシビリティの基礎
アクセシビリティの基礎
Toru MOCHIDA
2014年10月25日 第20回リクリセミナー 「Webディレクターの頭の中」で使用したスライドです。 サービス業での経験をベースに、コミュニケーションを円滑にするために今も日々心がけていることをまとめました。
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツ
Yumi Masaki
アクセシビリティを加速するWAI-ARIA
アクセシビリティを加速するWAI-ARIA
Mitsue-Links Co.,Ltd. Accessibility Department
2014年12月4日、Yahoo! JAPAN BASE6 (東京ミッドタウンそば)で開催されたイベント「アクセシビリティやるぞ!祭り by Yahoo! JAPAN・ミツエーリンクス・BA」での講演資料です。
Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014
Mitsue-Links Co.,Ltd. Accessibility Department
Gov Out
Gov Out
euweben01
Eco friendly and sustainable set net fishing called Teichiami was invented in Himi more than 400 years ago.
Sustainable fishing, Teichiami by future evangelist @Impact Hub Kyoto 2014.11.30
Sustainable fishing, Teichiami by future evangelist @Impact Hub Kyoto 2014.11.30
HAPPY PROJECT LLC/ Kyoto University of Foreign Studies/ Yokohama National University
The first session will provide an introduction/review of the five fundamental components of inbound marketing; content, search engine optimization, social media promotion, conversion and analytics.
Advanced Content Strategies 1: Introduction
Advanced Content Strategies 1: Introduction
Liberty Digital Marketing
ERP initiatives
ERP initiatives
SalesQuest
Powerpoint file I showed to the children in assembly
Malaysia Assembly powerpoint
Malaysia Assembly powerpoint
joannalindon
Media Ideas Presentation
Media Ideas Presentation
Lolly91
WTR OPP 2011
WTR OPP 2011
waytorich
Gorillas by Lexi
Gorillas by Lexi
The Lower School
Destacado
(20)
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
可能性のデザイン
可能性のデザイン
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
今やWeb制作者じゃなくなった私の仕事実態
今やWeb制作者じゃなくなった私の仕事実態
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
アクセシブルな音声・動画プレイヤーのご紹介
アクセシブルな音声・動画プレイヤーのご紹介
アクセシビリティの基礎
アクセシビリティの基礎
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツ
アクセシビリティを加速するWAI-ARIA
アクセシビリティを加速するWAI-ARIA
Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014
Gov Out
Gov Out
Sustainable fishing, Teichiami by future evangelist @Impact Hub Kyoto 2014.11.30
Sustainable fishing, Teichiami by future evangelist @Impact Hub Kyoto 2014.11.30
Advanced Content Strategies 1: Introduction
Advanced Content Strategies 1: Introduction
ERP initiatives
ERP initiatives
Malaysia Assembly powerpoint
Malaysia Assembly powerpoint
Media Ideas Presentation
Media Ideas Presentation
WTR OPP 2011
WTR OPP 2011
Gorillas by Lexi
Gorillas by Lexi
Similar a 実はできている!? Webアクセシビリティ
4/28 hireLink vol.16 実はできている!? Webアクセシビリティ講演資料です。 登壇者 太田良典 BA アクセシビリティスペシャリスト HTML4.01のW3C仕様書を翻訳した「HTML4仕様書邦訳計画補完委員会」の委員を務めた後、2001年にBAに参加。 Web技術の分野で幅広い専門性を持ち、セキュリティ分野においては「第二回IPA賞(情報セキュリティ部門)」を受賞。 アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の委員として活動。 著書(共著)に「Dreamweaverプロフェッショナル・スタイル」「デザイニングWebアクセシビリティ」など。 http://www.b-architects.com http://bakera.jp/ http://twitter.com/bakera 伊原力也 BA シニア・インフォメーションアーキテクト HCD-Net認定 人間中心設計専門家。 ウェブアクセシビリティ基盤委員会(WAIC)理解と普及作業部会委員。 1999年よりWeb標準に則ったWebサイトの構築業務に従事。 2004年にBAに参加。マークアップデザインエンジニアとして業務を行う傍ら、HCD(人間中心設計)プロセス導入を推進。 現在はプロジェクト設計、調査分析、コンセプト立案から、アクセシビリティおよびユーザビリティを確保したインタラクションデザイン、さらにフロントエンド実装のディレクションまでを一貫して手がける。 クリエイティブユニットmokuva所属。 http://www.b-architects.com/ http://mokuva.com/ http://twitter.com/magi1125
実はできているWebアクセシビリティ 007
実はできているWebアクセシビリティ 007
株式会社トライブ
実はできている!? Webアクセシビリティ2
実はできている!? Webアクセシビリティ2
実はできている!? Webアクセシビリティ2
株式会社トライブ
2016-09-27に渋谷ヒカリエで実施したイベント「ヒカ☆ラボ」の講演資料です。 https://career.levtech.jp/hikalab/event/detail/60/
実はできているWebアクセシビリティ ヒカラボ編
実はできているWebアクセシビリティ ヒカラボ編
Yoshinori OHTA
WCAF Vol.9 「Think of UX」 (2012年11月23日) http://www.wcaf.jp/vol9/
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
トモロヲ いちがみ
2016-03-03 OpenCUのイベント「アクセシビリティからはじめるWebサイトのUI/UXデザイン」の講演資料です。 http://www.opencu.com/2016/02/web-accessibility/
アクセシビリティからはじめる、WebサイトのUI/UXデザイン
アクセシビリティからはじめる、WebサイトのUI/UXデザイン
Yoshinori OHTA
デザイニングWebアクセシビリティ刊行記念イベント <http: /> で使用したスライドです。
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Yoshinori OHTA
2007年11月15日、デジタルハリウッド大学藤本ゼミでのプレゼンテーションです。 http://champla.exblog.jp/6446112
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
Yosuke Yoshizaki
【クリエイティブハント】のセッション(2017/10/14 14:50~、4コマ目、森林ステージ) 「今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス」のスライドです。 http://creative-hunt.org/ 【セッション概要】 クリエイティブの現場はWordPressをはじめとする多くのオープンソースソフトウェアにより支えられている側面があります。 そのオープンソースはクリエイターのコミュニティとビジネスにより支えられています。 今更聞けないオープンソースの定義から、コミュニティへの関わり方やコミュニティの今、そしてオープンソースで仕事をするイロハをお話しします。
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
Hiroyuki Ishikawa
NTTコミュニケーションズ主催の「@IT 情報マネジメント×ビジネスICTセミナー」の基調講演で話したスライドです。
Business ICT seminar #43 Keynote Presentation
Business ICT seminar #43 Keynote Presentation
Takashi Sakamoto
Similar a 実はできている!? Webアクセシビリティ
(9)
実はできているWebアクセシビリティ 007
実はできているWebアクセシビリティ 007
実はできている!? Webアクセシビリティ2
実はできている!? Webアクセシビリティ2
実はできているWebアクセシビリティ ヒカラボ編
実はできているWebアクセシビリティ ヒカラボ編
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
アクセシビリティからはじめる、WebサイトのUI/UXデザイン
アクセシビリティからはじめる、WebサイトのUI/UXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
デジタルハリウッド大学藤本ゼミプレゼンテーション(20071115)
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
今だからこそ知りたい!オープンソース時代に生きるクリエイターとコミュニティとビジネス(クリエイティブハント) #ゴーハント
Business ICT seminar #43 Keynote Presentation
Business ICT seminar #43 Keynote Presentation
Más de 力也 伊原
2019年6月18日開催の freee Tech Night #3 「ビジネスドメイン開発の裏側で」で発表したスライドです。 原稿:https://paper.dropbox.com/doc/--AfWuDogVQsciKaRRsML2Mc6lAg-QEa7yivdkMXPFhOdYLZUC イベントページ:https://freee-tech-night.connpass.com/event/132171/
年末調整の情報設計
年末調整の情報設計
力也 伊原
2017年12月11日に開催されたセミナー「HCDコンピタンス知識編『情報構造の設計・概論』」で使用したスライドです。 https://www.hcdnet.org/hcd/event/entry-1130.html
情報構造設計の基礎知識
情報構造設計の基礎知識
力也 伊原
2017年11月11日の「Japan Accessibility Conference vol.1」登壇で使用したスライドです。 https://japan-a11y-conf.com/ https://connpass.com/event/68762/
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
力也 伊原
2017年5月18日開催のイベント「アクセシビリティの祭典」で使用したスライドです。
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
力也 伊原
2016年8月25日に開催されたイベント「Design-JP 第1回 勉強会 : プロトタイピングの回」で使用したスライドです。公開向けに編集した抜粋版となっています。
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
2016年7月24日に開催されたイベント「Adobe Design Jimoto Vol.2 in 渋谷」のトークセッションで使用したスライドです。
働き方のプロトタイピング
働き方のプロトタイピング
力也 伊原
2016年7月にヤフー株式会社で開催された社内勉強会で使用したスライドです。
フロントエンドからの発想
フロントエンドからの発想
力也 伊原
2015年7月4日(土)に開催された「AccSell Meetup 009『デザイニング Webアクセシビリティ』ディレクターズカット版」のセッションで用いたスライドです。 http://accsell.net/info/accsell-meetup009.html 書籍「デザイニングWebアクセシビリティ」2015年7月24日(金)に発売! http://www.amazon.co.jp/dp/4862462650/
アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方
力也 伊原
CSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」にて。一部増補改訂。
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応
力也 伊原
Ustream:ワイヤーコミュニケーション 第2回 http://www.ustream.tv/recorded/7738057 Togetter:お気に入り 第2回「ワイヤーフレームコミュニケーション研究会」 - ハッシュタグ " #wireframecomwg " まとめ http://togetter.com/li/30127 「ワイヤーフレームコミュニケーション研究会第2回」のお知らせ http://blog.sinap.jp/2010/05/wireframecomwg02-cm.html
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
Más de 力也 伊原
(10)
年末調整の情報設計
年末調整の情報設計
情報構造設計の基礎知識
情報構造設計の基礎知識
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
働き方のプロトタイピング
働き方のプロトタイピング
フロントエンドからの発想
フロントエンドからの発想
アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
実はできている!? Webアクセシビリティ
1.
実はできている!? Webアクセシビリティ
2.
注意事項 会場は禁煙です。 ハッシュタグは#a11ybooksとなります。
イベントの模様は自由に撮影いただき、ブログやSNS等で 拡散いただいて構いません(むしろお願いします)。 主催者も、公式Facebookページ用に写真撮影をいたします (ご了承ください) スライドの公開は主催者よりSNSなどでご案内します。 2
3.
本日の流れ 自己紹介 アクセシビリティとは?
実はできている!? アクセシビリティだと思っていたが……? 気づかないうちにアクセシビリティを確保していた! 3
4.
自己紹介 4
5.
BA 5
6.
ウェブアクセシビリティ基盤委員会(WAIC) 6
7.
デザイニングWebアクセシビリティ 7
8.
アクセシビリティとは?
9.
アクセシビリティとは さまざまな利用者が さまざまな環境でアクセス可能であること 情報を認識して理解できる さまざまな選択肢が提供されている
自分に合った形で利用できる 9
10.
さまざまな環境 10
11.
ビジュアルブラウザ(Firefox) 11
12.
テキストブラウザ(w3m) 12
13.
ダウンローダー(SiteSucker) 13
14.
クローラー(Googlebot) 14
15.
ハイコントラストモード 15
16.
ハイコントラストモード 16
17.
拡大ツール(Windows拡大鏡) 17
18.
スクリーンリーダー(NVDA) 18
19.
スクリーンリーダー(VoiceOver) 19
20.
代替マウス 20
21.
点字ディスプレイ 21
22.
視線入力装置 22
23.
障害者のウェブページ利用方法の紹介ビデオ 23
24.
障害者のウェブページ利用方法の紹介ビデオ 実際に支援技術を使ってアクセスしている 様子を見ることができる 視覚障害者(全盲) 視覚障害者(弱視)
肢体不自由者 http://www.soumu.go.jp/menu_news/s- news/2005/051215_1_wmv.html 24
25.
アクセシビリティだと 思っていたが……?
26.
アクセシビリティに配慮 と言われたとき、 何を思い浮かべますか? アクセシビリティに配慮したサイトとは? 26
27.
福岡県大野城市 27
28.
福岡県大野城市 28
29.
文字サイズ変更ボタン・色反転ボタン 29
30.
東京都西東京市 30
31.
東京都西東京市 31
32.
「本文へ」リンク 32
33.
東京オリンピック・パラリンピック競技大会組織委員会 33
34.
東京オリンピック・パラリンピック競技大会組織委員会 34
35.
カルーセル停止/再生ボタン 35
36.
JISの文字サイズ変更の要件 1.4.4 テキストのサイズ変更の達成基準 キャプション及び文字画像を除き,テキスト は,コンテンツ又は機能を損なうことなく, 支援技術なしで200 %までサイズ変更できる (レベル
AA)。 36
37.
実際にはどうか? 37
38.
サイズ:小 38
39.
サイズ:中 39
40.
サイズ:大 40
41.
文字サイズ変更機能の現実 中を100%としたとき、大は約133% 「大」を複数回押しても大きくならない 拡大される要素はテキストのみ ナビゲーションや見出しの文字は大きくならない 41
42.
熊本県の例 42
43.
熊本県の例 43
44.
ところで…… 44
45.
総務省 みんなの公共サイト運用ガイドライン 45
46.
2.1.4.ウェブアクセシビリティ対応に関する誤解 46
47.
2.1.4.ウェブアクセシビリティ対応に関する誤解 注意点! ホームページ等において、音声読み上げ、 文字拡大、文字色変更等の支援機能を提供 する事例がありますが、これだけでは、ウ ェブアクセシビリティに対応しているとは 言えません。 47
48.
Webアクセシビリティの確保は特別なことではない。 障害者差別解消法の施行で考えるべき企業サイトの品質 48
49.
植木さんのコメント 49
50.
文字サイズ変更ボタンや 音声読み上げ機能は 必要なのか? よくある質問 50
51.
JISに準拠していれば、 どちらもいらない 植木さんの回答 51
52.
植木さんのコメント続き 実際に試すと、ほとんど文字の大きさが変わ らない文字サイズ変更ボタンが少なくない 最近のWebブラウザであれば ズーム機能を標準で搭載している 意味のない文字サイズ変更ボタンは やっている感を出すための免罪符に近い 52
53.
基準を満たす方法の例 53
54.
ブラウザのズーム機能を利用する ブラウザの機能で 文字サイズを変えられるようにする 文字サイズ変更ボタンをつける 文字サイズを変えても 重なったりはみ出したりしないようにする 54
55.
JISの文字サイズ変更の要件 1.4.4 テキストのサイズ変更の達成基準 キャプション及び文字画像を除き,テキスト は,コンテンツ又は機能を損なうことなく, 支援技術なしで200 %までサイズ変更できる (レベル
AA)。 55 これは何?
56.
3つのレベル レベルA: 支援技術を駆使すればアクセスできる レベルAA: 支援技術がなくても多くの環境でアクセスできる レベルAAA:
支援技術がなくても多くの環境でアクセスしやすい 発展的なもの、達成が難しいものを含む 56
57.
文字サイズの変更はレベル「AA」 支援技術を使えば、以下のようなことが可能 サイト側の文字サイズの指定を無視して ユーザーが好みのサイズに変更 テキストを音声で読み上げる 57
58.
ここまでのまとめ 58
59.
ここまでのまとめ 文字サイズ変更などの機能は目立つが、 あまり役に立っていないこともある 文字サイズが変更できることは大切だが 文字サイズ変更ボタンでなくてもよい 文字サイズ変更はレベルAAの達成基準 59
60.
文字サイズ変更ボタンは なくてもいい! もっと大切なことがある! ひとことで言うと? 60
61.
気づかないうちに アクセシビリティを確保していた! ~実装・デザイン編~
62.
アクセシビリティとは(おさらい) さまざまな利用者がアクセス可能であること 情報を認識して理解できる さまざまな選択肢が提供されている
自分に合った形で利用できる 62
63.
2.1.4.ウェブアクセシビリティ対応に関する誤解 注意点! ホームページ等において、音声読み上げ、 文字拡大、文字色変更等の支援機能を提供 する事例がありますが、これだけでは、ウ ェブアクセシビリティに対応しているとは 言えません。 63
64.
みんなの公共サイト運用ガイドライン(続き) 利用者は、多くの場合、音声読み上げソフト や文字拡大ソフトなど、自分がホームページ 等を利用するために必要な支援機能を、自身 のパソコン等にインストールし必要な設定を 行った上で、その支援機能を活用して様々な ホームページ等にアクセスしています。 64
65.
ブラウザや支援技術で アクセスできることが 重要 つまり 65
66.
重要なのは「マシンリーダビリティ」 アクセスできる! テキストが明確 ちゃんとマークアップされている アクセスできない!
テキストが存在しない、あいまい ちゃんとマークアップされてない 66
67.
実は大切なこと 1. ページタイトルをきちんとつける 2. 階層構造に沿った見出しをつける 3.
見た目に頼り切らない 4. 画像に頼り切らない 5. キーボードだけで操作できる 67
68.
ページタイトルをきちんとつける 68
69.
ページタイトルは重要な手がかり ブラウザのタブ名 ブックマークのタイトル 表示履歴のタイトル サーチエンジンやサイト内検索結果 外部からのリンク 69
70.
OK:内容が連想できるタイトルをつける 70
71.
OK:ツールを使ってタイトルを確認する 71
72.
NG:ページタイトルがない 72
73.
NG:他のページと区別できないタイトル 73
74.
NG:長すぎて肝心な部分が切られてしまう 74
75.
階層構造に沿った見出しをつける 75
76.
ユーザーは見出しに注目している 76
77.
OK:レベルに沿った具体的な見出しをつける 77
78.
OK:見出しを見出しとしてマークアップ 78
79.
NG:見出しがない 79
80.
NG:見出しから内容を推測できない 80
81.
NG:見出しの階層が不適切 81
82.
NG:見出しがマークアップされていない 82
83.
見た目に頼り切らない 83
84.
視覚デザインは、見えないと伝わらない 色 配置 形・大きさ 文字の装飾 84
85.
OK:色だけでなくラベルに変化をつける 85
86.
OK:見た目の特徴だけでなくラベルで指示 86
87.
NG:色に頼った表現 87
88.
NG:色に頼った表現 88
89.
NG:配置に頼った表現 89
90.
画像に頼り切らない 90
91.
画像は利用できないことがある 画像が利用できない状況 画像が読み込めない 画像を表示できないブラウザを使っている
スクリーンリーダーを使っている 91
92.
OK:本文やキャプションで説明する 92
93.
NG:画像だけで情報が提供されている 93
94.
代替テキストとは? 画像の代替となるテキスト 画像が表示できないとき、代わりに使われる HTMLではimg
要素のalt属性で指定 例: <imgsrc=”foo.png” alt=”代替テキスト” /> 94
95.
文脈に沿った代替テキストとは 画像の「補足や説明」ではなく「代わり」 画像だけに着目すると失敗しやすい 前後の文や、ページのテーマを含めて考える 「alt属性値」が必ず必要なわけではない
必須なのは「alt属性」 本文がきちんとしていれば「カラ(alt=“”) 」 「写真」「図」などが最適なケースも多い 95
96.
OK:装飾画像の代替テキストは空にする 96
97.
OK:キャプションつきの写真に適切な代替を 97
98.
NG:装飾画像に説明文が指定されている 98
99.
NG:代替テキストとキャプションがかぶっている 99
100.
NG:画像の代替テキストが不適切 100
101.
背景画像は伝わらないことがある HTMLのimg要素は「内容」 代替テキストが設定できる スクリーンリーダーやクローラーにも伝わる CSSの背景画像は「装飾」
ハイコントラストモードや印刷プレビューで消える スクリーンリーダーやクローラーには伝わらない 101
102.
OK:意味のある画像は前景に置く 102
103.
NG:意味を持つ画像を背景画像として実装 103
104.
NG:ロゴやナビゲーションを画像置換で実装 104
105.
WebDeveloperによるチェック 105
106.
キーボードだけで操作できる 106
107.
さまざまな入力 マウス、トラックパッド、トラックボール、マウス キー、代替マウス、タッチデバイス、キーボード、 ソフトウェアキーボード、走査スイッチ、 視線入力、音声操作、点字キーボード…… 107
108.
OK:キーボードでも操作可能にする 108
109.
OK:切り替えボタンを明示する 109
110.
OK:フォーカス表示をブラウザ標準にまかせる 110
111.
NG:マウスクリックでしか操作できない 111
112.
NG:マウスオーバーでしか操作できない 112
113.
NG:スワイプでしか操作できない 113
114.
NG:フォーカス表示が見えない 114
115.
気づかないうちに アクセシビリティを確保していた! ~設計編~
116.
「適切なテキスト」のための設計 1. 内容を推測できるカテゴリ名にする 2. わかりやすい現在地表示をつける 3.
リンク先がわかるようにする 4. フォームのラベルを明確にする 5. フォームのエラーを明確にする 116
117.
内容を推測できるカテゴリ名にする 117
118.
OK:内容を推測できるカテゴリ名にする 118
119.
OK:ルールと仕組みで一貫性を保つ 119
120.
NG:カテゴリ名がわかりにくい 120
121.
NG:ラベルがバラバラ 121
122.
わかりやすい現在地表示をつける 122
123.
OK:一般的なわかりやすい現在地表示をつける 123
124.
OK:一般的なわかりやすい現在地表示をつける 124
125.
NG:現在地を把握する手段がない 125
126.
NG:現在地の表示と間違えそうな表現がある 126
127.
注:コンテンツを邪魔しては意味がない 127
128.
リンク先がわかるようにする 128
129.
ユーザーはリンクに注目している 129
130.
OK:リンクにリンク先のタイトルを加える 130
131.
OK:文中リンクを外に出して独立させる 131
132.
NG:ラベルがないリンク 132
133.
NG:「こちら」リンク 133
134.
NG:「もっと読む」「詳細」リンク 134
135.
フォームのラベルを明確にする 135
136.
OK:具体的で明確なラベルをつける 136
137.
OK:必須項目を明確にする 137
138.
OK:必要に応じて説明をつける 138
139.
OK:プレースホルダをラベル代わりにしない 139
140.
NG:ラベルや説明があいまいで混乱する 140
141.
NG:必須か任意かがわからない 141
142.
NG:必要な説明がなく、入力の条件がわからない 142
143.
NG:ラベルがなく、入力欄が何なのかわからない 143
144.
フォームのエラーを明確にする 144
145.
OK:エラー箇所を明確に示す 145
146.
OK:エラー表示と修正フォームをセットにする 146
147.
OK:エラー理由と修正方法を明示する 147
148.
NG:エラー箇所がわからず修正できない 148
149.
NG:エラー表示画面と入力画面がわかれている 149
150.
NG:エラーメッセージが理解できず修正できない 150
151.
気づかないうちに アクセシビリティを確保していた! ~企画・要件編~
152.
プロジェクトの最初から 「アクセシビリティを どうするか?」 を決めておくべし ちゃんとやるには「アクセシビリティ方針」 152
153.
方針がないと…… 153
154.
方針がないとどうなる? 配慮が全く行われない 公開に実は必要だったとなっても後の祭り 適切な判断ができない 判断がぶれる、人によって判断が異なる 合意形成ができない、覆る
プロジェクト内、あるいはクライアントとの衝突 154
155.
まずは最低限の方針を立てよう 155
156.
Webアクセシビリティ方針とは? 156
157.
JISX8341-3:2016 附属書JA JA.1 企画 企画段階においてウェブページ一式の責任者 は,ウェブアクセシビリティ方針を策定する 。策定したウェブアクセシビリティ方針は, ウェブサイトではサイト上,ウェブアプリケ ーションではマニュアルなどで公開するとよ い。 157
158.
方針策定ガイドライン 158
159.
難しそう! 159
160.
定めるべきことは意外に少ない 必須項目 対象の範囲 (サイトのURLなど)
適合レベル及び対応度 (レベルAA準拠、など) その他、定めると良い項目 達成までの期限、例外事項、追加の達成基準、 担当部署、現時点での問題点への対応など 160
161.
実はやっていた! 161
162.
アクセシビリティについては 「JIS X 8341-3:2010」に準拠すること。 達成等級は以下の通り: 達成等級AA
準拠 162 実例
163.
方針策定のコツ 163
164.
無理のない範囲で 164
165.
明確に定める ガイドラインに沿って 目標とするレベルを決める 特にアクセシビリティが重要ならレベルAA 適用範囲、期限などをはっきりさせる 基本的にはサイト全体、公開時に対応でよい
例外ができてしまう場合は明確にする 165
166.
各種ガイドラインを参考に 制作プロセスに関するガイドライン ウェブアクセシビリティ方針策定ガイドライン JISX8341-3:2016対応発注ガイドライン
JISX8341-3:2016試験実施ガイドライン ※「ウェブコンテンツのJIS X8341-3:2016対応度表記ガ イドライン」は「準拠」の表記に関するもので、これら 全てに関連する 166
167.
方針があればそれでいいのか? 方針があっても、 適切でないものだと効果を発揮しない あいまいな方針を立ててしまう 誤解に基づいて方針を立ててしまう
手段が目的になってしまう 167
168.
実際にあったこんな要件 168 あまり良くない例
169.
あいまいな方針を立ててしまうケース 169
170.
170 セキュリティ、Web標準、 アクセシビリティに配慮し 制作すること。 実例
171.
勢いはあるが…… 具体的に何をどうすれば良いのかからない 「配慮する」といっても人によって基準がまちまち 171
172.
172 アクセシビリティについては 「JIS X 8341-3:2010」に 準拠すること。 実例
173.
JISに沿うことはわかるが…… 目標とするレベルが不明 たとえばAAの達成基準を 満たすべきなのかどうかわからない 173
174.
誤解に基づいて方針を立ててしまうケース 174
175.
175 文字拡大機能 ブラウザの機能ではなく、 ページ上のボタンをクリックすることで CSS を切り替え処理等により容易に 文字サイズを変更できるようにすること。 サイズについては3サイズ程度 選択できるようにすること。 実例
176.
その結果 176
177.
手段が目的になってしまうケース 177
178.
178 以下ランキング同業種内1位評価獲得 • 全上場企業ホームページ充実度ランキング調査 • IRサイト総合ランキング •
主要企業Webユーザビリティランキング • インターネットIR表彰 実例
179.
ランキング対策の「アクセシビリティ対応」 179
180.
実際にあったこんな要件 180 なかなか良いと思える例
181.
アクセシビリティについては 「JIS X 8341-3:2010」に準拠すること。 達成等級は以下の通り: 達成等級AA
準拠 181 実例
182.
表記 ウェブアクセシビ リティ方針の提示 又は公開 目標とする適合レ ベルの達成基準の 試験結果 追加表記事項 準拠 必須 試験を実施し、達成 基準を全て満たして いることを確認 なし 一部準拠 必須 試験を実施し、達成 基準の一部を満たし ていることを確認 今後の対応方針 部分適合に関する記 述(適用する場合) 配慮
必須 試験の実施の有無、 結果は問わない 目標とした適合レベ ル又は参照した達成 基準一覧 ただし……「準拠」の意味、分かっていますか? 182
183.
アクセシビリティ、 ユーザビリティについて、 弊社のレベルを考慮いただき 準拠基準をご提案ください。 183 実例
184.
「 JIS X
8341-3:2010」 の「等級A」への 準拠を検討しているが、本方針は 要件定義工程でのWEBサイト検討状況を 踏まえ決定する想定です。 アクセシビリティ方針の検討方法についても ご提案ください。 184 実例
185.
制作と合わせて方針の提案も求められるケース 185 ウェブアクセシビリティ方針策定ガイドライン JIS X 8341-3:2016
対応発注ガイドライン 提 案 書 作 成 R F P 作 成
186.
制作と合わせて方針の提案も求められるケース 方針や策定プロセスも一緒に考えればよい あいまいに書くよりも、ずっと良いアプローチ 受注側の力の見せどころ 186
187.
目的もドキュメント化しよう 187
188.
ヤフー株式会社ウェブアクセシビリティ方針 188
189.
目的もドキュメント化しよう なぜアクセシビリティに取り組むかを明文化 何のためのアクセシビリティなのかを押さえる 公開されている他社の方針を参考にするのも良い
ただし、意味も分からずにコピペはNG 目的が明確になると、 手段と目的の混同を避けられる 「基準を満たすこと」は最終目的ではないはず 189
190.
「基準を満たすこと」が目的になると…… 190
191.
注意を要する要件 191
192.
注意を要する要件 アクセシビリティ方針が明確にできても、 その方針を守ることができるかは別の話 サイトに求められる要件の中には、 注意が必要なものもある アクセシビリティが確保できないもの アクセシビリティ確保のためにコストがかかるもの 192
193.
CAPTCHA 193
194.
ブラウザやOSの機能への干渉 194
195.
動画 195
196.
紙媒体用のコンテンツ 196
197.
方針があると? 方針を前提にすることで、 要件の可否を判断することができる アクセスできなくなるような要件を入れない コストがかかりそうな要件があるときは コストを見積もっておくことができるようになる これらは後からの対応ではどうにもならない 197
198.
まとめ
199.
文字サイズ変更ボタンは なくてもいい! さらに もっと大切なことがある! もう一度 199
200.
実装で重要なのは「マシンリーダビリティ」 アクセスできる! テキストが明確 ちゃんとマークアップされている アクセスできない!
テキストが存在しない、あいまい ちゃんとマークアップされてない 200
201.
設計や企画時の配慮も重要 わかりやすいテキストを設計しよう わかりやすいラベルは誰にとっても有用 ナビゲーションやリンクやフォームの設計時に 少し気をつけるだけでグッと良くなる 方針を立ててみよう
何のために、何を、どこまでやるのか? 製作の前(発注前、提案時、受注後)に考えよう 201
202.
どのプロセスにもポイントがある 実は「設計」が重要 テキストが存在しなければマークアップできない さらに「戦略」「要件」も重要 最初から考えないと、あとで大変になる 202
203.
Webに関わるどんな人にも できることがある Webに関わる全ての人に関係がある 203
204.
何かを付け足すのではなく 当たり前のことを 真っ当にやることが重要 実は特別なことではない 204
205.
さあ、はじめよう! 205
206.
デザイニングWebアクセシビリティ 206
207.
ありがとうございました
Descargar ahora