エラー処理のUIデザイン

モバイルアプリのデザインをする上で、ついつい目を覆いがちな「エラー処理」。ここで気にするべき大事なこととは…

Transcript

1. Τϥʔॲཧͷ
   6*σβΠϯ CZ
   5
   .0500," 
   .PCJMF
   "DU
   50,:0
   
   https://mobileact.connpass.com/event/104870/
2. "CPVU
   UIF
   4QFBLFS w 5
   .0500,"
   
   !U@NPUPPLB
   w $3.γεςϜͷίϯαϧɺडୗ։ൃɺӡ༻ɺFUDʜ
   w 8FC͹͔Γ w ඇˑੵۃ࠾༻தʢϦϞʔτɾ୹࣌ؒۈ຿
   ݶఆ࠾༻ʣ
   w .BD
   
   J04
   ΞϓϦ
   झຯ։ൃऀ
   w ࠷ۙ"OESPJE୺຤Λങͬͨʢ(JOHFSCSFBEҎདྷʣ
   w 47(
   
   1%'
   खඳ͖
3. ओͨΔ࣮੷
   ͦͷ̍ "QQ
   4UPSF
   ͰʮಥવͷࢮʯͰݕࡧ
   Ŝŧŕ
4. ओͨΔ࣮੷
   ͦͷ̎ https://booth.pm/ja/items/1049475 ʮ47(खඳ͖ຊʯ ςΩετΤσΟλͱϒϥ΢βͰ
   ॻ͚Δɾඳ͚Δ
   47(
5. ओͨΔ࣮੷
   ͦͷ̏ https://speakerdeck.com/motooka/mobairuapuritogdpr લճࢀՃ࣌ͷ
   ൃද಺༰ ˡ
6. ຊ୊
   Τϥʔॲཧͷ6*σβΠϯ
7. ઌ݄͋ͬͨ൵͍͠ग़དྷࣄ w ๭ΫϨΧձࣾͷJ04ΞϓϦΛىಈ
   w ໊ࣾ΍ΞϓϦ໊͸࠙਌ձʹͯ
   w ىಈͯ͠
   ࣗಈͰϩάΠϯ
   ͢Δ࢓૊Έ
   
   w λΠϜΞ΢τ⏰
   w *%
   
   ύεϫʔυ
   ೖྗը໘ʹҠಈ
8. ύεϫʔυΛ
   ؒҧ͑ͨ༁Ͱ΋ͳ͍ͷʹʁ
   
   
   
   *%
   
   ύεϫʔυ
   ೖྗը໘ʹҠಈ
9. ͡Ό͋ɺͲ͏ͨ͠Β͍͍ͷ w ύεϫʔυ࠶ೖྗͤͣͱ΋ϦτϥΠͰ͖Δ6*
   w ΋͠΋ຊ౰ʹύεϫʔυؒҧ͑ͯͨΒ࠶ೖྗͤ͞Δ6*
   w 8FC͔Βύεϫʔυมߋͨ͠ͱ͖ͱ͔
   w ͦͷͨΊʹ͸❓
   w Τϥʔ❗ͷݪҼ෼ੳ
10. ϩάΠϯΤϥʔͷ
    ܏޲ͱରࡦ
11. ͋Γ͕ͪΤϥʔ
    ͦͷ̍ w ύεϫʔυؒҧ͍
    w ͜Ε͸࠶ೖྗͯ͠΋Β͍·͠ΐ͏
    w *%ؒҧ͍
    w ͜Ε΋࠶ೖྗ
    w ηΩϡϦςΟࣄ৘Ͱɺ18ؒҧ͍ʹॲཧΛ౷߹
    w 8J'J
    P⒎
    
    ඈߦػϞʔυ
    
    ͦͷଞɺ௨৴ೳྗແ͠
    w ʮग़௚͍ͯ͜͠řƄőşŐʯͱ͍͏BMFSUΛදࣔ
12. ͋Γ͕ͪΤϥʔ
    ͦͷ̎ w ి೾͕ݍ֎
    w Ұൠਓ͸ؾ෇͔ͣݍ֎ʹߦ͘ɻ
    w ࢲ΋ͦ͏͍͏৔ॴʹߦ͘ɻ
    w ͔ͩΒ༏͘͠ڭ͑ͯ͋͛Α͏
    w )551ϦΫΤετ͕λΠϜΞ΢τ
    w ͜Ε΍΍͍͔͜͠ΒޙͰ
13. ͋Γ͕ͪΤϥʔ
    ͦͷ̏ w αʔόଆॲཧதʹి࿩ண৴ͨ͠ΓΞϓϦ੾Γସ͑ͨΓ
    w ߟ͑ͨ͘΋ͳ͍
    w αʔόଆॲཧதʹ୺຤ిݯஅ
    w ిݯͳΜ͍ͯͭͰ΋ࢮ͵
    w ࣍ճىಈ࣌ɺద੾ͳεςʔτͰىಈͰ͖Δ͔ͳ0
    w αʔόଆॲཧதʹݍ֎ͳͱ͜Ζ΁
    w ޙड़͢ΔλΠϜΞ΢τͱݟ෼͚͕͔ͭͳ͍
    w ϦτϥΠઓུ͸λΠϜΞ΢τͱಉ͡
14. ϨΞ΋ͷΤϥʔ
    ͦͷ̍ w ໊લղܾͰ
    w λΠϜΞ΢τ
    w %/4తͳΤϥʔ
    w 5$16%1తͳΤϥʔ
    w શ෦ʮճઢࢮΜͰΜͰʯͱݴ͍͍ͨͱ͜Ζ
    w %/4ḉࢮ๢ͬͯ͜ͱ΋͋Δ
15. ϨΞ΋ͷΤϥʔ
    ͦͷ̎ w 5$1*1
    ϋϯυγΣΠΫ
    ໌ࣔతࣦഊʢ5$1
    345ʣ
    w αʔόো֐ͱ͔Ͱ͔͢Ͷ
    w ʮαʔϏεऴྃޙʯͱ͍͏ʢ͈́
    w 5$1*1
    ϋϯυγΣΠΫதͷλΠϜΞ΢τʢແ"$,ʣ
    w ಉ্
    w ϑΝΠΞ΢ΥʔϧͷઃఆϛεͷՄೳੑʜʂ
16. ϨΞ΋ͷΤϥʔ
    ͦͷ̏ w 44-5-4
    ূ໌ॻΤϥʔ
    w .*5.߈ܸ
    w ௨৴ճઢͷ໰୊ͷՄೳੑͩͬͯ͋Δ
    w ʮαʔϏεऴྃޙʯͱ͍͏ʢ͈́
    w ূ໌ॻݕূʹෆ۩߹͋Δͷ͸੬ऑੑ
    w 伴ަ׵ͷλΠϜΞ΢τ
    w ͜Ε͸αʔόো֐ͬΆ͍ΑͶ
    w αʔϏεऴྃޙɺͩͬͨΒԿͰ΋ىͤͦ͜͏͚ͩͲ
17. ϨΞ΋ͷΤϥʔ
    ͦͷ̐ w )551
    3FRVFTU
    ૹग़׬ྃલͷ
    5$1*1
    ੾அ 5$1
    345
    w ʢී௨ͷαʔό࣮૷ͳΒʣ·ͣॲཧͰ͖ͯͳ͍ΑͶ
    w ҋӢʹϦτϥΠͯ͠0,ͬΆ͍
    w )551
    3FTQPOTF
    ड৴։࢝ޙͷ
    5$1*1
    ੾அ
    w গͳ͘ͱ΋
    TUBUVT
    MJOF
    ·Ͱ͸ಡΊΔ͸ͣʜʂ
    w ಉ͡*%18Ͱ࠶ࢼߦ͢΂͖͔൱͔ɺΘ͔ΔΑͶʁ
    w TFTTJPO
    UPLFO
    Λ࠷ޙͷจࣈ·Ͱϩʔυ׬ྃʁ
    ֬ೝʂ
    w ਖ਼ৗऴྃ࣌ͷ݁Ռ͸+40/౳Ͱฦ͢ΑΓ΋
 SFTQPOTF
    IFBEFS
    Ͱฦͨ͠ํ͕ڧ͍ΑͶ
