User experience is one of the most important areas to have in consideration when developing Mobile Applications. The ideal scenario is to have a UI/UX expert as part of our team that will address this concern, but what happens if we don't have one? In this talk, we are going to show you some tips on how to improve the UX of your Xamarin Forms App, so that you can deliver a better user experience to your users.

1. Improving the UX of our
Xamarin Forms apps
Charlin Agramonte
&
Rendy Del Rosario

2. Rendy Del Rosario
charlin@crossgeeks.com
@chard003
xamgirl.com
rendy@crossgeeks.com
@rdelrosario
xamboy.com
Charlin Agramonte

3. “User experience (UX) design is the process design teams use to create products that
provide meaningful and relevant experiences to users”.

4. Splash/
Onboarding
Login/Register/
Forms
Profile/
Contact
Loading
General
Internet
Connection

5. Splash/Onboarding

6. C#
Having a Splash Screen is important
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-
interface/splashscreen
Docs Microsoft

7. C#
Having a Splash Screen is important
https://mallibone.com/post/lets-improve-that-
xamarin-forms-startup-experience
Mark Allibone

8. C#
Provide an OnBoarding Screen
https://www.thewissen.io/
simple-good-looking-app-
tutorial/
http://makanda.io/how-to-create-an-
onboarding-ui-with-xamarin-forms/
https://github.com/
felipebaltazar/Xam-
ConcentricOnboarding
Patrick Tshibanda Steven Thewissen Felipe Baltazar

9. Login / Register
/ Forms

10. C#
Use InlineValidations with real-time feedback
https://xamgirl.com/validation-snippets-in-xamarin-forms/

11. C#
UseVisual Constraints
https://docs.microsoft.com/en-us/xamarin/community-toolkit/behaviors/emailvalidationbehavior

12. C#
Provide context to the Fields
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/visual/material-visual

13. C#
Avoid overlapping the keyboard In the Entries
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/layouts/scrollview

14. C#
Provide the right Keyboard
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/text/entry

15. C#
Provide the right numeric keyboard
https://www.thewissen.io/how-to-provide-negative-numeric-input-on-xamarin-forms-ios/
Steven Thewissen

16. C#
Require the correct information in the DatePicker
s
https://benetskyybogdan.medium.com/xamarin-forms-month-and-year-picker-105550772222
Bohdan Benetskyy

17. C#
https://xamgirl.com/step-bar-in-
xamarin-forms/
https://help.syncfusion.com/
xamarin/stepprogressbar/
Divide fields into semantic group
s

18. C#
Provide more information when is necessary
https://www.xamboy.com/2019/03/01/showing-tooltips-in-xamarin-forms/

19. C#
Use AutoFocus
https://iwritecodesometimes.net/2018/06/25/building-a-next-
entry-effect-for-ios-and-android-in-xamarin-forms/
Joe Meyer

20. C#
Hide/Show password
https://xamgirl.com/show-hide-password-using-eventtrigger-in-xamarin-forms/

21. C#
Don’t use Picker for everything
https://docs.microsoft.com/en-us/xamarin/
xamarin-forms/user-interface/pop-ups
https://docs.microsoft.com/en-us/xamarin/
xamarin-forms/user-interface/radiobutton
https://www.sharpnado.com/
sharpnado-tabs-2-0/
Jean Marie

22. C#
OTP Auto-Fill
https://blog.verslu.is/xamarin/xamarin-forms-xamarin/otp-auto-fill-entry-for-ios-with-xamarin-forms/
GeraldVersluis

23. C#
Auto-Login
https://docs.microsoft.com/en-us/xamarin/essentials/secure-storage

24. Profile / Contact
Screens

25. C#
Shortcuts
https://docs.microsoft.com/en-us/xamarin/essentials/

26. C#
Share contact
https://xamgirl.com/contact-sharing-in-xamarin-forms/

27. Loading

28. C#
Native Activity Indicator

