![見出し画像](https://assets.st-note.com/production/uploads/images/60368707/rectangle_large_type_2_b3a0cafcf1457086b3cd80dfb9e28126.jpg?width=1200)
チームにおけるデザイナーの役割 ─ 入社1年目が考えてみた
「WEBサービスの画面とかのデザインしてるわ。」
いま何の仕事をしているのかを友人に聞かれたときに、いつもこう答えながら違和感を覚えていました。デザイナーの役割は画面という表層の見た目を良くするだけではないけどなあ、と思ってはいても端的に伝えられないから言葉にするのは諦めていたのです。
──LIFULLに入社して一年弱、これまでに様々なデザイン業務に携わってきました。本記事では、その経験を基に“チームにおけるデザイナーの役割とは”という問いに対して、自分なりに考えを整理してみました。
チームにおけるデザイナーの役割
デザイナーの役割とは“チームの試行錯誤の精度を高める”ことです。
グラフィックやサービスあるいは建築、ファッションであれ、デザイナーは必ず手を動かして試作します。その行程の中で現状を疑ってかかり、より良くするためのアイデアを得て、また試作して理想に近づいていく。
この営みの肝は思考・アイデアを目に見える、手で触れるようにすることです。そうすることで頭の中で考えるだけでなく、視覚・触覚からも情報を得て、理想に近づくために有益な手がかりを見つけやすくなります。
チームにおいても同様です。見える、触れるようにした思考・アイデアを共有することで、チームメンバーに与える情報量を増やし、チームの試行錯誤を強化できるのです。
百聞は一見に如かず。言葉を連ねるよりも実例を見た方が速いですね。
事例紹介 ─「FRIENDLY DOOR」
LIFULL HOME'Sが提供するサービス「FRIENDLY DOOR」の改修の一部を事例にして具体的に紹介します。
改修するサービス
>> FRIENDLY DOOR: 年齢・国籍・経済力・社会的立場などのバックグラウンドを理由に住まいを借りにくい人たちと、相談に応じてくれる不動産屋さんをつなぐサービス。
改修の背景
>> ありがたいことにFRIENDLY DOORの考えに賛同してくださる不動産屋さんが増え、都道府県絞り込みによる検索だけでは検索結果数を絞り込めなくなってきたため、より検索結果を絞り込む機能が必要になった。
改修の内容
>> 市区町村絞り込み機能の追加に伴う検索絞り込みヘッダーおよびモーダルの設計。
ここでは検索絞り込みヘッダー部分の改修のみ言及します。結果的には下図のように改修が行われました。
![改修のBefore / After](https://assets.st-note.com/production/uploads/images/60372092/picture_pc_4bcf50a961b0cb697fb12c9fcd0f0f5c.jpg?width=1200)
Before / Afterの違いだけを見ると些細な変化ですが、直ぐに「これだ!」と決まったわけではありません。ユーザーに最も優しいことを理想として、Afterに辿り着くまでに沢山のパターンを試し、常に現状よりも良いユーザー体験を追求しました。下図では改修部分のヘッダーのみを切り取って表示していますが、制作時には全て実画面に当てはめて検証しました。
[検索絞り込みヘッダーの検証例]
![検索絞り込みヘッダーの検証例](https://assets.st-note.com/production/uploads/images/60372115/picture_pc_380baae54abb4dd7d017685c949d1b3d.jpg?width=1200)
UI(ユーザー・インターフェース)の設計時には“気づき”や“疑問”を含め、初期段階からデザインの進捗を共有していました。実際に見える・触れるようにした上で、チームメンバーにも思考を共有していたということです。その上で先輩社員の方からフィードバックを何度もいただき、議論を重ね、UIの試作検証のサイクルを何度も回すことができました。
[実際に共有した資料の例]
![実際に共有した資料の例](https://assets.st-note.com/production/uploads/images/60577316/picture_pc_b476a40f6d7972d74af69d436f4ef345.jpg?width=1200)
以下は実際に挙げた気づきの一部です。
1. フレンドリー条件の欄の"外国籍"ってわかりにくい!
>> 「外国籍」とは外国籍の方に優しい不動産屋さんを絞り込む「外国籍フレンドリー」という条件名の略であるが、ユーザーにはわからないのでは。略さない前提で設計してみよう。
2. そもそもフレンドリー条件ってユーザーは知らない!
>> LIFULLが作り出した言葉「フレンドリー条件」を当たり前のように使ってるけど、ユーザーにはわからないのでは。検索絞り込みの画面に「?(ヘルプマーク)」をつけて説明書きをすぐ見られるようにしてみよう。
3. アイコンは適切に!
>> アイコンはテキストの補助的な扱いとして使われがちだが、アイコンはノンバーバル(言語を問わない)要素であり、あらゆる人が利用可能にするために重要な要素。アイコンの使い方を見直してみよう。
「そりゃそうでしょ!」と思いそうなことでも改修前のUIを見て、ただ頭の中で考えているだけでは気づかないものです。(もしくは僕が未熟なだけ)
デザイナーという開発側だけではなく、サービスを使うユーザー側の視点・リテラシーも想定して試作を続け、仮説検証を繰り返して気づくことができました。
ユーザーにとって何が理想なのか、理想と現実とのギャップは何か、そのために何が必要なのか、手を動かしながら考える。もちろん外見の魅力や美しさも追求するけれど、構造や仕様などのメタな部分までチームを巻き込んで疑い、より理想に近い状態を常に探り続ける。──それがチームにおけるデザイナーの役割です。
まとめ
チームにおけるデザイナーの役割とは?
“チームの試行錯誤の精度を高める”こと。
↓ どうやって高める?
- “手を動かしながら考える”というデザイナーの習性に鍵がある。可視化した思考・アイデアから気づきを得るという営みの影響範囲をチームに広げる。
- 最終のアウトプットをチームに共有するのではなく、初期段階からアイデア・思考を可視化した際に共有する。
↓ 具体的なアクション
- 今の状態が理想であると決めてかからない。視点を変えて現状を疑い続ける。
- 思考・アイデアを口頭ではなくテキストで言語化して、それを可視化したビジュアルとセットでチームに共有する。
あとがき
外見を良くする意味でのデザインだけではなく、事業や施策の上流から携わり、チームや組織をドライブできるデザイナーになりたい。
意思はあるけれど、そのために具体的にどのような行動を起こせば良いのかわからない。ずっとそんな状態にありました。
そこで本記事を書くにあたって、組織の最小単位とも言えるチームの中で、デザイナーの職能を最大限発揮するためには何をすれば良いのか、そのために今の自分が出来ること、あるいはしていたことはなんだろうか、逆にチームはデザイナーをどう使えば良いのか、を考え抜いて書き表した次第です。
また本記事では、あえて「〜と思う・〜と考える・〜と感じる」のような文章表現を極力排除しました。どうせ書くなら僕のデザインに対する考えをこの機会に言い切ってやろうと思ったからです。
結果、自身の考えを自分の言葉でストレートに発信する良い機会になりました。自己満足的で拙い文章ではありますが、この記事から何か得るものがあれば誠に幸いです。
※あくまでもLIFULLという企業ではなく僕個人の見解を述べた記事です。もしかすると的外れなことを書いてしまっているかもしれませんが大目に見てあげてください!
僕について
岡野 颯 おかの そう
──
大阪生まれ京都大好き。2020年10月LIFULLに入社。
クリエイティブ本部デザイン部コミュニケーションデザイングループ所属。SNS施策・広告・ノベルティグッズなど、LIFULLやLIFULL HOME'Sと生活者との接点になる媒体のクリエイティブを中心に担当しています。↓
![お仕事詰め込み](https://assets.st-note.com/production/uploads/images/60371515/picture_pc_33a6605c3c3e4a8d4598fac44601ce20.jpg?width=1200)
この記事が気に入ったらサポートをしてみませんか?