18. ϨΞ΋ͷΤϥʔ
    ͦͷ̑ w σʔλվ͟ΜΛ5-4ͷػߏͰݕ஌
    w େମ.*5.߈ܸ͔ͳ
    w CJUೖΕସΘΓωοτϫʔΫ
    w )551
    ϔομσίʔυࣦഊ
    w αʔόϓϩηε్͕தͰࢮΜͩɺͱ͔ʁ
    w ྲྀੴʹ͜Ε͸ܹϨΞͰ͸ ϔομύέοτͰඈͿͬ͠ΐ
    w )551
    SFTQPOTF
    CPEZ
    H[JQσίʔυࣦഊ
    w ʢ͜ͳ͍ͩ࢓ࣄͰ͜ΕʹϋϚͬͨʣ
    w αʔόϓϩηε్͕தͰࢮΜͩɺͱ͔
19. ϨΞ΋ͷΤϥʔ
    ͦͷ̒ w )551
    
    w αʔϏεऴྃͯ͠Δʁʂ
    w αʔόଆσϓϩΠࣦഊͱ͔ʁ
    w )551
    
    w ૹ৴ͨ͠ύέοτ͕վ͟Μ͞Εͨͱ͔ʁ
    w )551
    YY
    w ͜Ε͸໌֬ʹαʔόো֐ͩͶɻ
    w ϨΞ͚ͩͲ࠶ݱ΋ରॲ΋؆୯
    w ͑ͬɺϨΞ͡Όͳ͍ɺͩͬͯʁʂ
