誰も教えてくれなかったUXUI必須知識、デザインシステム

📖本一冊の値！
本一冊の値で、合計18章で構成された動画講義受講！
ずっと更新される講義生涯所蔵！

📝 コンポーネント欠落防止チートキー、チェックリストファイル提供！
デザインシステムを管理してみると、1つのコンポーネントなのにさまざまなバージョンのUIが必要な時があります。ボタンのような場合、デフォルト+ホバー状態UI+押したときのUIなど様々なバージョンのUIが必要です。また、使用ガイドも決めなければならないが、青いボタンはいつ使用し、ゴーストボタンはいつ使用するかなどの関連ポリシーも定めなければなりません。ところが、このように様々な場合の数を考慮して作らなければならないので、やや何かが欠けている可能性があります。そのような欠落を防ぐためのチェックリストを提供してください。

👆 Googleが作成したデザインシステムの例。これをその有名な「マテリアルデザイン（システム）」と呼びます。

一貫性 なんと～あえて～する難しくてドゥルムムルイン定義よりは本人に馴染むちょうど一二つのイメージで覚えてください。 最初は文よりイメージで覚えておくのが分かりやすく、はっきりと長く覚えるのにもいいです。

👆デザイナーならピグマイメージで覚えてください。

デザインシステム=ピグマのスタイル、コンポーネント+それぞれの使用ガイド

👆開発者ならVScodeのイメージで覚えてください。

デザインシステム＝VScodeにスタイル、コンポーネントコードが書かれている部分＋それぞれの使用ガイド

オンラインレッスンプラットフォームで「デザインシステム」を一度検索してみてください。
おそらく関連講義がほとんどないでしょう。講義の本数が絶対に不足しているだけでなく、カリキュラムの構成もあまりにも甘すぎるか、逆に長すぎる講義がほとんどでしょう。
YouTubeにはそれでも少し量が多いですよ。しかし、YouTubeの映像にもやはり「ガイド」に関する具体的な内容はありません。
私たちみんなの時間は大切なので、特に韓国の会社員たちはとても忙しいので、この講義には必ず必要な核心内容だけを押し込めました！

デザインシステムは、すべてのウェブ/アプリ製品の基本的な骨格となる内容なので、デザイナーなら特に必須として熟知しておく必要があります。
ところで、そんな重要な必須概念なのに、なぜ「デザインシステム」の講義があまりないのでしょうか？ 「デザインシステム」は表によく現れる業務でもなく、売上と直結する内容ではないからです。
「家事」と似ています。家事は毎日一生懸命やってもよくお茶が出ません。家事を頑張るとお金ができるわけでもありません。家事は一生懸命やるとティーが出るわけでもお金ができるわけでもないので、これまで過小評価されてきました。家事をどうすれば上手にできるかについて教えてくれる講義を見た方はおそらくあまりないでしょう。しかし、たった3日だけ家事をしなくてもすぐティーが出るように、「デザインシステム」も気にしなければ作業時に不便な点をずっと向き合うことになります。そして、そのような大小の関連問題が引き続き放置されれば、後には元に戻りにくい状態になるかもしれません。
Google、Apple、Samsungなどの巨大企業には、デザインシステムだけを管理するチームが別にあります。これらのスマート企業が理由なく金を残して、そのようなチームを別々に作っておかなかったでしょうか。それだけ彼らもこのデザインシステムということの重要性をよく知っているという反証です。国内ではトスという会社が大々的にデザインシステムを再整備した後、年間15800時間を節約しているそうです。
このような影響力のあるシステムにもかかわらず、残念ながらデザインシステムについて教えてくれる人があまりありません。

これからも重ね申し上げますが、この講義でなくてもいいです。本でも、YouTubeを通じてでもデザインシステムということについて、ぜひ着実に勉強をしていきたいです。デザインシステムは非常に多く発展してきましたが、まだ改善が必要な点が多いです。より多くの人々が関心を持ってこそ、システムがさらに上向きに平準化することができるでしょう。

🔥ニーデザイン講義だけにあるもの

👍着実に更新される講義！

IT分野の変化のスピードはとても速いです。ピグマだけ見てもアップデート一度するたびにあまりにも多くが変わり続けて勉強をしなければならないほどです。そのため、早い変化の速度に合わせて着実にアップデートとなっている講義なのか、アップデート履歴を確認してみる必要があります。アップデートの頻度は、講義品質に対する講師の欲が反映される部分でもありますよ。

👍受講生の否定的なフィードバックを聞いて聴く講師の講義！

レビューの評価だけを参考にしないで講師が残したコメントも注目してください。受講生の否定的なフィードバックに対して防御的に反応をしたり、または形式的な応答をすれば講師として良い態度を整えたということは難しいです。心から受講生たちが発展してよくなることを望むなら、受講生が「こういう点が惜しかったですよ～」という話をする時、「ああ、そうそう。この部分を逃したね。講義を補強しなければならない」と思います。

1. 業務効率の向上

これはすでにたくさん知っておられる内容です。繰り返し作業を減らす、製品全体にわたってデザインの一貫性を維持させるなど。

