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
エンジニアのための UI/UX入門
Search
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Programming
0
90
エンジニアのための UI/UX入門
Combmofにて発表させていただいたスライドです。ITエンジニアのためのUI/UXの解説を行いました。
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Gunma.web #55
tinykitten
PRO
0
200
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
110
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
140
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
42
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
290
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
910
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
ノンデザイナーが 多少マシな見た目の資料を作る方法
tinykitten
PRO
0
200
Other Decks in Programming
See All in Programming
NPOでのDevinの活用
codeforeveryone
0
470
GraphRAGの仕組みまるわかり
tosuri13
8
500
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
160
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
430
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
540
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
620
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
170
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
2
320
ニーリーにおけるプロダクトエンジニア
nealle
0
660
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.4k
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
330
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Cult of Friendly URLs
andyhume
79
6.5k
Documentation Writing (for coders)
carmenintech
72
4.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
For a Future-Friendly Web
brad_frost
179
9.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building an army of robots
kneath
306
45k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Navigating Team Friction
lara
187
15k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Being A Developer After 40
akosma
90
590k
Transcript
Combmof 2018.12.23 @ Supporters Shibuya Of Shibuya Square A, Shibuya,
Tokyo Tsubasa SEKIGUCHI LEA-3645969186565158903 ΤϯδχΞͷͨΊͷ 6*69ೖ UI/UX Design for IT Engineer
TinyKitten @tinykitten8 Freelance Frontend Engineer/Designer
ؔޱཌྷ Tsubasa SEKIGUCHI
σβΠϯͱԿ͔ʁ
۩ମతͳΛղ͖໌͔ͨ͢Ίͷࢥߟɾ֓೦Λ Έཱͯɺ༷ʑͳഔମʹදݱ͢Δ͜ͱɻ
σβΠϯͨͩͷ͓ֆඳ͖Ͱͳ͍ɻ
ͯ͢ͷσβΠϯԾઆͰ͋Δɻ σβΠϯΛݕূ͢ΔͨΊʹ࣮ݧΛ͢ Δɻ
σβΠϯʹత͕͋Δ
None
Πϕϯτʹདྷͯ΄͍͠ ઌਐ͞Λײͯ͡΄͍͠ ܈അͷΠϕϯτͰ͋Δ͜ͱΛͬͯ΄͍͠
ঢ়گʹΑͬͯʮతʯมԽ͠ తʹΑͬͯʮσβΠϯʯมԽ͢Δ
తʹԊͬͨσβΠϯ͕ඞཁ
UI
UI User Interface ϢʔβʔͱιϑτΣΞΛͭͳ͙ ࢹ֮తΠϯλʔϑΣΠε
UX
UX User Experience ιϑτΣΞɺαʔϏεΛͬͨͱ͖ͷ Ϣʔβʔͷମݧ
UX UI ʴ ηοτͰޠΒΕΔ͜ͱ͕ଟ͍
UI Ϣʔβʔ Λతͱ͍ͯ͠Δʁ
UI Ϣʔβʔ Λతͱ͍ͯ͠Δʁ ҧ͍·͢ΑͶ
Ϣʔβʔ Λతͱ͍ͯ͠Δ UX
༏Εͨ6* ༏Εͨ69ͷҰ෦Ͱ͋Δɻ
Ͳ͏͢Ε ༏Εͨ69 Λ࣮ݱͰ͖Δ͔ʁ
Ϣʔβʔͷཱʹཱͭ
Ξϯνύλʔϯ
Ξϯνύλʔϯ ඇͷଧͪॴ͕ͳ͍͘Β͍ Ϋι6*
Ξϯνύλʔϯ ͋͑ͯྻڍ͢Δͱ ͨΒࣦྱ ϑΥʔϜ͕ଟ͗͢Δ ొͷ৭͕ϝΠϯΧϥʔͰͳ͍ Ϧηοτ͕ӈͩͱεϚϗͰ ޡλοϓ͢Δ
Ξϯνύλʔϯͷଓ͖
Ξϯνύλʔϯͷଓ͖
ଟগϚγͳ6*
ଟগϚγͳ6* ͋͑ͯྻڍ͢Δͱ ೖྗ͕࠷খݶ ແବͳ֬ೝ͕ͳ͍ ϦηοτϘλϯ͕ͦͦ ͍Βͳ͍
ଟগϚγͳ6*
ϨΠΞτͷݪଇ
ۙ ྻ ίϯτϥετ ෮
ۙ ใͷޮՌΛࢹ֮Խ͢Δʢݟ͘͢͢Δʣ
None
None
ཁૉ͕͙ͪΌ͙ͪΌʹஔ͞Ε͍ͯΔͨΊɺ ؔ࿈ੑ͕Θ͔Βͳ͍
None
ۙͱ ؔ࿈ཁૉΛ͚ۙͮɺ ͦ͏Ͱͳ͚Ε͢
None
ྻ ཁૉΛ৫తʹߏԽ͢Δʢݟ͘͢͢Δʣ
None
None
None
None
ίϯτϥετ ҟͳΔཁૉͷࠩҟΛڧΊΔʢҙΛҾ͘ʣ
None
ۙͱ ཁૉͱཁૉΛ ໌Β͔ʹҟͳΔܗʹ͢Δ
৭ɾେ͖͞ɾϚʔδϯʹϝϦϋϦ͕͖ͭ ใͷߏ͕Θ͔Γ͘͢ ը໘ͷϨΠΞτʹັྗ͕ੜ·ΕΔ
෮ ϨΠΞτͷݪଇΛ܁Γฦ͢͜ͱ
ܗͷҰ؏ੑ ؙ֯ɺαΠτͰͲͪΒ͔ʹҰ؏ͤ͞Δɻ ࠞࡏ͍͚ͤͯ͞·ͤΜɻ
৭ͷҰ؏ੑ ͓͍߹Θͤ੨ͱܾΊͨΒ੨Λ͍·͠ΐ͏ɻ
͜ͷ̐ݪଇΛकΔͱ Ϛγͳ69 Λ࣮ݱͰ͖Δ
,JUUFO-5ͱ͍͏ΠϕϯτΛ ߴ࡚ͰΓ·͢
None
None
None
None
Combmof 2018.12.23 @ Supporters Shibuya Of Shibuya Square A, Shibuya,
Tokyo Tsubasa SEKIGUCHI LEA-3645969186565158903 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening!