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
60
エンジニアのための UI/UX入門
Combmofにて発表させていただいたスライドです。ITエンジニアのためのUI/UXの解説を行いました。
Tsubasa SEKIGUCHI
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
0
130
Rustとtonicで始める gRPC再入門
tinykitten
0
300
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
0
180
ノンデザイナーが 多少マシな見た目の資料を作る方法
tinykitten
0
150
はじめての GitHub Actionsアクション開発
tinykitten
0
87
UI/UXをないがしろにしない「きもちのいい」Webサービスの作り方
tinykitten
0
79
React Nativeではじめる ハイパフォーマンス スマホアプリ開発
tinykitten
0
79
Jōtaiではじめる 超軽量 React.jsステート管理
tinykitten
0
67
Flutterで始めるフロントエンド再入門
tinykitten
0
160
Other Decks in Programming
See All in Programming
障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29
polamjag
0
250
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
850
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
Java 22 Overview
kishida
1
190
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
Goのエラースタックトレースの歴史と今後
sonatard
9
1.6k
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
200
Let's learn code review
riofujimon
2
530
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
見た目から始める生産性向上
ikumatadokoro
8
980
Featured
See All Featured
Fireside Chat
paigeccino
21
2.6k
GraphQLとの向き合い方2022年版
quramy
32
12k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
How to train your dragon (web standard)
notwaldorf
73
5.2k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Code Review Best Practice
trishagee
55
15k
A Philosophy of Restraint
colly
197
16k
Six Lessons from altMBA
skipperchong
21
3k
Code Reviewing Like a Champion
maltzj
514
39k
How to name files
jennybc
65
93k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
BBQ
matthewcrist
80
8.8k
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!