ソリューションUI/UXデザイン
「よいUIのすごいラフ」とはなんだろう?チームラボのUI/UXデザイナーが考えてみた|デザナレ展VOL.2イベントレポート

イベントレポート

2023.6.29

2023年6月23日に株式会社ビビビットが主催する「デザナレ展 vol.2 | 優れたチームのすごいラフを一挙公開!リアルで見知れるデザイン展」が開催されました。


このイベントは現場で働くデザイナー / エンジニア / PM・PdMを主に対象としたイベントで、活躍支援を目的に開催されています。チームラボにおいてもUI/UXデザイナーをはじめとした同様の職種のメンバーが多く所属しているため、今回イベントに参加させていただきました。


当日のイベントでは、デザイナーが活躍する計8社がブースとして出展するとともに、各社のデザイナーが【よいUIのすごいラフ】というセッションテーマでステージにて登壇しました。この記事では会場の様子やチームラボのプレゼンについてレポートします!


デザナレ展とは

プロダクトデザインのブラックボックスを触って見知れるデザイン展覧会。

デザインチームの実践から生まれたナレッジをつなぐ"デザナレ"のリアル展示です。セッションで体系的なデザナレを、ブース展示でリアルなドキュメントに触れて得るデザナレをお楽しみいただける一夜となります。

リアルだからこそ見せられるプロダクトやナレッジベースの展示を行うことで、オンラインでは得られなかったデザナレを体験することができます。

https://vivivit.connpass.com/event/285606/

▲29階の見晴らしの良い景色が望める素敵な会場
▲様々なドリンクを飲みながらカジュアルに参加可能!
イベントスタート

開場時間となり参加者が続々と会場にやってきました!

株式会社ビビビットCEOの小宮 大地さんの挨拶とともに、いよいよイベントスタートです。参加者の皆さんにとって有意義な時間となるよう、チームラボメンバーも気合いを入れて臨みました。

▲株式会社ビビビットCEOの小宮 大地さんの挨拶の様子
▲かんぱ〜い🍺 イベント楽しみましょう!!
よいUIのすごいラフ

ステージで開催されるセッションでは、チームラボのUI/UXデザイナー伊藤がトップバッターで登壇しました。ステージ前の座席は満席に...ありがとうございます!!!


伊藤がプレゼンしたチームラボが考える「よいUIのすごいラフ」。

この言葉をどう定義し、デザイナーがどうあるべきかなどお話ししました。

プレゼンではこんなことを話しました

・よいUIのすごいラフ=よいUXの具現を実現できる設計

・機能や情報にはすべて仕様がある、その仕様に基づいたラフでないと意味がないのでは?

・UX実現に必要な設計の裏どりを行うプロセスこそが重要

・UIで全てが決まる世界→仕様理解や設計にもデザイナーが携わるべき

・とはいえ一人で抱え込まず、チームで進めることが重要

・要件定義から開発、運用まで一気通貫で行なうチームラボだからこそ、デザイナーも設計できるし、その必要性がある



プレゼンのエンディングでは、チームで設計・ラフを作ったプチ事例として社内向けのwebアプリ「FACE MATCH」をご紹介しました。

FACE MATCHは、チームラボの社員旅行における参加メンバー同士の「事前インプット」や「話しかけるきっかけ作り」として活用されています。

中身としては、趣味・嗜好を診断するための様々な質問に回答すると、特徴を表す「カテゴリ名」で表示されます。また、近しい嗜好の人が画面に表示され、会話のきっかけを作ります。

▲画面上部には自身の特徴を表したカテゴリ名が表示される。 カテゴリーは全部で4つ。(アナリスト/コミュニケーター/マネージャー/クリエイター)

実は今回のデザナレ展では、会場にいる人たち同士の新たな繋がりを生み出せるお手伝いができればと思い、デザナレ展スペシャルver.として24時間限定のFACE MATCHを開発しました!


今回の外部イベント用のカスタマイズは、新卒2〜3年目の若手メンバーが中心となって進められ、そこにはUI向上の観点から登壇したデザイナーの伊藤も携わりました。

▲会場ではたくさんの参加者の皆さんがすぐに試してくれました!
▲チームラボに今年4月に入った新卒メンバー3名もイベントに参加してくれました! FACE MATCHの質問に真剣に答える様子。

スペシャルver.には、自身のSNSアカウントを任意で登録することができるようにし、興味のある人が画面上に現れた際、そこから気になる人のSNSアカウントのフォローまで繋げられるようにしました。

チームラボブースの様子