29. C#
Syncfusion SfBusyIndicator
https://help.syncfusion.com/xamarin/busy-indicator/overview

30. C#
Lottie
https://xamgirl.com/lottie-animations-step-by-step-in-xamarin-forms/

31. C#
Acr. UserDialogs
https://github.com/aritchie/userdialogs
Allan Ritchie

32. C#
Rg.Plugins.PopUp
https://www.damirscorner.com/blog/posts/20201106-BusyOverlayInXamarinForms.html
Damir Arh

33. C#
StateLayout
https://docs.microsoft.com/en-us/xamarin/community-toolkit/views/statelayout

34. C#
Upload on background

35. Internet connection

36. C#
Handling Internet Connection
https://docs.microsoft.com/en-us/xamarin/essentials/connectivity

37. C#
Internet connection UI
https://xamgirl.com/handling-connection-changes-in-xamarin-forms/

38. C#
Data Cache
https://xamgirl.com/improving-the-ux-of-a-xamarin-forms-application-by-caching-data/

39. C#
Images Cache
https://montemagno.com/xamarinforms-image-caching-in-xaml/
https://github.com/luberda-
molinet/FFImageLoading
https://github.com/
beraybentesen/glide-xamarin-
android
Beray Bentesen
Daniel Luberna
James Montemagno

40. General

41. C#
Alerts
https://askxammy.com/how-to-work-with-advanced-pop-ups-in-xamarin-forms/
Leomaris Reyes

42. 42
C#
Empty States
Samples: https://emptystat.es

43. C#
Handling permissions
More info: https://xamgirl.com/improving-ux-when-requesting-runtime-permissions/

44. C#
Protect sensitive data
https://xamvalentine.com/2020/05/14/blocking-the-multitasking-view-in-xamarin-forms/
Lorenzo Araujo

45. C#
RelativeTime
https://www.xamboy.com/2018/02/15/relative-time-formatting-in-xamarin-forms/

46. C#
UseTouchID/FaceID

47. C#
App Actions
https://docs.microsoft.com/en-us/xamarin/essentials/app-actions

48. C#
Link Preview
https://xamvalentine.com/2020/05/07/links-preview-control-for-xamarin-forms/
Lorenzo Araujo

49. C#
Action feedback
https://xamgirl.com/plug-and-play-animations-in-xamarin-forms/

50. C#
Action feedback ++
https://docs.microsoft.com/en-us/xamarin/essentials/vibrate

51. C#
App links
https://www.xamboy.com/2019/01/08/applinks-in-xamarin-forms/

52. C#
Animations
PageTransitions
Javier Suarez
Plug and play animations
XamGirl
SharedTransitions
Giampolo Gabba Xamarin CommunityToolkit

53. C#
Handle Multi-language
https://xamgirl.com/handle-multilingual-in-xamarin-forms-without-any-plugin/

54. C#
Dark mode
https://www.thewissen.io/going-dark-easily-implementing-dark-mode-in-your-xamarin-forms-app/
Steven Thewissen

55. C#
App Review
https://montemagno.com/asking-for-app-reviews-really-works/
James Montemagno

56. C#
Adaptive UI
https://devblogs.microsoft.com/xamarin/styling-for-multiple-device-resolutions/

57. Where can I learn more
about UX?

58. C#
Xamarin Forms Good Looking UI
https://github.com/jsuarezruiz/xamarin-forms-goodlooking-UI

59. C#
Twitch: Kym Phillpotts
https://kymphillpotts.com/uichallenges

60. C#
Websites to learn

61. C#
Explore UI Kits
https://xamgirl.com/exploring-the-syncfusion-essential-ui-kit/

62. C#
Download Apps

63. charlin@crossgeeks.com
@chard003
xamgirl.com
rendy@crossgeeks.com
@rdelrosario
xamboy.com
Thanks
!
Gracias
!
Merci
!
Danke
!
Bedank!
… :)