Blockchain, Data Visualization, and Accessiblity: Find Your Place in a Growing Industry
"More is not always more - too much information can leave someone like me feeling overwhelmed and unsure of where to direct my attention to"
September 2020 - November 2020
UX Design Intern
Building Blocks Technologies (BBT) mines for data on blockchain job opportunities with the hopes of presenting this information on the web
I was tasked to create an interactive visualization using BBT's proprietary data so users can find their fit in blockchain
How might we display Building Blocks' company data in an informative and inviting way?
Building Blocks Technologies (BBT) hopes users will feel invited to use their website as their go-to job search tool for all things blockchain (job-search tool is not launched yet). The stakeholders are the Building Blocks team, and they need the design to be professional and in the spirit of the blockchain industry.
How might we display technical blockchain information in a comprehensive, yet understandable way?
Given that the users of this visualization likely don't know much about blockchain, the information displayed must be readable, accessible, and interpretable. I understood that the design needed to be practical, substantial, and above all: not flashy. As the UX Designer for the team, this is the expectation. However, dispelling technical information can be challenging, and I knew I needed to conduct user research before I started prototyping.
I was tasked to design a data visualization for web use. After studying the data, interviewing users, and circling back with my stakeholders, I settled on 5 categories of data: Industries, Blockchain Technologies, Positions, and Skills & Algorithms. To the right is a video of the high-fidelity prototype, and below is a static walkthrough of the design.
"The simpler, the better. And throwing in a bubbly tech UI makes me way more comfortable."
I started the research process by studying the data and found it to be simple frequency data (how often data point shows up in blockchain job descriptions). I then performed a competitive analysis to see what others were doing with this type of data and gather expectations for the visualization.
I then interviewed 5 potential users: students interested in blockchain who might benefit from an informational visualization like this. I showed them the different graphics I looked at and asked what they found intuitive or unhelpful.
"Don't make me sort through a cluttered mess"
The above research, coupled with discussions with my stakeholders, helped form constraints to be placed on the design.
How can I best convey the meaning of these 5 categories of data?
Industry, Blockchain, Position, Skill, and Algorithm. 5 categories of data, with no idea how to relate them. A week of sketching, wireframing, and subsequent confusion made me realize something: let these categories stand on their own. After narrowing my scope, I started wireframing and prototyping this pivoted design.
"It doesn't have to look super cool. It just has to make sense."
After completing a round of early prototypes, I sought out feedback from the users I interviewed earlier, as well as some professors from the design school. I performed usability tests with users and received feedback on how to make my design more intuitive. My professors advised me on how to best work with the data at hand. With that, I iterated and achieved my final design.
"I now have a clearer understanding of the big players in blockchain."
After completing the final design, I presented it to the project stakeholders. My direct supervisor appreciated the adherence to professionalism and the spirit of blockchain, and commended my ability to visually represent Building Blocks' data.
I performed a last usability test with new users to determine the value of the final iteration. They appreciated the attention to readability and clarity of the design, and also found the use of simple visualizations like bars, spheres, and the use of color to greatly aid in understanding. Lastly, they found the flow of the design exactly as they'd expect it to behave.