社内のメンバーを少しずつ巻き込みデザインをつくってみた

こんにちは、Wcatのあいりなです。デザイナーに転職して早くも５ヶ月が過ぎました。事業会社を選んだ理由でもある、「いろんな職域の人と関わりながらデザインを進めてみる（ただし大変そう）」を取り組む機会があったので、記事にまとめてみます。

デザインを作る際に感じていた個人的な課題

当初私自身はデザインを進める際…

• デザイナーにレビューをもらい、各レビューの内容を１つずつ反映させようとしたため、デザインの可視化に時間がかかってしまう

• 作る過程でA案B案C案、、、と無限にアイディアが拡散しがち（＝時間も労力もロスが発生）

• ユーザー視点を念頭に置きつつも、自分が完璧にユーザーを理解しているとは言い難く、想定している利用シーンへの確信が持てず進めていた

という状況でした…🫠🤯

実際にTRYしたこと

1 .モブデザイン

Wcatでの「モブデザイン」は以下のように定義されています。

デザイナーに限らず、多職種のプロジェクトメンバーを集めて、同じ画面を見ながらその場でデザインをつくること

例：業務アプリケーションの一覧ページで、カードUIのリデザインをモブデザインで進めてみる

モブデザインのFigmaの様子

進め方：
実際はFigmaを画面共有し、（私の場合ですが）疑問点や言語化まで至らない違和感を伝え、他のデザイナーからはレビューを踏まえて手を動かすスタイルで進めました。

　　「ここに違和感を感じるのですが、感覚的にしか伝えられずゴニョゴニョ……」

「そうですね、まず〇〇のボタンを右ぞろえにしてみたらどうかな？」

　　　　「そもそもカードデザインの見やすさを重視するなら、１カラムはマストですか？
試しに２カラムで可視化してみたのですが、どうでしょうか？」

　　　　　「今のデザインで２カラムにするとちょっと画面からはみ出てしまいました……><」

「SP版のデザインを流用できそうでは？試しに可視化してみました。」

「その手があったのですね！（驚）とてもいい感じに収まっています。
そもそも１カラムにとらわれなくてもよかったのですね！！」…

感想💭
・チーム内のレビューを踏まえその場でデザインを可視化できるので効率よく仕上げられました。
・同じ画面も同時に見ながら、新たな問題定義が行える場合もあるのでデザイン製作しながら議論が促されたと思います。
・FBと同時にリアルタイムで手を動かしならデザインを作るの楽しい！（リモートワークだからこそ感じる？）

２ .社内のメンバーで、ユーザーに近い人にレビューをもらう

※社内には、ユーザーと同じ歯科医師、歯科技工士、歯科衛生士の方がおります。

例：印刷フォーマットのデザインのレビューをもらう

「実際に印刷したサイズで、デザインを可視化したので見てもらえますか？」

Aさん「〇〇の情報はあってもなくても良いので、もう少し小さくし、その代わりに上部の〇〇の文字を大きくした方がストレスがなさそうです」

　「そうなのですね！文字サイズ調整してみます」　　　　　　　　　　　　

Bさん「実務ではこのフォーマットを印刷し、この専用ケースに入れて納品する時に使うんだよね」

Cさん「事業所訪問の際に、現場サイドでヒアリングした話によると…〇〇な方が使いやすそうな印象です！」

「ありがとうございます！だからB6サイズが必要で、参考UIもこのようなデザインだったのですね…」

感想💡
要件整理では気づかなかった視点でレビューをもらい、ユーザーの利用文脈に合わせた形にデザインをブラッシュアップすることができました。
デザイナーのデザインフローを知ってもらうと同時に、開発チーム以外の人とのコミュニケーションのきっかけにできたという点で、思わぬ副産物が得られました。

デザインのプロセスに色んな人の視点を取り入れた結果をまとめると…

• 多面的な視点を持ってアイデアをブラッシュアップするやり方を学べました。

• チームで取り組むことでプロダクトの整合性やクオリティをあげられそうな感じがしました。

• 一人で悩むより短時間で解決アイディアからデザインに落とし込めそうな予感です…！

• チーム内の意思疎通の手法としても良さそうな印象を受けました…！

という気づきが得られました🎉
インハウスデザイナーは事業部門のメンバーへ相談しやすい環境だと思うので、引き続きこの取り組みを続けたいと思いました。