CCCU-22 #7 学生デザイナーに聞いてみた！〜 価値を最大化する デザイナー×エンジニア のあり方 〜

Code for Japan @CodeforJapan

[ReDS・CCC共催] 学生デザイナーに聞いてみた！〜 価値を最大化する デザイナー×エンジニア のあり方 〜 CCC昨年度参加者 三橋さん @YukiMihashi 根津さん @Nezusuke2132 ReDSから ぽちゃこさん @__pochaco___ ながみさん @pt3VSrTro8Kjz5b よしきさんに登壇いただきます👀 #CCCu22 pic.twitter.com/pggw3IrWtw

拡大

Code for Japan @CodeforJapan

このコラボイベントは ReDSの田口さん @kzm_tgc にご協力いただき実施となりました。これからの #CCCu22 のプロトタイピング（作品開発）に欠かせないデザインについて、実際のデザイン経験がある皆さんから様々な視点でお話しいただきます👀 pic.twitter.com/8dL0NEebiP

拡大

Mami Sada 👩‍💻🧠💤 @mamisada

はじまるよ👀!! #CCCu22 twitter.com/codeforjapan/s…

Code for Japan @CodeforJapan

ReDS田口さん @kzm_tgc から ReDesigner for Studentは、「デザイナーを世の中に増やす」をミッションに掲げ、デザイナーを社会に増やすための育成や就職支援を行なっているサービス。学生同士のコミュニティやポートフォリオ登録でスカウトが飛んでいく機能なども。 student.redesigner.jp #CCCu22

Code for Japan @CodeforJapan

ReDSとCCCのコラボ #CCCu22 エンジニアリングとデザイン、ソフトウェアとハードウェア、それぞれ別になっている状態よりも、エンジニアとデザイナーが密接に関わり、必要な機能の開発とユーザーが使いやすいデザインが両輪で回るようになることが必要。かつ、相互の学び合いも求められる。

Code for Japan @CodeforJapan

LT１人目「チーム開発におけるデザイナーの役割」 昨年 @civichat チームとしてCCCに参加していた三橋さん @YukiMihashi 現在はN高３年で友人 @nztm_tw とコンビでサービス開発をしていて、フロントエンド＋デザイン（UI,Web,グラフィック,イラスト,ロゴ)を担当することが多い。#CCCu22

Code for Japan @CodeforJapan

チーム開発とは、複数人が同じ方向を目指し、支え合い進むこと。その中で「どこにむかうのか」の認識を合わせることが大事であり、その中でデザイナーはイメージをかたちにして、認識を揃えることができる人。 #CCCu22 pic.twitter.com/mvwo4tfPeQ

拡大

わか☯️Wakabayashi, Kenichi @kwaka1208

デザイナーの役割は、アイデアを可視化してチームの方向性を一致させる。今、これが出来てなくて学校で苦労してる。みんな空中で話して一致してると思ってるけど、そうじゃないことにどうやって気づかせるか。 #CCCu22

Code for Japan @CodeforJapan

サービスを開発していく際に、紙プロトやラフスケッチを描いたものからはじめ、都度チームとのコミュニケーションを取りながら、Figmaなどのデザインツールで実際の画面に近づけ、何度もバージョンアップし、これを繰り返しながらデザインを進めている。 #CCCu22 pic.twitter.com/s8DokTpwOT

拡大

Code for Japan @CodeforJapan

チーム開発でのデザイナーは画面デザインのみならず、プロダクト自体のビジョンを描いて共有し、それらを実際の画面含めてかたちにしていくことが求められる。「プロダクトのあり方を形にする」なのではないか？ #CCCu22 pic.twitter.com/2b6TJ3p15x

拡大

Code for Japan @CodeforJapan

LT２人目 昨年CCCに参加していた根津さん @Nezusuke2132 デザイナーの役割は見た目をかっこよくしたり、使いやすくすることだけではなく、「自分たちのサービスのコンセプトをユーザに伝える！」も含まれるのではないか。#CCCu22

Code for Japan @CodeforJapan

それを実現するために考えるヒントとして使えるのが「ペルソナ」をつくること。ペルソナに基づいたUIUXはコンセプトが自然と伝わるようになる。これによって、ユーザに「自分のためのアプリだ！」と思ってもらうことができるようになる。 #CCCu22 pic.twitter.com/tLFereK75n

