├── README.md ├── en ├── README.md └── inclusive_persona_extension_en.pdf └── ja ├── README.md └── inclusive_persona_extension_ja.pdf /README.md: -------------------------------------------------------------------------------- 1 | # Inclusive Persona Extension / インクルーシブなペルソナ拡張 2 | 3 | - [English Edition](https://github.com/caztcha/Inclusive-Persona-Extension/blob/master/en/README.md) 4 | - [日本語版](https://github.com/caztcha/Inclusive-Persona-Extension/blob/master/ja/README.md) -------------------------------------------------------------------------------- /en/README.md: -------------------------------------------------------------------------------- 1 | # Inclusive Persona Extension 2 | 3 | (English Edition / [日本語版](/ja/)) 4 | 5 | The **Inclusive Persona Extension** (hereafter referred to as "this tool") is a tool to facilitate the consideration of accessibility in the design process of websites and web applications. 6 | 7 | When conducting UX design using User-Centered Design (UCD) / Human-Centered Design (HCD) methodologies, the target user is defined as a persona, but the unspoken common understanding within the project might be that the persona is usually a person with no disability. As a result, it's not uncommon for accessibility considerations to be left out of the design deliverables, even when the design process is user-centered. 8 | 9 | This tool aims to add context (e.g., disabled, aged, used in mobile, etc.) to personas and, by looking at them together, promote awareness of accessibility within the project. 10 | 11 | The original document is available on Google Slides. You can copy it to your Google Drive, or download it as a PowerPoint, PDF, or text file, as needed. 12 | 13 | - [Inclusive Persona Extension (Google Slides)](https://docs.google.com/presentation/d/10jdG622toXmQGq0bOFWRl3FwUYlQP7qas3G5fAT0b2U/edit?usp=sharing) 14 | 15 | The PDF version is also available in this repository for your convenience. 16 | 17 | - [Inclusive Persona Extension (PDF)](inclusive_persona_extension_en.pdf) 18 | 19 | ## How to Use 20 | 21 | This tool contains eight different contexts, each of which is organized into a single sheet. 22 | 23 | - Visual Disabilities (Blindness) 24 | - Visual Disabilities (Low Vision) 25 | - Color-Blindness / Grayscale Print 26 | - Auditory Disabilities / In a public 27 | - Motor Disabilities 28 | - Cognitive / Learning Disabilities 29 | - Aging 30 | - Mobile 31 | 32 | Visual Disability (Blindness) sheet 33 | 34 | Each sheet consists of the following three elements: context, problems, and solutions, based on the idea of pattern language. 35 | 36 | - Context : Type of disability 37 | - Problems : Barriers to using the Web 38 | - Solutions 39 | 40 | Each sheet consists of context, problems, and solutions. 41 | 42 | It is a good idea to place each sheet alongside the personas so that they can be referenced by project members at any time. Each sheet has a context icon with a blank circle. You can add an image of the persona and the persona's name to make it easier to see the connection between the persona and the context. 43 | 44 | An example of connection between the persona and the context 45 | 46 | This tool is mainly intended for the following uses. I hope you will feel free to use it in your team or projects. 47 | 48 | - As a requirement specification to refer back to at any time during UI design. 49 | - As a cheat sheet for a walk-through from the perspective of people with disabilities during UI evaluation. 50 | - Also for accessibility workshops. 51 | 52 | ## Contribution 53 | 54 | If you find any typos, inadequacies due to lack of my knowledge, or have suggestions on the content, please post your comments in the [Issues](https://github.com/caztcha/Inclusive-Persona-Extension/issues) section. 55 | 56 | ## License 57 | 58 | Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License. 59 | 60 | ## Special Thanks 61 | 62 | English Edition translation by Kentaro Ide ([UXPRESS Consulting Inc.](https://uxpress.org/)) 63 | -------------------------------------------------------------------------------- /en/inclusive_persona_extension_en.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caztcha/Inclusive-Persona-Extension/5ccf01f9ed74cf01f848662ecdefd6f67123b67e/en/inclusive_persona_extension_en.pdf -------------------------------------------------------------------------------- /ja/README.md: -------------------------------------------------------------------------------- 1 | # インクルーシブなペルソナ拡張 2 | 3 | (日本語版 / [English Edition](/en/)) 4 | 5 | **インクルーシブなペルソナ拡張** (以下「このツール」) は、ウェブサイトやウェブアプリケーションの設計プロセスにおいて、アクセシビリティを考慮に入れることを促進するためのツールです。 6 | 7 | ユーザー中心設計 (UCD) / 人間中心設計 (HCD) の手法を用いて UX デザインを行なう際、ターゲットユーザー像をペルソナして定義しますが、プロジェクト内の暗黙の共通認識として、たいていの場合そのペルソナは健常者であることでしょう。結果として、せっかくユーザー中心に設計プロセスを回しても、デザイン成果物からアクセシビリティへの配慮が抜け落ちてしまう、というのはままある話かと思います。 8 | 9 | このツールは、ペルソナに対してコンテキスト (障害を持っている、高齢である、モバイルで利用している、など) を付加し、併せ見ることで、プロジェクト内にアクセシビリティの意識付けを促すことを目指すものです。 10 | 11 | 原本は Google スライドで公開しています。必要に応じて、ご自身の Google ドライブにコピーしたり、あるいは、PowerPoint、PDF、テキストファイルとしてダウンロードしてお使いいただくことができます。 12 | 13 | - [インクルーシブなペルソナ拡張 (Google スライド)](https://docs.google.com/presentation/d/1mb-NuNiozQmpTJKkryCTp2Tbws4Xceukr4CbeD0xb4A/edit?usp=sharing) 14 | 15 | PDF 版については、このリポジトリでも公開していますので、よろしければお使いください。 16 | 17 | - [インクルーシブなペルソナ拡張 (PDF)](inclusive_persona_extension_ja.pdf) 18 | 19 | ## 使いかた (How to Use) 20 | 21 | このツールには、8種類のコンテキストが含まれて、各々のコンテキストが1枚ずつのシートにまとまっています。 22 | 23 | - 視覚障害 (全盲) 24 | - 視覚障害 (ロービジョン) 25 | - 色覚特性 (またはグレースケール印刷) 26 | - 聴覚障害 (または公共の場) 27 | - 運動障害 28 | - 認知/学習障害 29 | - 加齢 30 | - モバイル 31 | 32 | 視覚障害 (全盲) のシート 33 | 34 | 各シートは、以下の3つの要素で構成されています。(パタンランゲージの考えかたを採り入れ、context、problem(s)、solution(s) という構成で記述しています。) 35 | 36 | - 障害の種類や状況 (context) 37 | - ウェブ利用時の障壁 (problems) 38 | - 解決方法 (solutions) 39 | 40 | 各シートは Context、Problems、Solutions　で構成されている 41 | 42 | 各シートを、ペルソナと並べて配置して、いつでもプロジェクト関係者が参照できるようにしておくとよいでしょう。各シートのコンテキストのアイコンには、空白の円が付いています。ここにペルソナの顔写真を入れたり、ペルソナの名前を併記したりしておくことで、ペルソナとコンテキストの紐付けがわかりやすくなります。 43 | 44 | ペルソナとコンテキストの紐付けの例 45 | 46 | このツールは、主に以下の用途を想定しています。皆さんのチームやプロジェクトで、お気軽にお使いいただけますと幸いです。 47 | 48 | - UI 設計時に、随時立ち返って参照する要求仕様として。 49 | - UI 評価時に、障害者の立場に立ってウォークスルーする際のチートシートとして。 50 | - アクセシビリティのワークショップにも。 51 | 52 | ## ご協力について (Contribution) 53 | 54 | 誤字脱字、作者の知識不足による不備、内容に関するご提案、などございましたら、[Issues](https://github.com/caztcha/Inclusive-Persona-Extension/issues) にてコメントを登録していただけますと幸いです。 55 | 56 | ## ライセンス (License) 57 | 58 | クリエイティブ・コモンズ・ライセンス
このツールは クリエイティブ・コモンズ 表示 4.0 国際 ライセンスの下に提供されています。 59 | 60 | ## 謝辞 (Special Thanks) 61 | 62 | [英語版](/en/)翻訳協力 : Kentaro Ide ([UXPRESS Consulting Inc.](https://uxpress.org/)) 63 | -------------------------------------------------------------------------------- /ja/inclusive_persona_extension_ja.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/caztcha/Inclusive-Persona-Extension/5ccf01f9ed74cf01f848662ecdefd6f67123b67e/ja/inclusive_persona_extension_ja.pdf --------------------------------------------------------------------------------