Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
合意形成のためのFigma活用術
Search
448jp | OKI Yoshiya
December 04, 2024
Design
0
32
合意形成のためのFigma活用術
2024/12/4 「FoF Tokyo 忘年会」
448jp | OKI Yoshiya
December 04, 2024
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
560
書く・即・DONEな仕組みをNuxtで作る
448jp
0
310
神速でワイヤーフレームを作るためのライブラリ
448jp
1
790
Figmaで神速ドキュメント作成術
448jp
3
2.1k
今から始めるFigma超入門
448jp
0
1.5k
零細Web制作会社のリモートワーク事情
448jp
0
360
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
700
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
250
Lottieで始めるWebアニメーション入門
448jp
1
580
Other Decks in Design
See All in Design
portfolio
amitnk
1
160
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
210
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
510
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
680
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
460
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
300
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
440
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
240
我做了一個詐騙網站...嗎?
crboy
1
170
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
710
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building an army of robots
kneath
302
44k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Optimising Largest Contentful Paint
csswizardry
33
3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
Embracing the Ebb and Flow
colly
84
4.5k
Rails Girls Zürich Keynote
gr2m
94
13k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Transcript
FoFTokyo忘年会 合意形成のための 活用術 Figma 合同会社世路庵 沖良矢 | 2024.12.4WED
おき 沖 よ し や 良矢 @448jp ⚫ 合同会社世路庵 代表
⚫ デザイナー/エンジニア ⚫ 受託制作一筋21年
None
None
我々は日頃 どう しているのか 合意形成
合意形成は日常的に連続している ビジネス ⚫ 画面レイアウト ⚫ 機能の要・不要 ⚫ ボタンのラベルテキスト ⚫ カラーリング
プライベート ⚫ 夕食のメニュー ⚫ ゴミ出しの担当 ⚫ 誕生日プレゼント ⚫ 子供との遊び方
晩ごはん、 肉じゃがでいい?
えー、マックがいい!
昨日も食べたでしょ
Negativity bias ネガティビティ・バイアス 人はポジティブな情報よりも、ネガティブな情報に強く反応しやすい傾向がある。また、 否定から入ると、意見を言いやすい。これにより、他者の成果物に対して否定的な フィードバックをしやすくなる。
エンジニア デザイナー ディレクター クライアント 言語・ツール・職種の差異によるディスコミュニケーション 言語・ツール・職種の差異によるディスコミュニケーション
エンジニア デザイナー ディレクター クライアント Figmaを始めとする共創型デザインツールの台頭 Figmaを始めとする共創型デザインツールの台頭
分断世界では対立構造になりがち 作り手 MAKER 受け手 RECEIVER 成果物
共創によりスムーズな合意形成へ 作り手 MAKER 受け手 RECEIVER 成果物
世路庵での実績
業務システム開発 課題 ⚫ 合意を得たはずの仕様で不満が出る ⚫ 開発中~後期で大きな差し戻しが出る ⚫ 資料作成の工数が膨大 ⚫ デザイン、UXの専門家が不在
結果 ⚫ プロトタイプで仕様確認することで、 満足度がアップ、差し戻しも減少 ⚫ 内部用資料は削減 ⚫ デザイン、UX面の外部サポート
企業研修、大学講師(東京造形、長岡造形) 課題 ⚫ 提出されるまで成果物が見えない ⚫ 権限、ファイルのやり取りが大変 ⚫ グループワークが困難 結果 ⚫
リアルタイムにプレビューできるので、 制作初期の悩みもフォローアップ可能 ⚫ チーム管理でスムーズにやり取り ⚫ FigJamで気軽にグループワーク
まとめ Conclusion
領域横断的な歩み寄りと共創により、 が可能。 よりよい体験を作り出しましょう! スマートな合意形成
ありがとうございました 合同会社世路庵 沖 良矢 @448jp