拡大

Code for Japan @CodeforJapan

CCCに出していた「またたび」をつくった時のペルソナ。これに基づいて、短い動画をサクサク閲覧できる、フリック操作に慣れている人向けの、TikTokライクな操作にしていった。 自分たちのアプリをコンセプトをユーザーに伝える！デザインをしていきましょう。 #CCCu22 pic.twitter.com/4KAsTxIiUa

拡大

野崎 智弘 / Tomohiro Nozaki @nztm_tw

相方がなかなか良いLTをしているな。 どこに向かうかは、チームでこのサービスが創る世界を個人、社会単位で解像度高く、見据えることからはじまる。 twitter.com/codeforjapan/s…

Code for Japan @CodeforJapan

LT３人目はReDSぽちゃこさん@__pochaco___ 「学生デザイナーとエンジニアがチーム制作を経験した方がいい理由」 UXデザイナーよしきさんとタッグを組んで、お話しくださいます。 #CCCu22 pic.twitter.com/bXC3stiYRK

拡大

Code for Japan @CodeforJapan

エンジニアとデザイナーは専門性の方向性が異なるので、お互い勝手なイメージがあったりするかもしれませんが、ものづくりをしていくにおいてチーム制作で共同・協業していくことが欠かせないので、お互いを知っていきましょう。学生のうちにやっておくのがおすすめです。 #CCCu22 pic.twitter.com/SXJNFRTRSI

拡大

Code for Japan @CodeforJapan

２人で「リモート生活がより豊かになるサービスを提案しよう！」という課題に取り組んだ時、たくさんのブレストを繰り返し、色々なパターンを作っては壊すを繰り返してきました。実装前に思ったアイデアを形にするのがデザイナーですが… #CCCu22 pic.twitter.com/royqDHR43m

拡大

Code for Japan @CodeforJapan

デザイナーだけで構想を練っていたこのアイデアに関しては、実装可能性を完全無視して考えていたため、机上の空論で終わってしまった。なので、お互いの専門性を活かしながら、エンジニアさんとデザイナーさんでタッグを組みながら、プロトタイピングをしていきましょう！ #CCCu22 pic.twitter.com/CvZTLjmvPy

拡大

Code for Japan @CodeforJapan

LT４人目はReDSながみさん @pt3VSrTro8Kjz5b 「インターン先にてデザイナー１人の状況でチームにアサインされたお話」 長期インターンに入った当初はデザイナーが開発に入る環境がまだ整っておらず、初日に「社内デザイナー0人」ということが発覚。 #CCCu22 pic.twitter.com/NGBjKE7QbQ

拡大

Code for Japan @CodeforJapan

外部デザイナーや過去プロダクトなどの要素はあるものの環境がない状態で、てんやわんやしながら、デザイナーがチームに関わる体制を整えていった。セールスから顧客の意見、リサーチャーからエンドユーザーの意見を聞き、経営陣の要件定義や実現可能性チェックがあり、デザインしていく形。 #CCCu22

(ﾍ” ｽ ‘)ﾘ @b3ssle

📊👀 twitter.com/codeforjapan/s…

Code for Japan @CodeforJapan

デザイナーはアプリやwebのUI、ポスターなどのグラフィックデザインをするが、チームのなかでは「チームが働きやすいように情報整理・可視化をすること」も役割として大事になる。デザインガイドラインやサービス概要資料も作ったことで開発スピードや世界観の担保、共通認識醸成に。 #CCCu22 pic.twitter.com/kAaETkXii5

拡大

わか☯️Wakabayashi, Kenichi @kwaka1208

ヤバい、レベルが高すぎる。 #CCCu22

Code for Japan @CodeforJapan

エンジニアをはじめ、複数業種チームの中でデザインをすれば、クオリティもリアリティも高い素敵なプロダクトがきっとつくれるはず！チームのことを思いやり、行動できるデザイナーを目指して頑張ってください👏 #CCCu22 pic.twitter.com/ZZhAbvQq2J

拡大

まえむき @ItyuJ

これは参加してよかった感があるイベント #CCCu22