Domenico Loia - Portfolio

Lisk

The Lisk Mobile wallet allows you to easily transfer LSK tokens to others, view your transaction history and account balance. Given the ease of use and accessibility of smartphones, Lisk Mobile aims to attract all the users of Lisk in general. Every user needs an easy to use and customizable wallet in their smartphone for easy and fast transfers and status updates.

Role

UI/UX Designer

Team

Front & Back End Developers, Product Manager, QA Engineers

Industry

Blockchain

Year

2018-2020

The brand

Building a meaningful brand by extracting the fundamentals of Lisk's mission, transforming abstract and qualitative words into specific and descriptive visual resources. The Lisk Visual identity is designed with developers in mind.

Styles & components

We created all UI styles and components we needed especially to establish a fully consistent and accessible experience. The result was a library of highly reusable elements that enabled us to develop a hi-fi prototype very quickly.

The process

We started inside with the Ideation phase, sketching the initial wireframes basing it off the desktop application, starting with must-have functionalities. It needed to be organized, allowing them to perform their tasks frictionlessly.Based on the experiences of our previous research team and the development of the Lisk Desktop wallet, we had the chance to include their knowledge into the mobile application.

We then focused on who is going to use it and what's the benefit they would get out of it, by offering a convenient addition for enhanced usability and overall convenience, as you can access your account anywhere you can take your mobile device. With the information from our desktop application, we created a minimum viable product (MVP) roadmap.

Key challenges

Quickly on-board the users on the mobile application, by providing dense and useful information about the actions you can take once logged inside the application.
Provide a clear account creation process, putting a strong focus on storing safely credentials.
Provide an intuitive app for mainstream use, offering a limited feature-set with a special focus on immersive user experience.
Improve security, by offering Access via biometric authentication, Continuous sign-in and Backup of the account’s passphrase.
Create a design that is professional yet engaging.

Target

The target user base at Lisk are developers and companies looking to get their ideas bootstrapped onto a blockchain, as well as crypto holders (basic users) and delegates (experienced users) deeply invested in Lisk applications.

Analysis

The most common pain point identified was the need for better accessibility and functionality without overwhelming users with unnecessary complexity.

Information architecture

Information architecture helped us to better understand the complexity and future functionality we want to include in the Lisk Mobile Application.

Home: Main wallet overview for the user, which includes informations such as: address, balance, conversion rate. The main role of the home view is to showcase all the recent activities, meaning incoming and outgoing transactions of the account. As an user, you can enable the discreet mode, that allows users to hide sensitive data, such as amounts (either activity feed and transaction details) and balance, when they are in a public area and/or surrounded by people.
Transaction Detail: Here the user can find information related to a specific transaction, such as: sender, recipient, transaction fee, confirmations and transaction ID.
Request: The request page allows users to easily request a given token, offering the possibility to share the QR code that includes account information as well as amount requested, if included.
Send: Send tokens to a given account, by easily pasting their address or scanning the code of the given receiver.
Bookmarks: Through this view users can simply add, edit or remove their favorite or most used accounts.
Settings: Here the user can manage their security access information, change the look of the app and gather more information about Lisk.

Product requirements

A way for users to manage and check their account activity.
A way for users to send tokens to other accounts, for the given token selected.
A way for users to request tokens from a given account.
A clear arrangement of the informations.
Timely and not over-whelming application.

The validation process

Decisions made for this platform have been based on the insights we gathered through our user interviews in the research stage of this project. However, an appropriate next step would be to test our assumptions and validate the user experience choices that we have made.

Select the right users for UX testing is really important, and we made sure to involve the different personas in it, based on our target groups. Basic and more-advanced users. We want to make sure that the interface is clear and efficient to use for different target groups and we gather as much feedback as possible. Of course those are just two of a larger group, we composed a group of circa 10 users for each persona. Half of those are basic users, new to the platform and the other half users that are really experienced and advanced with it.

2. Focus on setting up the environment, ensuring that the test environment is as close to the real surroundings in which the product is expected to be used.

Define the tools used for User Testing. User video recording of the user and their interaction with the screen is our pick. This is very useful for later review where you can see some details that you might have missed the first time around. We gather interaction heat-maps from users which will quantify the data in a way that you just cannot see the other way.
Focus on take aways that we got from this user testing, so we can further improve the experience and see what went well or bad.

Select the right users for UX testing is really important, and we made sure to involve the different personas in it, based on our target groups. Basic and more-advanced users. We want to make sure that the interface is clear and efficient to use for different target groups and we gather as much feedback as possible. Of course those are just two of a larger group, we composed a group of circa 10 users for each persona. Half of those are basic users, new to the platform and the other half users that are really experienced and advanced with it.

2. Focus on setting up the environment, ensuring that the test environment is as close to the real surroundings in which the product is expected to be used.

Define the tools used for User Testing. User video recording of the user and their interaction with the screen is our pick. This is very useful for later review where you can see some details that you might have missed the first time around. We gather interaction heat-maps from users which will quantify the data in a way that you just cannot see the other way.
Focus on take aways that we got from this user testing, so we can further improve the experience and see what went well or bad.

Select the right users for UX testing is really important, and we made sure to involve the different personas in it, based on our target groups. Basic and more-advanced users. We want to make sure that the interface is clear and efficient to use for different target groups and we gather as much feedback as possible. Of course those are just two of a larger group, we composed a group of circa 10 users for each persona. Half of those are basic users, new to the platform and the other half users that are really experienced and advanced with it.

2. Focus on setting up the environment, ensuring that the test environment is as close to the real surroundings in which the product is expected to be used.

Define the tools used for User Testing. User video recording of the user and their interaction with the screen is our pick. This is very useful for later review where you can see some details that you might have missed the first time around. We gather interaction heat-maps from users which will quantify the data in a way that you just cannot see the other way.
Focus on take aways that we got from this user testing, so we can further improve the experience and see what went well or bad.

The Lisk Mobile app

Lisk Mobile App launched in October 4, 2018 at Lisk Berlin Meetup and it was successful. The Lisk Mobile App has significantly improved accessibility and engagement by providing a user-friendly mobile platform for managing LSK tokens, staking, and interacting with the Lisk blockchain, making it easier for both technical and non-technical users to participate.

This has led to increased adoption, enhanced community involvement, and a stronger, more decentralized Lisk ecosystem. The community shared with us great feedback, and helped us further improve the initial concept.

Post launch

After launching the wallet, continuous support and improvements are essential. We made sure to provide:

Top-notch support, giving assistance through dedicated channels and in app as well.
Regular Updates: Release updates to fix bugs, enhance security, and add new features based on users' feedback.

And of course grow the community ensuring the wallet remains secure, functional, and responsive to the their needs.

I have left the company Feb, 2020 to pursue another adventure. It was an amazing experience working on such a wide scale application with a great team.