1. © 2021 ANDPAD Inc
ヒューマンインタフェースから考える
アクセシビリティ
株式会社アンドパッド 宮内壮基
2021/1/13 Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」

2. 本日お話する内容
© 2021 ANDPAD Inc.
1. 自己紹介
2. アクセシビリティとユニバーサルデザイン
3. ヒューマンインタフェースを知る
4. アンドパッドの紹介と採用のご案内

3. 自己紹介
宮内 壮基(まさき) / mmiyauchi
株式会社アンドパッド フロントエンドエンジニア
@masaki_miyauchi
マッチングサイト、コンビニ大手、東大発ベンチャー
を経験し、現在はアンドパッドで開発者をやっております
https://mmiyauchi.com🔗
© 2021 ANDPAD Inc.

4. 発表内容の要点
1. アクセシビリティは、設計手法(ユニバーサルデザインなど)に使
われる1つの観点である
2. ユニバーサルデザインは、ヒューマンインタフェースの分野に
内包される設計手法である
3. ヒューマンインタフェースを知ることで、私たちは利用者によ
り良い体験を提供できる
© 2021 ANDPAD Inc.

5. アクセシビリティとユニバーサルデザイン
1. アクセシビリティは、「ユニバーサルデザイン」を行う際に重視され
る考え方の1つ
2. アクセシビリティは、ユニバーサルデザインにおいては、ユーザビリ
ティ(使いやすさ)を考える以前に考慮する観点である
アクセシビリティとは、アクセスのしやすさのこと(※1)
© 2021 ANDPAD Inc.

6. アクセシビリティとユニバーサルデザイン
ユニバーサルデザイン(※2)とは、利用者の属性に関わらず、多くの
人が利用できることを想定した設計のこと(または、設計のプロセ
スのこと)
1. ユニバーサルデザインは、80年代半ばに提唱され、90年代以降「バリア
フリー」の普及を経て、次第に世に普及していった
2. ユニバーサルデザインの設計の各過程においては、特にアクセシビリティ
への配慮をおこなう特徴がある
© 2021 ANDPAD Inc.

7. ヒューマンインタフェース
アクセシ
ビリティ
ユーザビ
リティ
ユニバーサルデザイン
etc
© 2021 ANDPAD Inc.
ヒューマンインタフェースを知る

8. ヒューマンインタフェース
を取り巻く要素
© 2021 ANDPAD Inc.
(※1)より画像を引用
ヒューマンインタフェースを知る

9. クライアントアプリを開発する者にとっては、この分野を知ることは、利用
者の体験の改善に必ず貢献する。
なぜなら、ヒューマンインタフェースは人間工学のテーマの1つだから
アクセシビリティやユーザビリティ改善のため、ヒューマン
インタフェースの分野を知ってみよう
© 2021 ANDPAD Inc.
ヒューマンインタフェースを知る

10. ヒューマンインタフェースの成り立ち
から、業務で使えるアクセシビリティ、
ユーザビリティ改善のための知識が豊
富に掲載されています。
図解が分かりやすいこともあり、時短
でヒューマンインタフェース全般の知
識を得ることができます。
© 2021 ANDPAD Inc.
※Amazon.co.jpより画像を引用
ヒューマンインタフェースを知る

11. Appleの「Human Interface
Guideline」(※4)です。
GAFAの一角、Appleが提唱する、
ヒューマンインタフェースとは
なんぞや？を知ることができま
す。
ここまで精緻な内容で、かつ複
数のデバイス向けのガイドが誰
しも見れる状態にあるのは、珍
しい例かと思います。
© 2021 ANDPAD Inc.
ヒューマンインタフェースを知る

12. 参考文献
詳細な引用の内容はスライド中に明記しておりません。ご了承ください
(※1) イラストで学ぶヒューマンインタフェース 改丁第2版 – 北原義典 著
ISBN-13 : 978-4061538160
(※2) Mace, R (1985). Universal Design: Barrier Free Environments for Everyone. Designers West,
33(1), 147-152. のUDIT社による日本語訳
http://www.udit.jp/report/ud_about/ronmace.html
(※3) THE PRINCIPLES OF UNIVERSAL DESIGN
https://projects.ncsu.edu/ncsu/design/cud/about_ud/udprinciplestext.htm
(※4) Human Interface Guidelines - Design - Apple Developer
https://developer.apple.com/design/human-interface-guidelines/
ユニバーサルデザイン - Wikipedia
https://ja.wikipedia.org/wiki/%E3%83%A6%E3%83%8B%E3%83%90%E3%83%BC%E3%82%B5%E3
%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3
© 2021 ANDPAD Inc.

13. アンドパッドの紹介と採用のご案内
社名 株式会社アンドパッド
設立 2012年9月
場所 秋葉原
人数 約190名（内エンジニア：約60名）
© 2021 ANDPAD Inc.

14. アンドパッドの紹介と採用のご案内
開発者のための
プラットフォーム
建築職人のための
プラットフォーム
© 2021 ANDPAD Inc.

15. アンドパッドの紹介と採用のご案内
© 2021 ANDPAD Inc.
🔍「アンドパッド エンジニア」

16. © 2021 ANDPAD Inc
ヒューマンインタフェースから考える
アクセシビリティ
株式会社アンドパッド 宮内壮基
2021/1/13 Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」