20. Ұ൪΍΍͍͜͠΍ͭ w )551ϦΫΤετૹग़׬ྃޙͷλΠϜΞ΢τ
    w αʔόଆͰ͸ॲཧ͕ਐΜͰΔ͔΋͠Εͳ͍
    w ॲཧ͞Εͯͳ͍͔΋͠Εͳ͍
    w ύεϫʔυؒҧ͑͗͢ϩοΫػߏ͕͋Δ৔߹
    w ϩάΠϯࢼߦ͸ႈ౳ͳॲཧ͡Όͳ͍ʂ
    w ෆ҆ఆͳి೾؀ڥͰҰൃϩοΫͨ͠Βٽ͚Δ
21. ͜Μͳදࣔ
    ௒ΧοίΠΠ w ౰αʔϏε͸ऴ͍ྃͯ͠·͢ɻ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
    w αʔόͷॲཧʹ͕͔͔͍࣌ؒͬͯΔΑ͏Ͱ͢ɻ
    w αʔϏεͰো֐͕ൃੜ͍ͯ͠ΔΑ͏Ͱ͢ɻ
    w ͓࢖͍ͷճઢͰ͸ਖ਼͘͠௨৴Ͱ͖ͳ͍Α͏Ͱ͢ɻ
    ˞ΧοίΠΠͷ͸ద੾ʹग़͠෼͚Ͱ͖ͯΔਓʹݶΔ
 ɹʢදࣔ͢Δ͚ͩͳΒ୭Ͱ΋Ͱ͖Δʣ
22. ·ͱΊ w Τϥʔʹ͸୔ࢁͷछྨ͕͋Δ❤
    w ͦΕͧΕɺϢʔβ͕औΔ΂͖ߦಈ͸ҧ͏͔΋
    w Ϣʔβͷߦಈ͕ҟͳΔ΂͖ͳΒɺσβΠϯ΋ҟͳΔ΂͖
    w ΤϥʔରॲͷσβΠϯͦ͜6*ઃܭͷΩϞ
    w ႈ౳ͳૢ࡞͔൱͔ʁ
    ͸σβΠϯ޻ఔͰॏཁͳ֬ೝࣄ߲
    w ΤϥʔݪҼΛ੾Γ෼͚Ͱ͖ͳ͍ʁ
    w ʮϥΠϒϥϦ
    ΤϥʔݪҼ
    ฦ͞ͳ͍ʯ͸؁͑ w ௿ϨϕϧͳੈքʹજΓࠐ΋͏
    w ͜Ε͚ͩ୔ࢁߟ͑Δ͜ͱ͕͋Δ
    w ઃܭऀ>ɾ։ൃऀ?
    ڞʹߴ͍څ༩ΛٻΊΑ͏
23. ࢀߟจݙ w ϞόΠϧΞϓϦͷΤϥʔʹͲ͏ରॲ͢Δ͔
    w ͍·஻ͬͨ͜ͱͱࣅͨ࿩ʢεϥΠυ࡞ͬͨޙʹؾ෇͍ͨʣ
    https://goodpatch.com/blog/how-to-deal-with-application-error/
    w 4XJGUͷΤϥʔ෼ྨ͕ૉ੖Β͗͢͠ΔͷͰΈΜͳʹ஌ͬͯ΄͍͠ w 4XJGUͷݴޠϨϕϧͰݟͨΤϥʔ෼ྨ
    https://qiita.com/koher/items/a7a12e7e18d2bb7d8c77
    w "MFSUT
    
    7JFXT
    
    J04
    
    )VNBO
    *OUFSGBDF
    (VJEFMJOFT w ੟ॻ
    https://developer.apple.com/design/human-interface-guidelines/ios/views/alerts/
24. ࣭໰౳ ͋Ε͹
25. ׬