Upgrade to Pro — share decks privately, control downloads, hide ads and more …

自己満アプリから脱却するためにした UI改善とは

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for mcz9mm mcz9mm
October 20, 2025
1
1.1k

自己満アプリから脱却するためにした UI改善とは

https://findy.connpass.com/event/370680/

Avatar for mcz9mm

mcz9mm

October 20, 2025
Tweet

More Decks by mcz9mm

See All by mcz9mm
SwiftUI-List-Pagination
Avatar for mcz9mm mcz9mm
2
2.4k
ARKit2.0でAppleが伝えたいアプリ体験を考える
Avatar for mcz9mm mcz9mm
2
1.2k
ゆるく学ぶARKit
Avatar for mcz9mm mcz9mm
3
1.5k
What’s New in ARKit2.0
Avatar for mcz9mm mcz9mm
0
130
徳丸本 ログインフォーム
Avatar for mcz9mm mcz9mm
0
120
arkit+animoji
Avatar for mcz9mm mcz9mm
0
86
徳丸本8
Avatar for mcz9mm mcz9mm
0
130
徳丸最終回
Avatar for mcz9mm mcz9mm
0
90
swift arkit
Avatar for mcz9mm mcz9mm
0
170

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
260
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
160
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
170
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k

Transcript

  1. ࣗݾຬΞϓϦ͔Β୤٫͢ΔͨΊʹͨ͠ UIվળͱ͸ 2025.10.20 @mcz9mm | Kaoru Matarai

  2. ME גࣜձࣾShinonome(6೥໨ʣ ϞόΠϧΤϯδχΞ ɹʢ৽ଔ͸LIFULLͷiOSΤϯδχΞʣ iOS, Android྆ํΛ୲౰ɺ WebσβΠϯपΓ΋΍ͬͨΓͯ͠·͢ ɾझຯɿݸਓ։ൃɺήʔϜ ɾಛٕɿਫӭʢ2ࡀ͔Β20೥ʣ @mcz9mm

    (ຢདྷ ܆ʣ

  3. ࡞͖ͬͯͨΞϓϦʹ͍ͭͯ

  4. ະެ։/࡟আؚΊ15ݸ΄ͲΞϓϦΛ੍࡞

  5. ຊ೔͸ஷۚϝϞʹ͍ͭͯ࿩͠·͢

  6. 10ສϢʔβʔୡ੒ʹ͸ 3~4೥΄Ͳ͔͔Γ·ͨ͠ ʢAndroid/iOS߹ܭʣ

  7. ϦϦʔε౰࣌͸ ࠓͱൺ΂Δͱผ෺ͷΞϓϦͰͨ͠

  8. ॳظ͸ษڧͷ͍ͭͰʹϙʔτϑΥϦΦͳΕ͹ ͱ͍͍ͳͱ͍͏ײ֮Ͱ։ൃ͍ͯ͠·ͨ͠ɻ

  9. ͦΕͰ΋ Ұఆ਺࢖ͬͯ͘ΕΔਓ͕͍ΔͳΒͱࢥ͍ɺ ʮຖ೔࢖ͬͯ΋Β͑Δ΋ͷʯʹҙࣝΛγϑτ UIվળલͷΞΫςΟϒϢʔβʔ਺

  10. ࣮ࡍʹߦͬͨUIվળ

  11. Ϣʔβʔͷ੠Λ൓өͭͭ͠ ̏౓ʹ౉Γେن໛ͳUIͷݟ௚͠Λ࣮ࢪ 1ճ໨ˠ2ճ໨ͷΈίϯηϓτΛม͑ɺ Ҏ߱͸ػೳपΓͷ੔ཧ

  12. λʔήοτΛ࠶ઃఆ ɾஉੑతͳελΠϦογϡUI͔Β ɹঁੑ΋࢖͍΍͍͢നجௐγϯϓϧUI΁ ʮຖ೔࢖͏લఏͷUIʯ͸“໨ཱͨͤͳ͍ɾർΕͳ͍”

  13. ໨ʹർΕͳ͍ͨΊͷΧϥʔͳͲ͸ ͜ͷลΛҙࣝ https://medium.com/design-bootcamp/alternative-colors-for-pure- white-in-ui-ux-design-f861ab5a33d7

  14. ຖ೔࢖ͬͯ΋Β͑ΔUIʹ͢Δ޻෉ ɾϓϥΠϚϦʔΧϥʔ͸എܠશମʹ࢖Θͳ͍ ɾશମ͸നجௐʹ౷Ұ͠Ϙλϯ΍ΞΠίϯͳͲΞΫηϯτ෦෼͚ͩʹ → ओுΛ߇͑Ίʹ͢Δ͜ͱͰ“ຖ೔࢖ͬͯ΋ർΕͳ͍”ը໘Λҙࣝ

  15. ౰࣌͸͜ͷΑ͏ͳϦχϡʔΞϧҊΛߟ͍͕͑ͯͨ ࣮ࡍʹखݩͰϞοΫΛ৮ͬͯΈΔͱ ʮγϯϓϧײ͕ͳ͍ʯʮ৭͕ओு͍͗ͯ͢͠ΔʯͳͲͷ ҹ৅͕ڧ͔ͬͨͷͰ٫Լ

  16. ඪ४UIΛࢀߟʹ ɾόοΫΞοϓը໘͸iOSͷઃఆΞϓϦΛϕʔεʹઃܭ ɾFlutterͰ΋ՄೳͳൣғͰOS࠷దԽΛ࣮ࢪ

  17. ຖ೔ͷه࿥Λߦ͏ը໘͸େ͖͘ߏ੒Λม͑ͣʹ ඍௐ੔ͷΈʹͱͲΊΔɻ Ϣʔβʔ͕ૢ࡞͢ΔϝΠϯ෦෼ͷମݧ͸ม͑ͳ͍ɻ ه࿥ը໘ΛϞʔμϧԽ → ϢʔβʔࠞཚˍϨϏϡʔߥΕ → ݩʹ໭ͨ͠

  18. վળͷ݁Ռ ॳظ ̍ճ໨ϦχϡʔΞϧ ̎ճ໨ϦχϡʔΞϧ ̏ճ໨ϦχϡʔΞϧ

  19. Ξοϓσʔτ௚ޙ͸੕1ධՁ΋෇͕͘ ҰఆظؒͰࢭ·Δ 2→3ճ໨ͷϦχϡʔΞϧ࣌ͷϨϏϡʔਪҠ

  20. ·ͱΊɹʙվળͷώϯτʙ ࣗ෼ͷ৔߹ ɾ࠺΍༑ਓʹ࣮ࡍʹ࢖ͬͯ΋Β͍ɺখ͞ͳҧ࿨ײΛٵ্͍͛Δɻ ɾϦχϡʔΞϧޙͷϨϏϡʔ͸͙͢௚ͣ͞ɺ༷ࢠΛݟͯʮҰաੑ͔ຊ౰ʹ՝୊͔ʯΛ ൑அɻ ɾϨϏϡʔͰॻ͔Ε͍ͯΔ͜ͱ͕Ϣʔβʔͷ૯ҙͱ͸ݶΒͳ͍ɻ ɾίΞػೳ͸҆қʹม͑ͳ͍ɻ ɾେ͖͘ม͑ΔλΠϛϯά͸Ϣʔβʔ਺͕গͳ͍͏ͪʹɻঃʑʹಈ͖͕৻ॏʹͳΔɻ ɾେ௨ΓͷվળΛɻ࢖ΘΕͳ͍ը໘ɾػೳΑΓ΋νϡʔτϦΞϧ΍ϝΠϯͷը໘ͳͲ શһ͕৮ΕΔՕॴΛ༏ઌతʹɻ

    UIվળ͸੠Λरͬͯଈ൓ө͢ΔͷͰ͸ͳ͘ɺ Ϣʔβʔߦಈ × ੠ × ίϯηϓτͷόϥϯεͰܾΊΔ

  21. Thank Youʂ

  22. https://shinonome-inc.notion.site/Shinonome- FY2025-1c855fdfb78d80ddac86d67295616e0b ࠾༻ϖʔδ ITͱڭҭͰੈͷதΛྑ͘͢Δɺ ౦ژཧՊେֶൃͷςΫϊϩδʔΧϯύχʔ σβΠϯ੍࡞ɾHPվमɾγεςϜ։ൃ΍ݚڀ։ൃ·ͰɻҰ؏ͯ͠൐૸͍ͨ͠·͢ɻ