[mobile #15]UX Improvements on Flutter Apps Part 5

Slide 1

Slide 1 text

2024.07.23 Kenichi Kambara (@korodroid) Mobileษڧձ#15 UX Improvements on Flutter Apps Part 5

Slide 2

Slide 2 text

About me •Mobile App Development •Speeches (e.g. 16 Int’l/100+ Domestic) •Writings (e.g. 9 Dev Books) •[Of fi cial] Evangelist at NTT TechnoCross •[Private] iplatform.org ਆݪ ݈Ұ (X:@korodroid) NEW NEW

Slide 3

Slide 3 text

Sekaiphone Pro(Flutter/Kotlin/Swift) My App & Motivation

Slide 4

Slide 4 text

Recap: Part 1,2 Operability for Speech Recognition Showing Tutorial Adding a Instruction

Slide 5

Slide 5 text

Recap: Part3,4 Providing Adaptive Layouts for each device Adding useful features without Screens +

Slide 6

Slide 6 text

UX Improvement Examples Part 5

Slide 7

Slide 7 text

Previous Implementations: showing diffs

Slide 8

Slide 8 text

Found additional Issues on showing diffs "OESPJE J04 &OHMJTI +BQBOFTF -BOHVBHF 04

Slide 9

Slide 9 text

Why? Language: English thank you so much we have to go there Android iOS thank thank you thank you so thank you so much thank you so much we thank you so much we have … Flows of Voice Recognition thank thank you thank you so thank you so much thank you so much we thank you so much we have …

Slide 10

Slide 10 text

Language: Japanse ͜Μʹͪ͸ ͜Ε͸ຊͰ͢ ͱͯ΋໘ന͍ຊͰ͢ Android iOS ͜Μʹͪ͸ ͜Μʹͪ͸ ͜Ε͸ຊͰ͢ ͜Μʹͪ͸ ͜Ε͸ຊͰ͢ ͱͯ΋ ͜Μʹͪ͸ ͜Ε͸ຊͰ͢ ͱͯ΋໘ന͍ຊͰ͢ … Flows of Voice Recognition ͜ ͜Μ ͜Μʹ … ͜Μʹͪ͸͜Ε͸ຊͰ͢ … Why?

Slide 11

Slide 11 text

The Cause of this Bug Logic for calculating the difference between speech-recognized text

Slide 12

Slide 12 text

Solution: diff_match_patch https://pub.dev/packages/diff_match_patch

Slide 13

Slide 13 text

Example ͜Ε͸ຊ ͜Ε͸ϑΥϯτ

Slide 14

Slide 14 text

Code Sample

Slide 15

Slide 15 text

Code Sample ͜Ε͸ຊ ͜Ε͸ϑΥϯτ

Slide 16

Slide 16 text

Providing better UX with more consideration Conclusion

Slide 17

Slide 17 text

Please let me know if you have any requests such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi X:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much