While working for Calypso Technology I was given a task to build a Product Roadmap and Inventory Microsite. This would be a web application which visualize the all Calypso' current products as well as a future roadmap. Since Calypso was using AngularJS , I employed the the same technology to build a front-end. As a designer I focused on UI and how exactly I would visualize the complex structure of the product line catalog. I created a prototype, which was ready to be picked up by engineering team and to adopt for production. For data visualization I used open-source Sankey diagram library based on D3.js . I couldn't find the the library with exact features I needed. So, I forked an existing github project, to create my own library tailored to the needs of this project. I called it styled_sankey . Below are some examples I created to demonstrate the visual abilities of my new library (from simple to more complex): http://kardash.net/styled_sankey/examples/simple_test.htm
Popular posts from this blog
Consider this post is about visual design. A duct taped banana. This piece of art was sold for $150,000 in December 2019 at Miami's Art Basel . Actually $120K x 4 + $150K = $630,000. Not bad for 10 cents banana and few inches of duct tape. This became a sensation of 2019-2020. Why and how it happened brings up some questions about modern society and economy. How artists (or art dealers, or anyone else) create value from nothing? And emphasize the importance of the idea. In this particular case it's nothing more than an idea. Is this the art we'd like to see? Probably not. But perhaps it's the art we deserve.
Well, five. Because Sketch is not a prototyping tool. Prototyping solution will be Sketch + InVision. On the other hand InVision without Sketch doesn't hold much value, yet. It may be changed with the latest addition - InVision Studio . But let's stick for now with four tools: Sketch, Figma, Principle, and FramerX. The goal of this research is to identify strengths and weaknesses of the tools, and their suitability for the UX team. The main use is to create wireframes and later convert them into interactive prototype. I have chosen these tools because I used them before. The exception is FramerX, which is simply a brand new tool which I wanted to give a chance. No discrimination - there are bunch of other great tools on the market, they are just out of scope of this article. Criteria: Simple click through prototype. Compatibility with Sketch. Micro-interactions and animations. Ease of use. Collaboration – ability to share, to annotate on UI elements, and to