[ SURVEY HIGHLIGHT ]
What features do people want?
Visual Charts
1
%
Track Specific Coins
1
%
Detailed Coin Description
1
%
While many apps and websites exist for the buy, sell, track and trade of cryptocurrencies, few are accessibly educational to newer or less experienced crypto investors. Even for experienced crypto buyers, Coin Map is still a way to deepen their knowledge. But for newbies, most sites that do contain information and/or news sources often require a basic level of understanding. Coin Map is an innovative design and content beginner-friendly platform for learning about crypto assets.
To create an explorative visual interface that can be used to track and browse coins, as well as offer guidance on relevant crypto terminology and a fresh way to compare them.
3 week sprint
Sketch & InVision
UX/UI Designer
Domain research, competitive/comparative analysis, public survey, interviews, user research, feature finalization, contextual inquiry on existing design, user flow, lo-fi prototypes, visual research, usability testing, mid-fi wireframes, interface design, high fidelity mock ups
We learned from Grandview Research that the global blockchain market size is expected to reach $27 million by 2025.
Alt Coin Magazine noted that at the end of the first half of 2019 alone, the number of blockchain wallet users reached over $40 million.
We reach out to users that fit the criteria we’re looking for. Our participants include a decade-long crypto buyer who identifies as someone with advanced knowledge on the matter; a very recent beginner investor; the CTO and UX designer of a company that uses blockchain technology; as well as a financial analyst. We ask them where they go to learn about crypto, as well as what features are important to them (or lacking) in the existing sources they use.
We learn that users turn to various social media sources for learning about crypto, which gives us some direction on what to look for and how these sources may prove to be effective educators. We also learn that amongst a broad list of features presented in our survey, visual charts, a watch list for tracking coins, and detailed coin descriptions all stand out as the top 3 most important in a good crypto service. In our research we also included a visual survey portion to get an idea of what type of interfaces our users may be most drawn to.
[ INTERVIEW HIGHLIGHT ]
[ SURVEY HIGHLIGHT ]
Our visual survey presented our users with various potential design layouts, ranging from circles, squares, to hexagons. The hexagons were preferred across the board. We also presented them with chart examples in both light and dark mode. From both our visual and written survey, we gathered that around half of users preferred light mode, while the other half preferred dark mode, so making the product available in both forms is essential to appeal to a broad range of users.
When Landon’s not driving his Tesla or bouldering at his local gym, he loves diving into crypto. But he’s still new and there’s much to learn. He is only invested in one coin, and only because a friend suggested it to him; he doesn’t have too much knowledge yet himself. His motivation is to keep track of coins he’s investing in as well as learn about other ones in a more dynamic way. His pain points are not being super familiar with the terminology, and being more of a visual learner, he craves more imagery. Overall his goal is to invest in crypto in a smart and well-informed way.
We map out Landon’s journey using prior mock-ups and tested them with our users. In this we identified ways to resolve our persona’s struggles by including features such as a glossary, onboarding, as well as cleaning up the information hierarchy and overall layout of the design.
Happy Flow
We opted for A/B testing and gave our users a specific task to complete. We then witnessed where things were streamline, and where they weren’t, as well as took notes of their feedback. Because we have many different flows happening on our site, we divided those as well. For the interactive map flow testing, the colour-coded categorization was clear, but actually navigating the map was still confusing. Users were getting nested in the map with no easy way out, and rather than hitting a back button a bunch of times or needing to zoom out, we received some feedback about including some sort of side-tab navigation bar that would allow users to navigate between the past pages they visited. It would also serve as a way to inform them of what categories they’d visited, in case they weren’t sure which sector they were currently in.
[ PAPER PROTOTYPES ]
[ MID-FI WIREFRAMES ]
We did some testing with our mid-fi wireframes and got a clearer direction in how we wanted our onboarding to go. We didn’t want it to take up too many screens, and we also had to figure out what type of guidance would serve our users best. Because we decided to include the side-bar navigation suggestion for the map view from our previous testings, we had to tell users how to use it as some may not be entirely familiar with one. So the onboarding would let users know the map is clickable, introduce the side-bar navigation feature, as well as introduce the built-in glossary.
