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
デザイナがエンジニアの 知識を持つこと
Search
Shoko Terajima
December 12, 2020
Design
2
1.2k
デザイナがエンジニアの 知識を持つこと
デザイナがエンジニアの知識を持つとどんな感じかを話したスライドです。
Shoko Terajima
December 12, 2020
Tweet
Share
More Decks by Shoko Terajima
See All by Shoko Terajima
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
shokolateday
4
9.1k
我が家に変化をもたらしたこどもの本 #meetup_kb
shokolateday
2
340
おうちミートアップ
shokolateday
0
1.2k
REST必要条件を簡単にさっくりと 超入門編
shokolateday
1
700
Rubyが私にくれたもの
shokolateday
4
1.4k
Other Decks in Design
See All in Design
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
8
6.5k
Design for disaster preparedness
norinity1103
0
120
AIイラスト生成・編集テクニック紹介
piyo7
2
160
複業クラウド Brand Guidelines
designdoor
0
110
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
200
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.4k
ホワイト化するこの世界の片隅に
hisayosky
0
190
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.4k
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
320
アクセシビリティのはじめかた デザイナー編
tokimari
2
750
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
5
920
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
340
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
325
21k
Writing Fast Ruby
sferik
623
60k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
The Cult of Friendly URLs
andyhume
75
5.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Typedesign – Prime Four
hannesfritz
37
2.2k
Thoughts on Productivity
jonyablonski
64
4.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
The Mythical Team-Month
searls
217
43k
The Invisible Customer
myddelton
117
13k
KATA
mclloyd
20
13k
Transcript
σβΠφ͕ΤϯδχΞͷ ࣝΛ࣋ͭ͜ͱ !TIPLPMBUFEBZ 3BJMT(JSMT(BUIFSJOH+BQBO
!TIPLPMBUFEBZ #FUXFFO&OHJOFFSBOE%FTJHOFS .PUIFSPGUISFFDIJMESFO
ͭͷΧϧςͷσβΠϯΛ ୲͍ͯ͠·͢
º ͭͷΧϧςͷσβΠϯΛ ୲͍ͯ͠·͢
3BJMT(JSMTͱͷؔΘΓ
TU UI UI (JSMTͱͯ͠ࢀՃ ϩΰ࡞ɺελοϑͱͯ͠ࢀՃ ΦʔΨφΠβʔͱͯ͠ࢀՃ .PSFʹࢀՃ ͜͜Βลͷظؒग़࢈Ҏ֎օۈͷͣɾɾ
͓·͚ϩΰ࡞ཪ σβΠφͷํʹߦ͔͘ ໎ͬͯͨࠒʹ ࣗͷ՝ͱͯ͠࡞ (JSM 3VCZ ౦ژӺ
ຊ σβΠφ͕ΤϯδχΞͷ ࣝΛ࣋ͭͱ͍͏͜ͱ
։࠵ใ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ 3BJMT(JSMTͷࢀՃऀ
։࠵ใ ΤϯδχΞ αΠτ ๚ऀ ϑΥϩϫʔ 5- ։࠵اۀ ͷࣾһ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ
3BJMT(JSMTͷࢀՃऀ
։࠵ใ ΤϯδχΞ αΠτ ๚ऀ ϑΥϩϫʔ 5- ։࠵اۀ ͷࣾһ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ
ಉ྅ ༑ਓɾ ϑΥϩϫʔ Ոɾ࿀ਓ 3BJMT(JSMTͷࢀՃऀ
։࠵ใ ΤϯδχΞ αΠτ ๚ऀ ϑΥϩϫʔ 5- ։࠵اۀ ͷࣾһ ˞༧Ͱ͋Γਖ਼ࣜͳσʔλͰ͋Γ·ͤΜ
ಉ྅ ༑ਓɾ ϑΥϩϫʔ Ոɾ࿀ਓ 3BJMT(JSMTͷࢀՃऀ ಉ྅ ಛʹσβΠφ͕ ଟ͍ҹ
3BJMT(JSMTΤϯδχΞʹͳΔ͚ͩͰͳ͘ɺ ΤϯδχΞࣝΛʹ͚ͭͨ σβΠφʹͳΔͨΊʹྑͦ͞͏
TU UI UI σβΠφͱͯ͠δϣϒνΣϯδ อकαϙʔτɾϚωδϝϯτۀ ࣾ ࣾ σβΠφͱͯ͠స৬ ࣾ ϑϩϯτΤϯδχΞͱͯ͠స৬
3BJMT(JSMTʹѹతײँ
8FCϩΰɺҹσβΠϯ ͏ਓͷσβΠφ͞Μʹ͓ͤ ϩΰ 8FCαΠτ όφʔ ҹ ηϯε͕͋ͬͯΠϥετ্खͳ !0#*@EFTV͞Μ͕୲ͯ͘͠ΕΔ ͋ͱ:PV5VCFͱ͔ ϓϨθϯࢿྉͱ͔ɾɾ
ࣗ։ൃαʔϏεͷσβΠϯΛ୲ ϓϩτλΠϓ࡞Ҏ֎ΤϯδχΞͱҰॹʹ։ൃ
ࣗͷࣄͷྲྀΕ ώΞϦϯά σβΠϯΛ࢝Ίͨॳ
ࣗͷࣄͷྲྀΕ ώΞϦϯά ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ
ࣗͷࣄͷྲྀΕ ώΞϦϯά ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ΤϯδχΞ ࣮
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ΤϯδχΞ ࣮
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ͜͜ͷԟ෮ ͕ଟ͔ͬͨ ΤϯδχΞ ࣮
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ͜͜ͷԟ෮ ͕ଟ͔ͬͨ ΤϯδχΞ ࣮
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ݱࡏ
ࣗͷࣄͷྲྀΕ ώΞϦϯά ֬ೝ ϓϩτλΠϓ ࡞ σβΠϯΛ࢝Ίͨॳ ͜͜ͷԟ෮ ͕ଟ͔ͬͨ ΤϯδχΞ ࣮
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ݱࡏ ࣗͰ Δ͜ͱʹ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ
༷ͷચ͍ग़ָ͕͠ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ طଘͷ༷ JGจͳͲ ͳͲίʔυΛಡΊ
Θ͔ΔͷͰࣄલڞ༗গͳΊͰࡁΉ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ ༷ͷચ͍ग़ָ͕͠ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ طଘͷ༷ JGจͳͲ ͳͲίʔυΛಡΊ
Θ͔ΔͷͰࣄલڞ༗গͳΊͰࡁΉ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ ༷ͷચ͍ग़ָ͕͠ ύϑΥʔϚϯε࣮ίετΛߟ͑ͨҊΛෳग़͢ Α͏ʹ͍ͯ͠Δ ίετͷߟָྀ͕ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ طଘͷ༷ JGจͳͲ ͳͲίʔυΛಡΊ
Θ͔ΔͷͰࣄલڞ༗গͳΊͰࡁΉ ͋ΒΏΔύλʔϯΛચ͍ग़͠Εͳͯ͘ େମޙͰͳΜͱ͔ͳΔɻ औΓ͜΅͋͠ΔલఏͰਐΊΔɻ ༷ͷચ͍ग़ָ͕͠ ύϑΥʔϚϯε࣮ίετΛߟ͑ͨҊΛෳग़͢ Α͏ʹ͍ͯ͠Δ ίετͷߟָྀ͕ ༨നͳͲ࣮Ͱ͑ͨΒ͍͍ͷͰɺϥϑͳͷͰ 0,ͱ͍ͯ͠Δɻ ࡞ͷखؒɺ࣌ؒͷॖʹͳ͍ͬͯΔ ϓϩτ࡞ָ͕ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ σβΠϯͪ͜ΒͰΔͷͰɺػೳͷΈ࣮͘ΕͨΒ ྑ͍Ͱ͢ ػೳ͕͋Ε͍͍ ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ ϓϩτλΠϓ
࡞
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ σβΠϯͪ͜ΒͰΔͷͰɺػೳͷΈ࣮͘ΕͨΒ ྑ͍Ͱ͢ ػೳ͕͋Ε͍͍ ڞ༗ϒϥϯνஔ͍ͯ͘Ε͍ͯͨΒɺ͋ͱͪ͜ΒͰ ϒϥϯν͕͋Ε͍͍
ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ ϓϩτλΠϓ ࡞
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ σβΠϯͪ͜ΒͰΔͷͰɺػೳͷΈ࣮͘ΕͨΒ ྑ͍Ͱ͢ ػೳ͕͋Ε͍͍ ڞ༗ϒϥϯνஔ͍ͯ͘Ε͍ͯͨΒɺ͋ͱͪ͜ΒͰ ϒϥϯν͕͋Ε͍͍
ձͰࠔͬͯΔ༷ࢠ͋Μ·Γͳ͍ ؾ͕͢Δ ձָ͕ ʹͳͬͯΔͱ͍͍ͳ ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ ϓϩτλΠϓ ࡞
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ࢥͬͨΜͱͪΌ͏͕݅औΓ͜΅͞Ε͍ͯͨ ಈ͖͕ඞཁΘ͔Γʹ͍͘Ϩεϙϯγϒ ্هఆͳͷͰՃमਖ਼ͨ͠Β(JU)VCͷ%SBGUͰ
֬ೝͯ͠Β͏ɻ Өڹൣғ ר͖ࠐΉਓ ͕খͯ͘͞ࡁΉ يಓमਖ਼ָ͕ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ώΞϦϯά ΤϯδχΞ ࣮ σβΠϯ ࣮ ϓϩτλΠϓ ࡞ ࢥͬͨΜͱͪΌ͏͕݅औΓ͜΅͞Ε͍ͯͨ ಈ͖͕ඞཁΘ͔Γʹ͍͘Ϩεϙϯγϒ ্هఆͳͷͰՃमਖ਼ͨ͠Β(JU)VCͷ%SBGUͰ
֬ೝͯ͠Β͏ɻ Өڹൣғ ר͖ࠐΉਓ ͕খͯ͘͞ࡁΉ يಓमਖ਼ָ͕ ָ࣮͕ ָɾɾɾʁ ࣗͷΠϝʔδ௨ΓʹͳΔ ʹΑͬͯ9EΑΓίʔυͰ͑ΔΑΓָ ͍ܰͷͳΒΤϯδχΞͷखΛआΓΔඞཁ͕ͳ͍ ΤϯδχΞ͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ
ΤϯδχΞ σβΠφ σβΠφ͕ΤϯδχΞͷࣝΛ࣋ͭͱ ࣗͱ͓ޓָ͍͕
͜͜ͷ໘ੵΛ૿͢ ΤϯδχΞ σβΠφ σβΠφ͕ΤϯδχΞͷࣝΛ࣋ͭͱ ࣗͱ͓ޓָ͍͕
͜͜ͷ໘ੵΛ૿͢ ΤϯδχΞ σβΠφ ଞͷ৬छ Ӧۀਓࣄ Ͱݴ͑Δ͜ͱ σβΠφ͕ΤϯδχΞͷࣝΛ࣋ͭͱ ࣗͱ͓ޓָ͍͕
ͪͳΈʹσϝϦοτ͋Δ ࢲͷ߹ ࣮ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍
ͪͳΈʹσϝϦοτ͋Δ ࢲͷ߹ ࣮ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ
ͪͳΈʹσϝϦοτ͋Δ ࢲͷ߹ ࣮ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*ಈ͖Λආ͚͕ͪɻ ͦΕΛଓ͚ͨͨΊɺϦονͳͷ͕ු͔ͳ͍ ։ൃ߹Ϣʔβʹؔͳ͍ͱࢥ͍ͭͭɺ͍ͭͦͷ߹Λ ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ વ͚ͩͲɺͲͪΒͷษڧ͠ଓ͚Δ͜ͱʹͳΔͷͰେม σβΠϯΛઐʹຏ͍͍ͯͬͨਓʹશ͘ఢΘͳ͍ ࣗ։ൃ͕͖͔ͩΒ྆ํ͍ͬͯΔ͚ͩɻ σβΠφίʔυΛॻ͖͘ʂΈ͍ͨͳਪҙݟͰ͋Γ·ͤΜ
͋Γ͕ͱ͏͍͟͝·ͨ͠