Telda

Transcript

1. 💡 Use full-screen mode for a better reading experience and the keyboard arrows for navigation through slides
3. Let’s Get Started 🏁
4. I really like how they start by focusing on the key value proposition of the app with a lot of animation and nice real screen shots from the app and Telda card
5. Click
7. Another nice touch, the keyboard opens automatically getting you ready for typing the phone number and saving one click on the user
8. Click
10. Let’s create our passcode
11. Type
12. Click
14. I really appreciate that they use the same style of username inside the app. This would help users quickly recognize it when they see it later
15. Once you type the username, the @ symbol automatically added to the input field
16. This is the first pitfall in the design so far. This is the last step in the registration process, I would rather have more descriptive wording, something like "Create Account"
17. We are done 🎉
18. Once you register you get directly onboarded on a screen to request Telda Card, makes sense, since the whole Telda business is built based on this card and this is the right time to introduce it
19. Click
20. Type
21. Would prefer to highlight the most popular cities like Cairo and Giza by putting them at the top to ease the process of selection but anyway not a big thing
22. click
23. Type and Click
25. I have been working in fintech for years. Wrong national id photo is one of the most popular issues that block the process of registration. Love the instructions out here ✋
26. Telda is doing well clarifying to users how to upload clear and proper ID photos
27. Click
28. Relying on an ID scanning tool to have the ID automatically scanned. Nice
29. Double confirming the quality of the photo to avoid any potential mistake
30. It's popular to see a high drop-off rate in this step, as in most steps that require document uploading in fintech apps. Being aware of the importance of making it right, saves a lot of potential dropping off users and customer support headache
31. Click
34. I will talk about this step specifically in the discussion section below 💡
35. Click
37. Weeks Weeks Weeks
38. After some waiting time and friend invitations I managed to get in 🎉
39. The screen is well divided into sections and the elements are visually prioritized based on the business priorities and guiding users to the next step
40. The most important section is visually clear and has dominant CTA
41. Let’s send some money
43. Add money
44. Click
45. Let’s type the recipient’s username
46. The username automatically gets called from my contacts list
47. Let’s attach a GIF
48. It’s really nice that users can attach a sticker. This takes the experience from a classic money transfer app to a more joyful and youth experience
49. This is how UX Design should be aligned with the branding. since Telda is meant to be designed for Millennials and Gen Z as mentioned on their LinkedIn page
50. Let’s choose some cool GIF for Omar
51. Click
52. Click
55. Of course, I knew from the beginning that this going to happen. How could I send money if I don't have a money balance
56. So, why would Telda let you go through the whole process if you won't eventually be able to send the money?
57. So, why would Telda let you go through the whole process if you won't eventually be able to send the money? We will discuss the answer of this question in the discussion section below 💡 Spoiler alert: this isn’t a bad thing
58. Click
59. Okay then let’s get our card
61. Here we go. Here is my card
62. The experience of getting the card was quite easy. I was asked to fill out some info and the only document I asked for was my national ID
63. Since, most of the time, Egyptians carry their ID with them, Telda didn't need to mention that users have to bring their IDs with them to receive the card
64. The unboxing experience was quite cool, modern and aligned with their branding and the target audience we mentioned earlier
65. Once you raise the card, this phrase appears. This is pretty cool.
66. Once you raise the card, this phrase appears. This is pretty cool. Following the 7th rule of the heuristics evaluation (Flexibility and efficiency of use), this sentence guides you on what to do next and that's the best placement where this phrase should be written
68. Once you receive your card, the card widget design automatically changes to the ready-for-activation status
69. click
71. To the point
72. Type
74. Type
76. Type
78. Following the 1st rule of the heuristics evaluation (Visibility of system status), This animation here lets you know what is happening
79. After a few minutes, the card design changes to the new step
80. After a few minutes, the card design changes to the new step One of the smartest things about Telda is that they hold you by hand step by step to ease the first time using experience
81. let’s add some money
82. Let’s try Instapay
84. It’s nice to explain the steps of the money-sending process rather than just showing the available options
85. Let’s click here
86. That button takes you to a YouTube video that explains the whole thing
87. I would prefer to add a YouTube icon here to let users know that they are going to be navigated outside the app
88. Click
90. After sending the money from my Instapay account
91. Finally, we have some money
92. Let’s send some money to our old friend Omar
93. Type and send
94. Select
95. Type
96. We talked about how cool this is and how it works with their brand
97. Click
99. When I clicked on the send button here, I thought that was the last step and money going to be sent. That happened because of the inaccurate wording. They should have used “continue” instead
100. Few cool things here
101. 1. The white space here is well used to separate design elements besides giving minimal design tune
102. 2.the most important piece of info is visually prominent
103. 3.This is the right place to display the balance
104. 3.This is the right place to display the balance However I prefer to use better wording like “Current Balance” since the word “Balance” alone might mean user’s balance after or before sending the money
105. Click
106. Type
107. Extra safety (usually central bank regulations)
108. Finally 🎉🎉
109. Omar Right Now
110. In the discussion section below, we will discuss in detail a few things we mentioned in the slideshow. Enjoy reading 🍿