2. 不要な燻水予防

私もデザイナーでデザインが良くてこの仕事をしていますが、たまに考えに浸る瞬間があります。デザインという分野は、誰でも私のデザインについていつでもいつでも簡単に意見を出すことができる分野です。たとえば、通過した営業チームのチームメンバーは、「フォントは少し硬すぎませんか？」 「この列の数字を中央揃えにするのは見栄えが悪いですか？」などのコメントを出すことができます。他人の視線で見るフィードバックはいつでも歓迎ですが、該当事項をデザイナーが考えずに作業したのではなく、調査もしてみて苦労して決めたものである場合、または何人かが互いにあまりにも異なる意見を与える場合に、デザイナーは朝の鳥の音や自然の中の音を聞きながら心身の安定を探したくなることがあります。
ところがデザインシステムを積極的に導入すれば、デザイナーだけのためではなく、みんなの参加のもとに作られるシステムになるでしょう。みんなの声を反映して決めたシステムなので、不満がある人たちの数も減るでしょう。異犬が出るたびに中区暖房会議をする必要もないでしょう。

3. ユーザビリティ改善練習

継続的な使いやすさの向上が必要であるという点で、デザインシステムも一般製品と同じです。違いは、私が作るウェブ/アプリの使いやすさを改善すればエンドユーザーが幸せになりますが、デザインシステムの使いやすさを改善すると私と私のチームメンバーが幸せになることです。私の製品のユーザーは誰にもなることができるのがわかりにくく時間がかかりますが、私たちの会社のデザインシステムのユーザーは私たちの会社のチームメンバーにぴったりです。

すでに会社で使用中ということは、デザインシステムのアップグレードに対するチームメンバーの拒否感が少なくなるということも意味します！デザインシステムを使用していなかった会社に導入しようとすると、新しく学んで適応しなければならないことが多く、既存の作業の中で再度手に入れなければならないものも多いので、チームメンバーの拒否感が相当かもしれません。この機会にチームメンバーと、または全社的にデザインシステムの再整備についての話を分かち合うのも良いでしょう！

IT分野は、すべての産業分野を一貫して非常に急速に変化する分野の一つです。新技術が一日が遠いとずっと出ています。もし「デザイントークン」という言葉が見慣れないなら、この講義ではなくてもいいので、他のどこかで簡単に概念でも把握しておくことをお勧めします。

大企業の場合は、デザインシステムだけを担当する別のチームがあります。アメリカの場合、デザインシステムチームは通常4～9人程度のチームメンバーで構成されているそうです。ところが、中小企業、スタートアップの場合なら、デザインシステムを管理するチームメンバーが1～2人である可能性が高いです。スタートアップのデザイナー一人で大企業の7人よりも良いデザインシステムを作るのは容易ではないでしょう。いくらその一人の能力に優れていると言っても大企業の7人は一日中デザインシステムだけを研究して改善していくだろうし、スタートアップのデザイナー一人はいない時間割れてやっと作っていくんですよ。しかし幸いにも、その大企業は彼らが丁寧に作ったデザインシステムに関する内容を彼らのウェブサイトを通じて公開しています。だから私たちは感謝の気持ちでその内容を参考にして私たちの会社だけのデザインシステムに発展させていけばいいのです。絶対に最初からすべてを私一人でみんな作りようとしないでください。試行錯誤が恐ろしく発生します。その代わり、私と言うグローバル専門人材の多くが頭を合わせて長く作ってきた内容を積極的に活用するのが賢明な判断です。

👆 ライブラリにコンポーネントをアップロードして取り出す方法

👆 見逃す部分はないか、チェックリストを活用する方法

👆 アトミックシステム

👆トークンの概念と使用方法

📢次の内容は扱いません。
「開発者」がデザインシステムコードを扱う方法

Q.非専攻者も聞ける講義ですか？

専攻よりピグマに対する選手知識の程度によって異なると言えます。ピグマでコンポーネントの概念とピグマコミュニティでオープンソースを検索できる程度の知識を持っていれば受講に大きな無理がないでしょう。

Q.授業内容をどのレベルまで扱いますか？

ピグマツールを使ってコンポーネント一つ一つを直接製作する内容は込められませんでした。講義でも何度も言及しますが、私たちの目標は迅速かつ効率的にデザインシステムを作っていくことです。大企業で内なる専門家たちをたくさん集めて、長時間にわたりよく作られたデザインシステムを積極的に活用します！

• 現ニーデザイン代表
• デザイン大学院修士課程修了
• 大企業からスタートアップに至る様々なテーマの、様々な規模のプロジェクト参加
• 実務経験7年以上
• Youtube: @needesign (ニーデザイン)

録音環境と装備が良くなくてやむを得ず人工知能の声を使っていました。この点ご了承ください。しかし、最も自然な声を使ったので、大きくぎこちないことはないでしょう。

• ピグマを使用しますのであらかじめご用意ください。
• ピグマのコンポーネント、コミュニティの概念を知っていれば、理解が容易になります。