DAPPCON 2018: DutchX -- EazyX: UX design for dapps - Kunal Sachdeva & Rocco Ghielmini (Midas)

Transcript

so this is going to be a short talk ten minutes I guess lunch is ready so we're not going to keep you here longer if you have any questions we will be very happy to talk about anything you want offline as Chris just showed in her presentation the Dutch X is an open platform open protocol so there is a number of services which can connect to it these services are of different categories as you can see on the top most routers interfaces and what we built is a interface for sellers so in particular we in particular we decided to target retail investors in

the context of this talk of our application we can call them casual users this is Kuna I am Rocco and we are front-end developers for Neda's meters main product is mobile investment app for retail investors and as such of course we are interested in to integrating exchanges and these exchanges better have some cool features and as you just saw the dash X seems to have a bunch and there's one we're particularly interested in in this the it's guaranteeing fair market prices so this is definitely something we want to

provide to our users the thing is the Dutch edge that X is actually there is low of course by design and another obstacle we would have for our target is that the casual user might most probably not be familiar with what a Dutch auction even is and nor the mechanisms via reason for which we came up with with the following goals we do want to abstract away the underlying action details but at the same time we believe the users should and have the right to

know what's going to happen with their tokens and so we are going to provide all necessary information I'm going now to list a few concepts and strategies we came up with in order to achieve our goals and later Kunal is going to show you how we implement those in practice so we want it to be simple that is we don't want to have more than the minimal set of elements and steps which are strictly required in order to carry on the desired action the action being simply selling a specific kind of token and then coming back and claiming an honor token at the same time we want to

be transparent so anything which is not straightforward has to be explained but you might say dude you cannot have it both ways but maybe it all boils down to how and when we show specific kinds of information so we came up with three strategies which all have has a common denominator the way we structure explanation information explanations how about we have information to be a layered say we have three layers of information so the first one would be basically missing any references to the underlying mechanism the user could then access if he needs or he wants to

another layer of information where we would explain with proper words simple words anything which is actually going on behind the scenes but this would also contain some links to a third level where that would be maybe official documentation detailed through explanations another strategies to customize the information we want to show depending on the user details so tailored to the user and we all are different and so our wallets and we should use that finally for some specific use cases some information we might want to show on the fly or just in time these would be the

situations for which the same information shown before might just seem result excessive redundant and maybe confuse or scary the users so Coonan now is going to show you how we implemented these concepts and strategies into practice thank you so based on the design concepts and challenges that we observe we came up with this design it has a good color contrast a familiar look and most importantly you always know what's going on so as with any trading platform there are always a

bunch of legal intricacies involved but we made a conscious decision to keep them much later so that people can explore this without having to go through the legal details and feel more welcome than the product becomes more usable and then you go ahead you pick a sell token you pick a by token you set an amount and you click exchange in that takes back end you have to deposit and sell but for the user we are showing just what's actually happening that is a token exchange and once you click exchange we show you what Dutch X is doing behind which is it takes some time because it's fair and

during that time your money is locked and you cannot do anything about it this just adds a layer of transparency and gives some confidence level in users mind once you click deposit you have to sign it in meta mask and sometimes for some reason that window is in the background so we just show you and notice click here to continue with your transaction as soon as your money reaches the contract a list pops up where you can always see what's where your money is from now on you can always track it here you can see when it started if it started at all and if it it it has ended you can withdraw it by clicking on a single withdraw button again in that

church back in this claim and withdraw but for the user it's a single button to get their money in their account also you can always dig deeper into the nitty gritties of what's actually going on and learn more about the details another point of abstraction that you might have noticed is the concept of transaction itself in ezx we are not calling it an auction but a transaction it is a transaction to exchange one token with another but it just takes longer to get fair price based on demand over a period of time and one more interesting challenge that we faced was to include ether in that text because as Chris

mentioned that sex is for year C 20 compliant tokens and ether is not one of them but casual users usually have enough ether to trade so when you have a auction where you're getting wrap data we always give you an option to get it as rapt ether or ether similarly if you have action where you're selling ether we always inform you that this will work slightly differently your ether will be wrapped and put into a rapt ether market instead of an ether market so you always know what's happening with your money but of course the user doesn't need to know what wrapping and unwrapping is and what ERC 20 compliance is another

concept that Dutch X has is that of fees you can reduce your fee or you can pay your fees by other means but what we observed was that new users usually don't have enough Magnolias to influence the fee level that they have so we don't mention it initially but as soon as you accumulate in a fee level to enough Magnolias to influence the free level we inform you that you can your fees has been reduced and you can use that similarly if you have enough our tokens if we have the fees we introduce a checkbox to obtain to pay with your out otherwise it's not there so this is what we came up with based on our assumption trend observations now we are moving on minute and when we moved

to Maine that we are trying to improve this based on some anonymous analytics and some user based feedback and this will also help us collaborate better with diagnosis team and adapt and grow at MIT as we are very excited about this project of course you can find this outside or online to talk more about this thank you [Applause]