Supercharging user onboarding; Building with social logins and smart wallet - Ayomitan Pamilerin

please help me welcome aan P pamer please a round of applause for him please all right so while this is coming up um I just want to quickly do a quick survey as to how many developers that we have here um front end smart contract um just um signify all right thank you very much um I think this is taking a little bit of time so yeah um how many of us have metamask how many of us all right cool I think pretty much everybody we all have metam mask wallet okay so um did we actually find the experience um seamless um as a firsttime user did we find it seamless um no why um can anybody tell me why sorry switching of what network okay that's one um another person any other Boton neck pass so um for a first time user when you actually come on board um you get to download metamask and um there is a problem of having to write down your seat phrase and you have to um be in charge of managing this seat phas yourself am I correct I mean that's the experience everybody actually have and it's kind of really really um a friction because take for instance web theory is for everyone right and um we want to pretty much onboard mainstream users and so when I talk about mainstream users I'm talking about um my grammar talking about my aunt working for a government parastatal who basically just want to um come on chain and experience what it is to have um a decentralized web am I making sense please am I making sense please amazing um so sorry about that and so yeah we have quite a number of botton necks um for people who are just coming on board and so my talk is pretty much about a developer who wants to actually build um a user um a really cool similar user flow for developers or for your mainstream um users such that um they can be UN booded in pretty much two clicks right so think for instance the current scenario that we have is that um you have to download your your metamask you would manually secure your seat phase and now you have to navigate through different centralized exchanges to basically get um donative asset of those chains whatever chain you trying to um interact with but ideally you basically just want to perform onchain transactions right you just want to do stuff and you don't want to bother about um having to do all of those things and believe you me it takes like 20 minutes or 18 minutes to be on booded for a mainstream user right so the exence of my talk is basically to Enlighten developers Founders if you are building stuff in the ecosystem that you can basically build um you can supercharge user experience by leveraging social logins and smart wallet as a service all right so that's what this talk is all about um so please um you can ride with me while this thing actually comes up and a little bit of introduction my name is a um and on Twitter uh they call me xam Pam right um pretty much and um currently I work as a developer Advocate at Kaya Foundation um Kaya found Kaya basically is a layer one evm compatible chain and um pretty much the public foundational layer for tomorrow's unchain world so if you're looking to build anything around metaverse rwa and also um gaming pretty much anything you want to you can Envision on chain so Kaya is like the go-to um layer one and also it Prouds itself to be um Asia's gateway to um web3 so yeah pretty much about me and also in my leisure time I do um open source my contribute to open source and I also help other people people contribute to open source and end while contributing to open source all right so sorry guys um I think that's the essence of my talk and um so I mentioned the bottlenecks right um one of the bottleneck is that users basically have to write down their seat phras and once that is done they have to now go through the extra step of going to centralized exchanges right um which is like an asso so what this talk basically is all about is that you as a developer or as a founder or as somebody building in the ecosystem you have to be really really user experience focused right because we are trying to onboard mainstream users um pretty much a number of um chains will say that um we are the goto guys to onboard the next billion users how do we transition from the current ux um landscape that we have to that landscape where we can actually onboard mainstream users now so this is where social login comes in and so what are social logins and so this is me just talking from what I have in the slide social login is basically you using already familiar social network sites take for instance your Twitter your LinkedIn your Google account or even your phone number and you get to onboard people into the space now you agree me that quite a number of us have Google accounts right yeah really amazing because um the world is powered by most of these big tech companies and um yeah we actually use their services right uh so so what social logins actually U brings to the table you can basically onboard people with their already familiar social network sites and so every one of us here have um X accounts formerly Twitter right and so this means that um most persons have a means of authentication which is actually some of these social network sites and what social login does is that you get to be un booded um to the web Theory space with your already familiar social network sites right and so with this you can reduce the unboarding friction from like um 10 minutes or 15 minutes to like less than two clicks right so um some of this providers in the space that are actually building social login um Solutions and also smart wallet as a service is we have web3 or how many of us are familiar with web three Earth how many of us nice we have magic we have Dynamic we have particle Network right um oh yeah thank you very much uh okay so this is like a screenshot from ethereum documentation saying that um using ethereum needs to be simplified right from managing keys and wallets to initiating transaction so this is actually a major issue even like the OG blockchain actually recognizes this and um is one of the problems that we're trying to solve and this is why this talk is for every developer out here trying to build Solutions right that um you should focus on user experience because this is where we can unboard the next billion users right um so I was talking about the different social loging providers we have um Dynamic we have webo and all of those guys all right and so what social does is that it reduces your unboarding flow or the unboarding time like I mentioned from 20 minutes or 15 minutes to um less than two clicks right um so what it what happens under the hood is that when you log in with your social network sit take for instance your Google account what some of this provider actually um do Under the wood is that they create a wallet for you by reason of your um social logins right and so once this wallet is generated take for instance for this talk we'll actually be focusing on particle Network um so we'll be dwelling on how particle Network actually solves the problem of um user on boarding using social logins and smart wallet as a service all right and so um once you log in with your your what's it called now your is that your Gmail or your Twitter account now you have access to a wallet right um so now you don't have to download a browser extension wallet or take for instance um trust wallet on your phone or even metamask but in this case with social logins like um Patu Network right you basically have access to an embedded wallet in your decentralized application now so this means that for a mainstream user trying to use application for the first time all they have to do is just come to your dap basically and sign in with Google and they have a wallet created for them under the Ood and once this is done they have access to um an embedded wallet rather than a browser extension wallet does that make sense does that make sense awesome so now once this is done this is actually the first step of actually reducing the unod friction now what happens to where we can actually make um an EA smart account now you would agree with me that once you log to a decentralized or sorry to a DB with your social logins it generates an EA for you right um take for instance metamask is an EA externally owned account and one of like the barrier is that um once your private key is leaked you do not basically have access to it anymore and um so for first time user they might not actually understand all of these tenets and um so a really cool fun fact is that my first account that I created I can't find it anymore because for some reasons I changed my phone and I did not keep my seat phrase really well and um yeah when I migrated my phone I do not have access to it anymore and so the good part is I don't have much money on it so yeah it's really cool all right so um what we can do after that we have um migrated people using social logins and they've been able to be un booded is actually to add a layer of smart accounts how many of us here are familiar with account abstraction nice um so yeah what um particle network does is that um it provides a layer of um social logins and also smart wallet as a service now this means that um by default EAS are um limiting right in what they can do and whatnot but with the layer of smart accounts they become um Powerhouse meaning that you can perform gasless transaction you can batch transactions you can um do do stuffs around creating session Keys you can also do stuffs around social recovery right am I making sense please now from this um what's it called now explanation we can drastically reduce um this um problem that was actually specified here saying that using ethereum needs to be simplified and that um we have to be able to make ethereum as frictionless as us web two apps right who else agrees with that who else amazing we have quite a number of ANS up because it this is actually a really um big issue and um to onboard mainstream users we have to actually focus on user experience right so this is why this talk is for everybody building consumer application or basically um the next um consumer app basically yeah uh so if you are interested in doing this and as like a web three um person I think you should really focus on user experience um so sorry this thing is not working I don't know I would have loved to like demo to R yep so let's talk a little bit about yeah let's talk a little bit about what particle network is so parle network is basically um a developer tooling that actually provides social login and smart wallet as a service they debuted as this platform but now they currently focusing on chain abstraction Solutions and um basically what they're trying to solve now is the fragmentation issue in the web space right um pretty much it right um so I mentioned that rather than wallet as a service ending at eoa why not just assign smart accounts to them instead right so because by default your um social loging went connected to with d generates an EO a right why not just make the process Complete because if you stop at an EA the user still have to bother about trying to pay for gas fees or trying to navigate going to different centralized exchanges to get the native assets take for instance for ethereum you have to now get it to be able to interact right but in the case where we are sign um a smart accounts you can perform gasless transactions right and pretty much all of the uning flow is now um top notch who else agrees with me yeah amazing so now we can take um the oning friction from 10 minutes 20 minutes to just two clicks right and so so for for this conference let's quickly look at um a demo so yeah I kind of like built out a simple demo so now the idea behind this is that we are trying to actually build consumer applications that people will use right and um so for this um um demo actually built out a token gated platform where people who do not have access to the nft or tokens cannot access the exclusive content now take for instance in the context of this event when we were coming inside we asked for our registration um pass right and so if you not have a registration pass you can't enter or you basically register on spot right so now this is what this application is all about about take for instance we are trying to build a ticketing platform where we actually want to onboard Mass users people on the road um people selling peer and all of those things I want to tell them about web three now we share a link to them take for instance the link of this DB and you tell them to go and register trust me most of them will come back to you and tell you that um they don't know how to use it because they have to download metam mask if you are using the traditional way right who else agrees with that we have to download metam mask and to be honest somebody selling paper by the roadside or somebody who is just a banker will not be able to comprehend this kind of mystery so we see that there's a little bit of um friction to how we can onboard mainstream users right so this is why um I have just built this simple platform and um what it does is that um now so this is it I I kind of like um created an imaginary token G platform so this is web3 Legos conference and um basically what you have to do is you have to sign in with Google or sign in with X right very simple so take for instance um your aunt in her workplace she basically have a Google account right or even Twitter right and so if you send this link to her she can basically just sign in with Google and just be able to register for this event and means the nft which is like the pass and she in a sense I've been been onboarded to the space basically right so let's take a look at how this works and um all right so um this is particle Network asking for my account right um I think I'll just use one of these guys um all right sorry about that but then yeah so I've been onboarded now this is particle Network asking for my password right so this is a way to actually secure your interaction with particle Network um for security particle Network uses npcss which is called multiparty computation threshold signature scheme which is a way of actually sharing your private key into different multiple U parties such that they don't have access to the original private key themselves right um so now let me just create a password uh all right so this is saying that um so this is my Gmail account iar right this is the name of my Gmail account and it says welcome to web Legos conference now this is because um while trying to um test this app I have actually use the email now let me try to disconnect and um use an account that doesn't have um let me sign me X right um in this case so I'll have to authorize my Twitter account all right um and basically just so as you can see it has only taken us two clicks which is um signing which is um signing with Google or signing with x and now these are just the two steps to onboard mainstream users using the already familiar social network sites other than having to download metamask or every other um all these guys are good for ogs like you guys right but for um mainstream users we need a better way to like onboard users right and now as you can see it says oamp pam. clay you cannot enter into the conference because I do not have the pass yet right uh so I have the access to Mint the nft which is like um the pass for this event right uh so yeah so in just two clicks I've been able to perform onchain transaction without having to download any stuff now on the down on this part we have an embedded wallet as you can see um so this is what I was talking about um other than downloading a browser extension wallet in natively provides you an embedded wallet which is this guy now so we have have moved from actually downloading U metamask browser extension wallet to having an embedded wallet as you can see I have zero accounts and this is a smart account this is not just an ordinary externally owned account it's a smart account which means I can perform gasless transaction I can create um batch transaction and I can basically just batch transaction and do amazing stuff right uh so now by default you expected to be able to like pay for gas for your first time interaction because of course every interaction you have to pay for gas but for a mainstream user who is like um your ants or somebody like that we want to abstract those complexities right want to be able to abstract those complexities and make it as simless as using a traditional app um so yeah once that is done as you can see I do not have any assets here so once you basically click on mint nft you are required to sign the transaction and [Music] um I mean sepolia is not the fastest chain in the world takes time but then yeah um so once this is done you basically see your transaction Ash and you can check on um sepolia scan basically and so yeah this is actually taking a little bit of time because seia is not really really fast so yeah um yeah so we have our transaction Ash right um so let's head over to sepolia and basically just check our um transaction right um so while this is loading this is our transaction Ash right um so yeah as you can see this is the transaction as we have this is a user operation basically from my account and then interacted with the um nft contract and it Meed from um address zero to this account basically right and as you can see we did not actually pay any gas fees um so yeah it says welcome to web3 Legos conference um pretty much the demo so I've been able to go from not being able to interact on chain to be to being able to perform um transaction and now have access to the Token gated platform in just two clicks compared to the traditional way where you have to go all of those steps download metam mask um the seat phrase and all of those um steps that we actually don't need for mainstream users okay so back to the slides so yeah um I'm already rounding up so it shows that we can actually um supercharge um user on boarding basically by leveraging social login and smart wallet as a service which means that you can increase um user adoption user conversion and reduce CH rates right um so yeah it's still day one and um there are a lot of protocols in the space building um stuffs around user experience and I'm pretty much bullish on what will be done in the few months to come we have chain abstraction quite a number of people doing amazing stuff and um yeah um I hope I've been able to convince you and not to confuse you that um we can build uh a really nice amazing user experience um or a really nice decentralized application that has user experience Focus uh without having to um leave out the fact that mainstream users can be onboarded right so yeah thank you very much for listening um and you can connect with me on on Twitter on on LinkedIn ox pamam and yeah thank you and stay sful bless you please a round of applause please you can do better for this amazing presentation better better better over here why you not clapping clap clap clap he try now he try okay now this is time for giveway you are not happy oh yeah questions I thought you do you have any questions questions okay let me give you the mic okay hi um thank you very much for your [Music] presentation yeah so I'm very new to the web three space but from everything that I've been hearing since the beginning of this event is the entire um idea of web 3 is decentralization making everything decentralized now the you are saying okay for better user experience we should now start implementing social logins into um decentralized applications how decentralized is it I want to believe one of the reasons why they were using um the seed phrase is to allow you to be able to be in total control of your account so if you lose it it is gone nobody is controlling it for you but now that we are now using all these to py social applications to um manage our account how is it still decentralized how decentralized is it so thank you very much for that question so each time I present this talk um people are usually um skeptical about the security wise or like how secure is this um approach to user on boarding and now my answer to them usually is that um most of the providers actually factoring putting or ensuring security measures take for instance I me I mentioned that these guys use npcss which is like a cryptographic um primitive in the space to like secure private key now the major issue here is that um we want want to abstract all of these complexities for mainstream users and what these people have done is that they now take for instance for particle Network they have their providers right just like nodes right that we have which actually stores some of these um key shares like I mentioned they actually sto some of these key shares now take for instance while I was trying to interact with the dab um a key share was actually stored on my PC right and I do not have access to the private key and so this means that every other um holders of my keys also can natively see their keys but then whenever I want to make transaction particle Network randomly brings all of them together such that they sign the transaction so that's how it works under the wood it's kind of like complex now to your question that is it decentralized I I I wouldn't know how to answer that because um I don't know what infrastructure they are using per say but then there actually nodes that are actually scattered across for um old each of these keys and I think that's the major focus and they actually prioritize security using npcss I hope that answers your question yeah thank you okay um another question it will be very fast because of time very very fast response very fast okay so sir oh I'm just trying to like wrap my head around it cuz I also FL the same train of thoughts from him cuz like um if I'm making a transaction for example like or my own basic understanding I don't have so much basic understanding but like if I make a transaction for example maybe on ethereum blockchain I can know if someone has s me money by scanning the wallet address right so like I'm just saying like how do you factor in security cuz if I'm linking if I'm using um account abstraction and I'm linking to third parties right like if I carry out transaction even though like we still like using blockchain like if I transact and all that but like w't the creators of of of the stuff basically still know it's me because like one my Gmail accounts be linked to that wallet address so even even though like yes like if if if people are looking outside they might not know that it's me but like the the creators of the platform will know that it's me because like my Gmail account is linked to that wallet address I don't know the question looks like an answer right like is a lot so I don't know is do you think you have enough time or should we meet you after yeah we can actually talk after this um talk but but then I think for each of these social logins right they use something called uu ID so your um take for instance your gole is just a unique identifier to be able to attach a wallet for you right under the Ood the wallet infrastructure is basically just different it's just like a unique identifier to reduce that assle of having to um do all of those complex Things download metam mask all of those things so they are just unique identifiers so as you can see on the portal I have my name a as the uid that's because that's like an identifier for my wallet I hope that makes sense okay please a round of applause for him please a round of applause if you think he did a good job yeah I think he did an amazing job as well um so please before he goes give in the mic can you tell us your social handle maybe Twitter so people can connect with you oh yes um on Twitter o pam pam and also on LinkedIn same Ox pam pam o x pam pam please could you spell the P Pam okay so for Twitter it's is o x pcore p right SC you see that was needed please another warm Round of Applause for him please thank you um