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
December 05, 2022
Programming
0
100
エンジニアのための UI/UX入門
Combmofにて発表させていただいたスライドです。ITエンジニアのためのUI/UXの解説を行いました。
Tsubasa SEKIGUCHI
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
今日から使える AI駆動開発のすゝめ
tinykitten
1
68
Reactで始める リグレッションテスト概論
tinykitten
0
42
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.3k
Gunma.web #55
tinykitten
0
240
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
0
130
AWS/GCPで始める 生成AI入門
tinykitten
0
160
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
0
50
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
0
300
Rustとtonicで始める gRPC再入門
tinykitten
0
1k
Other Decks in Programming
See All in Programming
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
350
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.1k
ソフトウェア設計の実践的な考え方
masuda220
PRO
3
500
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
610
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
450
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
190
CSC305 Lecture 04
javiergs
PRO
0
260
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
200
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
500
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
650
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
開発生産性を上げるための生成AI活用術
starfish719
1
200
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Building Adaptive Systems
keathley
43
2.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Typedesign – Prime Four
hannesfritz
42
2.8k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Making Projects Easy
brettharned
119
6.4k
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!