「ちいさくはじめるデザインシステム」とUXライター

by aguri otsuka

Slide 1

Slide 1 text

「ちいさくはじめるデザインシステム」とUXライター株式会社SmartHR｜UXライターおおつかあぐり LINE Technical Writing Meetup vol. 24

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

© 2023 Aguri Otsuka All Rights Reserved. デザインシステムとは「ちいさくはじめるデザインシステム」「デザインシステム」は、デジタルプロダクト開発においてその必要性や役割を言及されることが多い概念です。GoogleのMaterial DesignやAdobeのSpectrum など、有名企業をはじめ業種や業態を問わず、数えきれないほどのデザインシステムが公開されています。プロダクトの重要性が増すにつれ、プロダクトが示す領域も広がり、デザインシステムが取り扱う範囲も広がってきています。タイポグラフィやレイアウト、色、アイコン、コンポーネントといった、デザインに関する事柄だけでなく、言葉の表現や雰囲気など、ユーザーとのありとあらゆる接点を網羅する必要が出てきているともいえるでしょう。デザインシステムは、不確実性の高いモノづくりの現場において、良いモノを作るための1つの手段なのです。

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

© 2023 Aguri Otsuka All Rights Reserved. 抽象化はUXライターの得意分野「ちいさくはじめるデザインシステム」「調査・分類・抽象化」といったUIテキストの作成プロセスは、インターフェースインベントリのプロセスに類似しています。インターフェースインベントリとは、プロダクト上のUIコンポーネントを調査・分類し、コンポーネントに対する共通認識を醸成する活動を指す言葉で、デザインシステムを構築するうえで「最初の一歩」として位置付けられることもあります。つまり、UIテキストの作成は、その営み自体がデザインシステムのガイドライン作成に通ずるものといえます。 SmartHRのUIテキストガイドラインも例外ではありません。UIテキスト作成のために、既存のUIテキストを収集・分類・抽象化していく過程で、プロダクト全般に適用できるガイドラインがおのずと生まれていったのです。

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

© 2023 Aguri Otsuka All Rights Reserved. 今日のテーマの別の角度からの話はこちらでもお読みいただけますデザインシステムの運用体制についてはこちら開発しながらガイドライン化する考え方についてはこちら https://note.com/aguri/n/n2665dcdc5948 https://speakerdeck.com/aguringo/20220315-design-study-morning07