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
92
エンジニアのための UI/UX入門
Combmofにて発表させていただいたスライドです。ITエンジニアのためのUI/UXの解説を行いました。
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
Reactで始める リグレッションテスト概論
tinykitten
PRO
0
25
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Gunma.web #55
tinykitten
PRO
0
210
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
120
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
150
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
44
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
290
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
930
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
Other Decks in Programming
See All in Programming
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
240
生成AI時代のコンポーネントライブラリの作り方
touyou
1
300
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.2k
効率的な開発手段として VRTを活用する
ishkawa
1
180
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
150
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
690
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
130
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.7k
Yes, You Can Work on Rails & any other Gem
kaspth
0
110
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
140
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
250
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
Producing Creativity
orderedlist
PRO
346
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Building Applications with DynamoDB
mza
95
6.5k
For a Future-Friendly Web
brad_frost
179
9.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
RailsConf 2023
tenderlove
30
1.2k
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!