2017年、デザインガイドラインについて考える。｜Yuya Furusato｜note

株式会社rootのUIデザイナー 古里祐哉です（@remmyfurusato）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると「デザインガイドラインに注力した」年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニアが迷う。 ・結果、サービス全体の一貫性がなく使いづらい。 このような課題を抱えるクライアント様からのご依頼を多くいただきました。サービス開発の現場で、徐々にデザインガイドラインの重要性が広まってきているのではないでしょうか。 デザインガイドライン作成を通して考えたことをまとめたいと思います。 デザインガイドラインとは？ デザインガイドラインの定義は「サービスやプラットフォームのデザイン方針を示したドキュメ

[yoiIT]

そのガイドラインがどこまでの「デザイン」をカバーしているかを、見るクライアント側が分かるように作る必要があるのはもちろんだが、実はガイドラインを作る側の認識を合わせるのが一番大変だったりする。

[z1h4784]

部品の共通化も大事だけど、フォントサイズやmarginやpaddingをいくつにすることとガイドラインで定めてほしい。これがないとページごとや部品ごとに細かく指定が入る地獄になる。

[karauma]

“全てを細かく書こうとするほど、柔軟性を失う。それは開発と同時進行でもできるし、現場で議論になったものはチケット化し、ガイドラインに吸い上げる。画面固有のコンテキストは内包しない！”Figmaを使おう

[kithzmky]

web デザイン

[mricopp]

短納期勝負だとガイドラインが当たり前のようにないのだが、作るとレビュー指摘が多発。こだわりがあるのなら、ガイドラインほどじゃなく手書きで良いから示して欲しい。ただの愚痴になってしまった、ごめん。

[web_designer]

最近短納期すぎて作ってない

[muramasaosx]

I

[yhonda1001]

デザイン

[maruzfactory]

デザイン

[t2wave]

“画面固有のコンテキストは内包されない”

[otihateten3510]

何でかわからないけど、デザインガイドラインがちゃんとあったプロジェクトに居たことがない。デザインガイドラインを用意したプロジェクトは破綻してぶっ壊れてた。何だろうね

[epitomize]

ガイドラインの重要性

[QueSTioN]

うちこれ全然ダメ。

[rjge]

“ちゃんとワークする土壌をつくりましょう。デザインガイドラインは形骸化しがちです。作り始める前に、どのように活用するか、いつアップデートするのか話し合い、開発のプロセスに組み込みましょう。”

[s99e209]

Atomic Designは、パーツとコンポーネントを粒度別に定義する手法で、コンポーネント軸で展開されるデザインガイドラインとの相性がよい

[snjx]

ちゃんとワークする土壌を作りましょう。←そこです。