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
BUSSINESS×CREATIVE 結びつけるためのプロセスとスタンス
Search
Recruit Technologies
November 22, 2019
Technology
0
2.2k
BUSSINESS×CREATIVE 結びつけるためのプロセスとスタンス
2019/11/22 BUSINESS & CREATIVE『大規模メディアにおけるクリエイティブの価値創造』での、川端の講演資料になります
Recruit Technologies
November 22, 2019
Tweet
Share
More Decks by Recruit Technologies
See All by Recruit Technologies
障害はチャンスだ! 障害を前向きに捉える
rtechkouhou
1
720
Flutter移行の苦労と、乗り越えた先に得られたもの
rtechkouhou
3
12k
ここ数年間のタウンワークiOSアプリのエンジニアのチャレンジ
rtechkouhou
1
1.5k
大規模環境をAWS Transit Gatewayで設計/移行する前に考える3つのポイントと移行への挑戦
rtechkouhou
1
1.9k
【61期 新人BootCamp】TOC入門
rtechkouhou
3
42k
【RTC新人研修 】 TPS
rtechkouhou
1
41k
Android Boot Camp 2020
rtechkouhou
0
41k
HTML/CSS
rtechkouhou
10
51k
TypeScript Bootcamp 2020
rtechkouhou
9
46k
Other Decks in Technology
See All in Technology
GTC 2025 : 가속되고 있는 미래
inureyes
PRO
0
150
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
280
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
220
AI連携の新常識! 話題のMCPをはじめて学ぶ!
makoakiba
0
180
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
2.6k
短期間でRAGシステムを実現 お客様と歩んだ生成AI内製化への道のり
taka0709
1
150
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
phaya72
24
16k
어떤 개발자가 되고 싶은가?
arawn
1
390
30分でわかる!!『OCI で学ぶクラウドネイティブ実践 X 理論ガイド』
oracle4engineer
PRO
1
110
初海外がre:Inventだった人間の感じたこと
tommy0124
1
180
触れるけど壊れないWordPressの作り方
masakawai
0
630
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.6k
Featured
See All Featured
Thoughts on Productivity
jonyablonski
72
4.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
The Cult of Friendly URLs
andyhume
79
6.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Navigating Team Friction
lara
190
15k
Context Engineering - Making Every Token Count
addyosmani
8
330
Site-Speed That Sticks
csswizardry
13
940
How STYLIGHT went responsive
nonsquared
100
5.9k
A designer walks into a library…
pauljervisheath
209
24k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ #644*/&44Y$3&"5*7& ݁ͼ͚ͭΔͨΊͷϓϩηεͱελϯε
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ ලࢠ 2016 WEB UI UX UI UI ,"8"#"5"",*,0 2
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ 3
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ 4 ू Ί Δ ಈ ͔ ͢ ݁ Ϳ
ू Ί Δ ಈ ͔ ͢ αʔϏεσβΠϯ෦ 69σβΠϯάϧʔϓ
Tips 策 5
6 ·ͱΊ 1. 2. 3.
7 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
Johnny Appleseed 8 m o d e l
9 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭
10 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ #BE$JSDMF ݁Ռ͕ग़ͳ͍ Ұํతͳࢦࣔ ࠷ݶͷߦಈ ड͚ͷࢥߟ
11 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
ؔͷ࣭Λ ্͢Δ͜ͱ 12
13 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
14 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
15 ࣥߦһ ࣥߦһ ࣥߦһ Ϣχοτ ʢԣஅʣ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ
16 ࣥߦһ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ ɾΞϓϦΤϯδχΞ ɾαʔόʔαΠυΤϯδχΞ ɾΤϯδχΞϦʔμʔ ɾΞϓϦσβΠφʔ ɾσβΠϯσΟϨΫλʔ
ɾ69σβΠφʔ άϧʔϓϚωʔδϟʔ "11ϓϩμΫτΦʔφʔ /&8 /&8 /&8 /&8 /&8 /&8 ࣄۀશମͱͯ͠ ԿΛࢦ͍ͯ͠Δͷ͔ʁ ͬͨ͜ͱͳ͍ ਓ͕ͨ͘͞Μ͍Δ…
17 ࣥߦһ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ ɾΞϓϦΤϯδχΞ ɾαʔόʔαΠυΤϯδχΞ ɾΤϯδχΞϦʔμʔ ɾΞϓϦσβΠφʔ ɾσβΠϯσΟϨΫλʔ
ɾ69σβΠφʔ άϧʔϓϚωʔδϟʔ "11ϓϩμΫτΦʔφʔ KickOFF!! /&8 /&8 /&8 /&8 /&8 /&8
18 10 ࣥߦһ σβΠφʔ ΤϯδχΞ 69 Ϣχοτ ˞͜ΕΠϝʔδͰ͢˞ Ϛωʔδϟʔ
19 ্Լࠨӈ͕ͭͳ͕Δ͜ͱΛҙࣝ͠ר͖ࠐΜͰ͍͘ ؔͷ࣭Λ্͢Δ͜ͱ 1. ͬͨ͜ͱͳ͍ ਓ͕ͨ͘͞Μ͍Δ… Ξπ͍ࢥ͍Λୗ͞Εͨʂ ΈΜͳͰඪʹ ͔ͬͯؤுΖ͏ʂ
20 ࣥߦһ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ ɾΞϓϦΤϯδχΞ ɾαʔόʔαΠυΤϯδχΞ ɾΤϯδχΞϦʔμʔ ɾΞϓϦσβΠφʔ ɾσβΠϯσΟϨΫλʔ
ɾ69σβΠφʔ άϧʔϓϚωʔδϟʔ "11ϓϩμΫτΦʔφʔ ͲΜͳࢪࡦΛ ͍ͬͯΔͷ͔ͳ… ͜ͷࢪࡦͷഎܠͬͯ Ͳ͏ͳͬͯΔͷ… ͬͯͲΜͳઃܭ ʹͳͬͯΔͷ…
21 ্Լࠨӈ͕ͭͳ͕Δ͜ͱΛҙࣝ͠ר͖ࠐΜͰ͍͘ ؔͷ࣭Λ্͢Δ͜ͱ 2. Con uence ͲΜͳࢪࡦΛ ͍ͬͯΔͷ͔ͳ… ͜ͷࢪࡦͷഎܠͬͯ Ͳ͏ͳͬͯΔͷ…
ͬͯͲΜͳઃܭ ʹͳͬͯΔͷ… ΈΜͳ͔ͬ͠Γ ߟ͍͍͑ͯͯײ͡ʂ എܠ͕Θ͔͔ͬͨΒ ࢪࡦʹෲམͪʙ ͳΔ΄Ͳʂ ଞʹཱͭใ ॻ͍͓ͯ͘Ͷʂ
22 ্Լࠨӈ͕ͭͳ͕Δ͜ͱΛҙࣝ͠ר͖ࠐΜͰ͍͘
ཱ྆͠ͳ͕Βಈ͚Δ ΈΛ࡞Γग़͢͜ͱ 23
24 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
25 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
26 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠφʔ 10 69
27 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠϯґཔ σβΠϯೲ ͜ͷσβΠϯ࣮ݱ͍͠ʜ ݕ౼͕࣌ؒͳ͍ʜ σβΠφʔ 10 69
28 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠϯґཔ मਖ਼ґཔ ͜ͷσβΠϯ࣮ݱ͍͠ʜ ݕ౼͕࣌ؒͳ͍ʜ मਖ਼ґཔَ͕ʜࢮ͵ʜ ݕ౼࣌ؒͳ͍ʜ ؍࿙ΕͳͲͰ σβΠφʔ 10 69
29 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠϯґཔ मਖ਼ґཔ ͜ͷσβΠϯ࣮ݱ͍͠ʜ ݕ౼͕࣌ؒͳ͍ʜ मਖ਼ґཔَ͕ʜࢮ͵ʜ ݕ౼࣌ؒͳ͍ʜ ؍࿙ΕͳͲͰ ˢ͜͜ʹ͕͋ΔͷͰʜʁ σβΠϯ৬ೳ͋Δਓʹͤͯ ͪΌΜͱ؍Λ௵ͤΔΑ͏ʹ͠Α͏ʂ σβΠφʔ 10 69
30 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
σβΠφʔ 10 69 " σβΠϯ σΟϨΫλʔ ϨϏϡʔ ɾσβΠϯ؍ ີʹ࿈ܞ εςʔΫϗϧμʔΛཧղ
31 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
σβΠφʔ 10 69 " σβΠϯ σΟϨΫλʔ ϨϏϡʔ ɾσβΠϯ؍ ີʹ࿈ܞ εςʔΫϗϧμʔΛཧղ σβΠϯґཔ σβΠϯೲ
32 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
σβΠφʔ 10 69 " σβΠϯ σΟϨΫλʔ ϨϏϡʔ ɾσβΠϯ؍ ີʹ࿈ܞ εςʔΫϗϧμʔΛཧղ σβΠϯґཔ σβΠϯೲ
33 όϥϯεΑ͘ਐΊΔͨΊͷମ੍Λ͑ɺޮతʹਪਐ͢Δ ཱ྆͠ͳ͕Βಈ͚ΔΈΛ࡞Γग़͢͜ͱ 1. " σβΠϯ σΟϨΫλʔ # 10 اը༰ʹ͓͚Δ
Ϗδωε՝ɾఆྔ՝ʹର͢Δ ҙࢥܾఆΛߦ͏ اը༰ʹ͓͚Δ *"ઃܭɾ6*σβΠϯ ҙࢥܾఆΛߦ͏
34 " σβΠϯ σΟϨΫλʔ ✨ # 10 ✨ શ෦ͷҊ݅ΛҰఆͷΫΦϦςΟʹ͢Δ͜ͱͰ͖͚ͨͲɺ ؔձ͕ٞଟ͗͢Δʜ
35 όϥϯεΑ͘ਐΊΔͨΊͷମ੍Λ͑ɺޮతʹਪਐ͢Δ ཱ྆͠ͳ͕Βಈ͚ΔΈΛ࡞Γग़͢͜ͱ 2. / Slack
36 " σβΠϯ σΟϨΫλʔ ✨ # 10 ✨ ग़Δ͖ձٞͱͦ͏Ͱͳ͍ձ͕ٞ໌֬ʂ ࣌ؒ֬อͰ͖ͨʂ
37 όϥϯεΑ͘ਐΊΔͨΊͷମ੍Λ͑ɺޮతʹਪਐ͢Δ
ະདྷʹ͚ͯߦಈͰ͖Δ ελϯεͰ͍Δ͜ͱ 38
39 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
40 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
41 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ ະདྷʹ͚ͯߦಈͰ͖ΔελϯεͰ͍Δ͜ͱɿৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ 1. AB 策 AB
42 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ ະདྷʹ͚ͯߦಈͰ͖ΔελϯεͰ͍Δ͜ͱɿৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ 2.
43 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ ະདྷʹ͚ͯߦಈͰ͖ΔελϯεͰ͍Δ͜ͱɿৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ 2.
44 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ
45
46 ·ͱΊ 1. 2. 3.