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
201112_stapy.pdf
Search
Akari, Inc.
November 12, 2020
Design
1
530
201112_stapy.pdf
Akari, Inc.
November 12, 2020
Tweet
Share
Other Decks in Design
See All in Design
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.9k
Cyber Heart Online Book
hjnasby
0
130
The Golden Whitney
ohtristanart
PRO
0
560
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
660
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
デザイナーとPMの両ロール_3つのポイント
toy1618
1
340
Kid Cowboy 103
marilutwin
0
270
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
Dark mode : comment rejoindre le côté sombre ?
goetter
1
100
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
470
ポートフォリオ_webデザイナー
nami_webdesigner
0
110
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The Language of Interfaces
destraynor
158
25k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Unsuck your backbone
ammeep
671
58k
Code Review Best Practice
trishagee
69
19k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
970
Transcript
U I / U X https://startpython.connpass.com/ 2020.11.12
https://www.akariinc.com @akariinc FOLLOW OUR DESIGN Σ ϒ σ βΠ
ϯ ʴ Τ ϯ δχΞ Ϧ ϯ ά
2 0 0 6 2 0 0 3 2 0
0 9 2 0 1 2 2 0 1 5 2 0 1 8 2 0 2 1 Ұ ؏ ͯ͠ 6 * σ βΠ ϯ ί Ξό Ϧ ϡ ʔ 6*σβΠϯɾΠϯλϥΫγϣϯɾΞχϝʔγϣϯ σδλϧαΠωʔδɾ$(ɾ"3 ใσβΠϯɾϞόΠϧΞϓϦ ࣈນ༁ͷΞϓϦέʔγϣϯ Ϋϥυαʔόʔ 6*69ɾϢʔβϏϦςΟ өըͷڅ #Stapy ΣϒϓϥοτϑΥʔϜ ιϦϡʔγϣϯ ϚʔέςΟϯά SAAS
ࠓͷ4UBQZͷςʔϚ6*69 ϓϩμΫτͷ σβΠϯͷ
ΣϒϓϥοτϑΥʔϜ ͕ɺ͙࢝͢ΊΒΕΔΩοτͷΑ͏ͳϓϩμΫτʂ 8*9 4RVBSF4QBDF ࢲ͕ͨͪ࡞͍ͬͯΔͷ
·ͩ·ͩιϦϡʔγϣϯԽʹ͚ͯ֨ಆத
ݕࡧΤϯδϯ αδΣετ͖ݕࡧ૭ Ϣʔβʔͷ"VUIɺϚΠϖʔδ 6*ͱίϯςϯπͷࠃࡍԽ ಈը৴ͷΤϯίʔυͱ࠶ੜɺ՝ۚ )5.-."*- ϨϯμϦϯάύϑΥʔϚϯε 63-ͱ)5.-ͷਖ਼نԽ ϦΞϧλΠϜνϟοτ ΠϕϯτΧϨϯμʔεέδϡʔϧཧ
ը૾Ξηοτͷอଘɺ৴ɺಡΈࠐΈ࠷దԽ 6*ґଘͷߴ͍ػೳΛόϯυϧ
None
Content Management < UX & Information Management HTML Delivery Deploy
/ Build tools ઃܭ
σβΠϯใΛͯ͠ ΤϯδχΞϦϯά 6*69ΛใԽ 4FNBOUJDͳίϯςϯπͷใ )5.-༏Εͨใͷ֨ೲݿ͕ͩ ͓͖࣋ͬͯ͘ใͬͱͨ͘͞Μ͋Δɻ &Y ଐੑɺΈ߹ΘͤɺϝλใɺٯҾ͖Մೳͳλάʜ σβΠϯ͕࣋ͭใͷอ σβΠϯతͳҙຯɺϨΠΞτɺελΠϧɺը૾ɺૢ࡞ʜ
69ػೳ͔ΒͨΒ͞ΕΔ෭࣍తใ ϩάใίϯςϯπͷใ͔Βੜͨ͠"1*͕ ؼؐͯ͠6*69ʹػೳΛ༩͑Δ
4&0ɺϢʔβʔϏϦςΟ ֎෦ϝσΟΞͷ࠷దԽʜ ˠ5FDIOJDBM4&0 URLͱHTMLͷਖ਼نԽ
ϏϧυπʔϧσϓϩΠπʔϧͰ Ԡ༻ྗΛ୲อ͢Δ ΞϓϦέʔγϣϯΛ၆ᛌతʹ ΤϯδχΞϦϯά Be Full Stack
ϊϯίʔσΟϯάͳσβΠϯϚωδϝϯτ ϖʔδϩʔυɺϨϯμϦϯάͷߴԽ ίϯςϯπͷࠃࡍԽ 3&45"1* ը૾ͷμΠφϛοΫͳ࠷దԽ ϝʔϧϚΨδϯΤσΟλʔ ใςϯϓϨʔτͷ࡞ػೳ (PPHMFϚοϓ࿈ܞ ετϦʔϛϯάಈը ߏԽϚʔΫΞοϓରԠ
".1ରԠ αΠτϚοϓࣗಈੜ 63-มߋཤྺͷݕ CONTENT MANAGEMENT 6*69ϨϯμϦϯάఔͷ ιϦϡʔγϣϯԽʹΑ࣮ͬͯݱͨ͠ػೳ ଞʹ͍Ζ͍Ζ SEO ֎෦ϝσΟΞ࿈ܞػೳ "1*࿈ܞ 344ग़ྗ REST API ෳਓͰͷಉ࣌ฤू ެ։ɾߋ৽ཧ ֎෦ؔऀ͚ϓϨϏϡʔ Ϣʔβʔݖݶઃఆ Ϣʔβʔૢ࡞ϩάอଘ ϦϏδϣϯ ݴޠઃఆ
Α͘ߟ͑ΒΕͨ6*69Λ ͬͱۙʹಧ͚ΔͨΊͷࢼΈΛ σβΠφʔͱΤϯδχΞͰࢼߦࡨޡ͖ͯ͠·͕ͨ͠ ָ͍͍ͯ͘͢͠ϓϩμΫτΛಧ͚͍ͨͱࢥ͍·͢ ଓ͖ΣϒͰʂ ϓϩμΫτ·ͱΊ
ͪΐͬͱՃ
։ൃऀͱٿ൫6*Λࢼ࡞ͯ͠Έͨʂ ˞ʮબखʯͱ͍͏σʔλΛѻͬͯใΛΈཱͯΔσϞͰ͢ɻ ɹσβΠϯ·ͩΤϯδχΞʹΑΔࢼ࡞ͳͷͰ؇Ίʹݟ͍ͯͩ͘͞ɻ
Schema.org Media / SNS / Google / API ͓ͪΌΜͰߋ৽Ͱ͖ͯݟ্͍͢ʹ ใ࠷దԽͷ্ɺ֦ࢄ͞ΕΔγεςϜͰ͖͍ͯΔʂ
͋ͱ࠲੮༧ΦϯϥΠϯࢹௌͳͲ ϏδωεχʔζΛຬͨ͢ͷΈͳͷ͔ʁʂ ΑΓྑ͍ϢʔβʔΤΫεϖϦΤϯεΛࢦ͠·͢ ˞εϙʔπϝσΟΞؔऀɾٿஂؔऀͷ͔ͨ
4UBQZͰ6*69ͷճ ΤϯδχΞϦϯάͷਚ͖ͳ͍͚ΕͲ σβΠϯʹ͍ͭͯ
ͪͳΈʹ ΞϝϦΧ
None
Product Manager Product Designer UX Lead UX Designer χʔζ͕͋ΔϙδγϣϯͳͷͰͨ͘͞Μͷਓ͕ 691SPEVDUͷݞॻ͖Ͱͨ͠
ΤϯδχΞͱಉ͘͡बۀਓޱ૿Ճத
Graphic Design Information Design Motion Graphics … ࣮ࡍଟ͘ͷਓ͕σβΠφʔͷ όοΫάϥϯυΛ͔࣋ͭಠֶ
Design System User Test Design Research CI/CD
՝ͷ໌֬Խ ՝ղܾ ˠϏδϡΞϧίϯηϓτͷ࡞ͱ߹ҙ ॴݟ Designer ≒ Data Scientist ≒ Sales
Marketing ≒ …
σβΠϯͷັྗͷҰͭ ରͷதͰతΛ໌֬ʹ͠ͳ͕Β ϏδϡΞϧίϯηϓτʹͨͲΓண͘͜ͱ σβΠϯΛґཔ͢Δଆ͔Βݟͯ πʔϧख๏͍Ζ͍Ζ
Q&A Moodboard StyleScape Deadline ՝Λഎෛ͏ਓΛؚΊͨෳਓͷର ेʹࠜڌ͋ΔσβΠϯΛಋ͚Δ ˞εϙʔπͱಉ͡Ͱ্Լؔෆཁ ࣮ମݧͱͯ͠
ΈͯΈΑ͏ʂ DESIGN!
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
!
ʢσβΠϯΛΈΜͳʹקΊͯऴ͑Δʣ