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
Echoes Boomerang
artcloudyu
PRO
0
240
minpaku-community-scrum-patterns
norinity1103
1
120
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
510
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
130
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
160
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
Cards | Storyboards
giofortuna_story
0
340
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
380
Liquid Iron
mcduckyart
1
110
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.9k
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.6k
The Invisible Side of Design
smashingmag
300
51k
Faster Mobile Websites
deanohume
307
31k
Docker and Python
trallard
44
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Agile that works and the tools we love
rasmusluckow
329
21k
How to Ace a Technical Interview
jacobian
277
23k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fireside Chat
paigeccino
37
3.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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
!
ʢσβΠϯΛΈΜͳʹקΊͯऴ͑Δʣ