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
FFTT #359 UIとUXの関係
Search
kysn
June 14, 2019
Design
2
670
FFTT #359 UIとUXの関係
株式会社フィードフォースの社内勉強会で使用した資料です。
kysn
June 14, 2019
Tweet
Share
More Decks by kysn
See All by kysn
FF14のすゝめ
kysnrm
0
150
Canvas 2D + Vue.js で作るインタラクションコントローラー
kysnrm
1
1.9k
「デザイナー数名」から「デザインチーム」になるために
kysnrm
4
1.5k
写真を PNG で上げるな
kysnrm
0
380
Other Decks in Design
See All in Design
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
4
2.2k
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
3D空間を扱うUI表現とユーザビリティ
akinen
0
460
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
420
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.4k
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
190
Designship 2023|想いを可視化するデザインの力
weddingpark
0
250
B/43プラスカードができるまで
putchomsmartbank
0
480
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
実案件でのFigmaデータの作り方
xxxkinu
2
230
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
250
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
26
5.8k
The Cult of Friendly URLs
andyhume
74
5.7k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
What's in a price? How to price your products and services
michaelherold
238
11k
Atom: Resistance is Futile
akmur
260
25k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
222
21k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
Docker and Python
trallard
35
2.7k
Writing Fast Ruby
sferik
622
60k
Done Done
chrislema
178
15k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Transcript
UI UX 2019.06.14 FFTT #359 The Relationship between UI and
UX ͱ ͷؔ
Ԭྎଠ Designer@EC Booster σβΠϯࣄॴۈɻ ອըͷϩΰͱ͔ࡶࢽͷهࣄϖʔδ࡞ͬͨΓɺࡶ༻ͨ͠Γɻ ອըͷσβΠφʔ ࣄۀձࣾۈɻ ອըͷσβΠϯΔ͕ͣؾ͚ͮΞϓϦͷσβΠϯɻ ອը +
ອըΞϓϦͷσβΠφʔ 2018.08 Feedforce ೖࣾɻ EC Booster ͷ͋Ε͜ΕΛσβΠϯ͢Δਓɻ SaaS ͷσβΠφʔ Now
ࠓ͢Δ UI ͱ UX ͷҧ͍ UI ͱ UX ͷؔ Ԭͷղऍ
͠ͳ͍ ྑ͍ UI Λ࡞Δํ๏ ྑ͍ UX Λ࡞Δํ๏ ͱͯਖ਼֬ͳ
UI/UX Α͘ݟ͔͚Δදه
None
ͦͦ UI ͱ User Interface ϢʔβʔͱγεςϜͷ CUI GUI VUI etc...
ݱࡏେମͷ߹ GUI Λࢦ͢
User eXperience γεςϜΛ௨ͨ͡ܦݧ γεςϜࣗମʹ৮Ε͍ͯͳ͍࣌แׅ͍ͯ͠Δ ͦͦ UX ͱ
UI ͱ UX ͷྺ࢙
1970s ύϩΞϧ τݚڀॴͰఆ Dynabook ੜ 1983 Apple ͕ Lisa Λൃചʢॳͷ
GUI ڥͷ PCʣ 1984 Apple ͕ॳ Macintosh Λൃച 1990s Apple ͕ Don Noman ͍Δ User Experience Architect's Office Λઃ ʢ͓ͦΒ͘ॳΊͯ User Experience ͱ͍͏୯ޠ͕ొʣ ఆ Dynabook ͷεΫϦʔϯγϣ ο τ The Smalltalk-76 Programming System Design and Implementation
Mac OS8 άϥϑΟΧϧ Ϣʔβ ΠϯλϑΣʔε͕Ұൠతʹͳͬͨ ࠓɺ͞Βʹ͍͘͢ɺਓͱίϯϐϡʔλ͕ࣗવʹ͖ͭ ͋͑ΔΑ͏ʹɺΞοϓϧ͕औΓೖΕͨͷ͕ʮϢʔβ Τ ΫεϖϦΤϯεʯ ɻ
ͦΕʮάϥϑΟΧϧ Ϣʔβ ΠϯλϑΣʔεʯΛ͞Β ʹҰาਐΊͨߟ͑ํɻ͍͍͚ͨͩͩ͢Ͱͳ͘ɺ Ϣʔ β͕ίϯϐϡʔλͷલʹ࠱ͬͯա࣌ؒ͢͝ΛΑΓΑ͍ ͷʹ͠Α͏ͱ͍͏ɺҰาਐΜͩൃɻ Mac OS8 ຊޠϦʔϑϨο τΑΓ
ݩʑ UI ͷԆઢ্ʹ UX ͕͋ͬͨʜʜʁ
None
UX നॻ
UX നॻͱ 2010 9 ݄ 15 ʙ 18 ʹ
υΠπͷ Dagstul ͰߦΘΕͨ UX ηϛφʔͷՌΛ·ͱΊͨͷͰ͢ɻ ༷ʑͳղऍͰޠΒΕ͍ͯͨ UX ʹ͍ͭͯɺ ڞ௨ͷೝࣝΛܗ͘͢ɺઐՈʢݚڀऀɺ࣮Ոʣ30 ໊͕ ʮUX ͷ֓೦ʯʹ͍ͭͯٞ͠·ͨ͠ɻ ˙ެ։ࢿྉ - hcdvalue ʢhttp://site.hcdvalue.org/docsʣΑΓ
UX ͷظؒ ༧ظత UX ར༻લ ར༻த ར༻ޙ ར༻࣌ؒશମ ମݧΛ૾͢Δ Ұ࣌త
UX ମݧ͢Δ Τϐιʔ υత UX ͋ΔମݧΛ ল͢Δ ྦྷੵత UX ଟछଟ༷ͳ ར༻ظؒΛ ল͢Δ
UX ͷظؒ ྦྷੵత UX Τϐιʔ υత UX Ұ࣌త UX
Ұ࣌త UX ΠϯλϥΫγϣϯதʹײ͡Δ ײͷಛఆͷมԽ
UI ͱҰ࣌త UX ͷ ҰཁૉͰ͋Δͱݴ͑Δ
UX UI ࣾձతͳจ຺ ଞͷϢʔβʔ ଞͷγεςϜ ڥ γεςϜ ΠϯλϥΫγϣϯ Ϣʔβʔ
Ұํ
ֵ৽తͳ UI ͕ ৽͍͠ UX Λ࡞Δ͜ͱ
Twitter λΠϜϥΠϯͱ͍͏ UI ͕ ৽͍͠ SNS ͷମݧΛ࡞ͬͨ
GUI CUIˠGUI ͱ͍͏มԽ ίϯϐϡʔλʔͷମݧΛ Ұมͤͨ͞
·ͱΊ
·ͱΊ UI ͱ UX ͷҰ෦ͷͦͷ·ͨҰཁૉͰ͋Δ ͪΖΜ UI ͕ UX ʹٴ΅͢Өڹେ͖͍
ֵ৽తͳ UI UX ΛҰมͤ͞Δ͜ͱ
͓͠·͍