Uzi Dashboard by Yen Kai Huang and Jin Ti Liao is a highly esteemed winner of the very prestigious 2020 Bronze A' Design Award in Interface, Interaction and User Experience Design Competition Category.
BronzeInterface· 2020
Uzi Dashboard
by Yen Kai Huang and Jin Ti Liao
Client: Uzidata
Bronze A' Design Award Winner in Interface Category
Verified Award Winner
Verify Award Status for #101262The Design
About Uzi Dashboard
Uzi is a web dashboard created for the cryptocurrency and blockchain community. The responsive interface gathers first-hand market news with web crawlers and combines the content with analytics tools. Features include a news aggregator, a market screener, real-time price alerts, a live chat, data analytics and a portfolio tracker. The main dashboard is divided into an information panel and a chat area, while an archive section records user activity. A clear content structure keeps large amounts of information readable within one viewport.
The Recognition
About the Bronze A' Design Award
Uzi Dashboard is a Bronze A' Design Award winner, a highly prestigious recognition granted to outstanding designs distinguished by creativity, ingenuity, and astuteness. Bronze winners are amply skillful and strikingly creative artifacts that authenticate the vast experience, imagination, and resourcefulness of their designers. Uzi Dashboard is expected to be a highly regarded, admired, and cherished object that is notably professional and innovative. This Bronze A' Design Award-winning design incorporates best practices in art, science, design, and technology, and is excellent for its attention to detail. Uzi Dashboard splendidly satisfies needs, touches desires, charms feelings, and appeals to curiosity.
Interviews
Design Interview
What is the main principle, idea and inspiration behind your design?
My client came to me and ask me if I can design a high-tech feeling of a dashboard for them. So I took a lot of reference from the stock-trading software and HUD designs in the sci-fi movies. The tone is dark with the combination of blue and purple, suggesting a mysterious feeling of the future. In terms of user experience, we want to make sure that the usability and clarity are good. So there is only one main page for the product, the rest of the features like news, trading, currency details, wallets are in the form of popup. Besides, this product has a function for social networking. So we put a chat room on the right part of the dashboard. Users can always reach to the chatroom and exchange their ideas with other users in the community.
What has been your main focus in designing this work? Especially what did you want to achieve?
Consider the scenario that tons of information will be displayed to the users. Clarity and layout efficiency is our main concern. First, we decided to use a dark theme for our color scheme. This can increase readability for users. Also, a dark background relieves eye pressure from users and is more user-friendly for someone staring at the screen all day long. Second, we try our best to pack as much information as we can in a limited space without sacrificing usability. We use mono-type for typography so that users can still read the copy when it is small. In terms of tables and charts, we took a lot of effort to make sure that it is easy to read. Another challenge is to make everything responsive. To do that, we carefully calculate the margin between each section and determine which width of the column is flexible, which one is not. For the visual style, our client specifically asked us to adapt the tone of "techy" and "SciFi", making their product obtain the sense of sophistication but is easy to use.
How long did it take you to design this particular concept?
It took my team around 1.5-2 months to finalize the design. We spent most of the time communicating the structure of the products and the user flow. Additionally, designing the graph and charts was very challenging. We made some research in taking references from stock-trading software and fin-tech websites. This helped us significantly because trading crypto-currency is almost identical to stocks exchange. Another challenge was that most of the news was crawled from other media, so we need to make the UI more adaptable to the content from different sites in different formats.
Behind the Design
Press Kit
Credits, team members and technical details provided by the designer.
- Unique Properties
- Uzidata provides a simple and easy solution, a dashboard that delivers information and analytics, to the blockchain & cryptocurrency community. It collects the first-hand market news and integrates it with various utilities, such as news aggregator, market screener, real-time market alert, live community, data Aggregation & analytics, portfolio tracker, rewarding guess game, KOL private discussion.
- Dimensions & Packaging
- The dashboard uses web crawlers to gather market news and articles, then integrating it to the Uzidata dashboard.
- Tags
- cryptocurrency, blockchain, dashboard, platform, digital, web, trade, crypto-wallet, IT
- Production Technology
- responsive web
- Design Challenge
- There were two main challenges in this project. The first challenge was to integrate news and articles from different forums and websites by web crawlers. We spent tons of time on studying the best formate for not only displaying information effectively but also compatible with the source websites. The second challenge was to visualize intuitive charts and graphs for trading cryptocurrency. With limited size of a viewport, It was very difficult to put loads of information. A clear content structure and information hierarchy were required in this case.
- Research
- The design research of Uzidata began with studying the existing tech news media, crypto-wallet, forums, trading platforms, followed by qualitative research. Our objective was to investigate how a cryptocurrency trader receives large amounts of information efficiently. And provide a solution for an all-in-one dashboard to the users.
- Inspiration
- Uzidata was conceived when a few firm, fearless crypto-fanatics realized just how difficult it was to navigate through the countless substandard information that was circulating on the web. From opening ten tabs at a time to find a credible ICO review to scanning article after article for a neutral opinion on the future outlook of the market.
- Project Duration
- 2019 in Beijing
- Operation Flow
- Uzidata consists of 3 main features: real-time info, analytics, and custom.
The real-time info so-called "Main dashboard" is divided into 2 sections: information panel and chats. The information panel contains 3 features: news, coins, alert. The news feature help users of the platform to stay updated in the crypto space. At a glance, you will see trending news and news that other traders and following up with. The coins section displays all the major coins that were trading on the market. You will get a list of the top coins that are gaining and a list of the coins that are losing value. The alert feature helps you monitor any coin of interest. For instance, if your interest is in Ethereum, this feature will help you keep track of the coin until the price you intend to buy the coin. Chats is a live chat feature that you can use to chat with other traders. You will know the total number of users online. If you are not a professional trader, this is an opportunity for you to meet someone you can copy his/her trade;
The analytics feature is similar to the Coins feature. You will get to see a list of the top gainers, their market price, as well as the traded volume;
Custom is an archive that allows you to get a breakdown of all your activities on the platform. If you want to check the record of your transaction, you can do so with this feature. - Team Members
- Designer: Jin Ti Liao
Art Director: Yen Kai Huang
Sponsored
Explore Beyond Designers.org
Discover products, services and opportunities from our advertising partners.
More to Explore
Related Designs
Explore more award-winning designs from the same category, selected by merit.