セッション登壇後には、チームラボのブースにも多くの人が足を運んでくれました。チームラボのソリューション事業への認知度はまだまだ低く、「あのアプリ、チームラボが作ってたんですね」という声も多くいただきました。(認知度向上に向けてまだまだ頑張るぞ!)このイベントを機に、多くの人にチームラボのものづくりを知ってもらえていたら嬉しいです。

▲ブース前にはたくさんの人が...興味を持っていただき嬉しい!
▲UI/UXデザイナー伊藤へたくさん質問いただきました!
▲ブースでは「FACE MATCH」のfigmaを公開
▲皆さん興味深く見てくれました

今回のイベントでは、チームラボの「ものづくりのプロセス」や「大切にしていること」をデザインの観点から多くの人に知ってもらえる良い機会になったと感じています。参加者の皆さんの明日からの仕事に、少しでも役に立つ情報をお届けできていれば嬉しいです!


チームラボではUI/UXデザイナーを募集しています!

ものづくりを一気通貫で進められる環境で一緒に働いてみませんか?

ご興味のある方はぜひ一度オンライン採用説明会にご参加ください。

関連するイベントレポート

ソリューションWebサービス開発

FlutterKaigi 2025にフルパワー参加してきました!!

イベントレポート

2026.1.30

ソリューションWebサービス開発

勉強会に110人!チームラボ×AWS Japanが本気で挑んだ「GameDay」の結果と舞台裏

イベントレポート

2026.1.26

ソリューションWebサービス開発

チームラボのスマホアプリエンジニアでiOSDC 2025に参加してきました!!

イベントレポート

2025.11.01

ソリューションWebサービス開発

DroidKaigi 2025にフルパワー参加してきました!!

イベントレポート

2025.11.01

ソリューションアートWebサービス開発プロジェクトマネジメント

【チームラボ】ボストンキャリアフォーラム2025の紹介と対策

イベントレポート

2025.9.12

ソリューションアート

スタンフォード大学主催「日米イノベーションアワードシンポジウム」にてチームラボがEmerging Leader Award 2025を受賞しました!

イベントレポート

2025.9.16

ソリューションWebサービス開発

【イベントレポート】チームラボ1dayハッカソン開催報告:Flutterを用いたTODOアプリ開発とエンジニアの技術支援

イベントレポート

2025.9.16

アート画像処理インタラクティブアート

チームラボはWISS2024に参加しました!

イベントレポート

2025.1.06

ソリューションアートWeb/アプリディレクション

チームラボ社内向けAWSイベント「teamLab★GameDay」を開催しました!

イベントレポート

2025.9.30

ソリューションアートプロダクトマネジメントプロジェクトマネジメント

【チームラボ】ボストンキャリアフォーラムで行う活動について

イベントレポート

2025.9.30

ソリューションWebサービス開発

フロントエンドカンファレンス北海道2024に参加しました!

イベントレポート

2024.9.18

ソリューション画像処理

MIRU2024に参加しました!

イベントレポート

2024.9.02

ソリューションアートUI/UXデザイン

Figma Config 2024でチームラボ創業メンバーの堺が登壇しました!

イベントレポート

2024.8.08

ソリューションWebサービス開発スマートフォンアプリ開発

iOSDC Japan 2024に、ゴールドスポンサーとして協賛します!スマホエンジニア向けの取り組みやサービスをご紹介!

イベントレポート

2024.5.30

ソリューションWebサービス開発スマートフォンアプリ開発

技育プロジェクトで勉強会を開催しました!-Flutterで本当にiOS / Android同時開発できるのか?

イベントレポート

2024.4.17

ソリューションスマートフォンアプリ開発

技育プロジェクトで勉強会を開催しました!-アイデアを形に!【超入門】スマホアプリ開発〜リリースまでの流れを紹介〜

イベントレポート

2024.4.09

ソリューションWebサービス開発

第34回高専プロコン福井大会 - チームラボは高専出身のメンバーと参加しました

イベントレポート

2023.10.25

ソリューションWebサービス開発スマートフォンアプリ開発

DroidKaigi 2023に参加しました

イベントレポート

2023.10.06

ソリューションスマートフォンアプリ開発

iOSDC 2023に参加しました #ididblog #iosdc

イベントレポート

2023.9.22

ソリューションWebサービス開発

iOSDC Japan 2024に、ゴールドスポンサーとして協賛します!スマホエンジニア向けの取り組みやサービスをご紹介!

イベントレポート

2024.5.30

アートインタラクティブアート

SESSIONS2023 AFTER PARTY|作品の制作秘話と創作の面白さをチームラボオフィスで語ってもらいました

イベントレポート

2023.7.07

アートプロジェクトマネジメント人事/採用

2022年 海外採用活動【アブダビ編】

イベントレポート

2022.10.26

すべてのインタビューを見る