Data analysis, tools and workflow are very helpful for UX designers in a data-driven world, especially for those working on visualizations or data products. Since we live in an increasingly data-driven world, basic data literacy is useful for almost any professional — not just UX designers. With this article, Adonis Raduca would like to give UX designers the knowledge and tools to incorporate data into their daily routines.
Read more…
Strong graphic design makes transportation systems more attractive. Graphical language can be so iconic that you can even buy all sorts of souvenirs with its elements: t-shirts, umbrellas, shower curtains. This helps cities get rid of privately owned cars. People spend more time outside, interacting with each other. This gives small businesses a boost and makes cities more pleasant to live in. Today, Ilya Birman will show you how map design works by taking a look at a series of maps as an example.
Read more…
As the number of chart types and approaches keeps growing, the things are getting worse, and sometimes even top experts get confused with identifying the goals of one chart type or another. Stacked bar charts are often worthwhile and should be considered when the occasion demands. In this article, Vitaly Radionov explains why you should be careful when and where you use them.
Read more…
How do users interact with the app? What do they do in the app? In this article, Eduard Khorkov will compare some of the most popular mobile analytics systems. The process of adding analytics to an app involves consideration of many details, and his aim is to provide you with useful tips on implementing analytics. This information should help you find a mobile analytics system that fits your needs and should help you to properly implement it in your app.
Read more…
Deviating from the traditional infographic form means that you tread into more complex media territory, but such experimentation with technology and narrative will be key in shaping the future of infographic design. In compiling this list, Babar Suleman received some great recommendations from friends and peers in the design world, and picking just 23 was not easy. Check out the list below to see if your favorite infographic made the list, and let us know about any others that should have been included!
Read more…
Procedural content generation has been in use for the last 40 years in video games, and it’s a key characteristic of rogue-like games. Instead of manually writing different levels, defining where walls are or where monsters are hidden, you could use an algorithm to generate that for you. While there are many different situations in which procedural content generation is possible to use, it’s more evident in well-known video games. There is one example which is less well known but highly respected by passionate geeks: Dwarf Fortress. In this game an entire world is simulated with its history.
Read more…
From simple charts to fancy infographics to complex timeline animations, data visualizations are popping up all over the Internet. However, as in any other area, once everyone gets on the train, distinguishing yourself from the pack becomes hard. There is virtually no limit to what you can do with the physics of data visualizations. Create column charts and make them fall like dominos, or make pie charts roll, bounce and more. You can make objects in charts and maps roll, spin, bounce, change shape and morph in ways that will capture the viewer’s attention much more quickly than regular static or even interactive versions!
Read more…
Chartist was developed for a very particular need: to create simple responsive charts. While other charting libraries do a great job of visualizing data, something is always missing to satisfy this simple yet demanding need. In this article, Gion Kunz will show you how to use Chartist to create your own beautiful responsive charts. You’ll learn some key concepts of Chartist, how to easily extend it and also some advanced features, like responsive configuration overrides and the animation API.
Read more…
CSS is usually considered a language for applying styles to webpages. However, in this article Krasimir Tsonev will show you that it is more than that. It is also a handy tool for collecting statistics. What matters in the end is the impact for clients. Are they getting more products sold or are there more visitors for their campaign sites? The final results usually show if your project is successful. Google Analytics is a powerful way to collect data. In this article, you will see a CSS-only approach for tracking UI interactions using Google Analytics.
Read more…
As responsive design has evolved, we now more often start with the content and then set breakpoints when the content “breaks.” This means that you might end up with quite a few content-centric breakpoints and no particular devices or form factors on which to test your website. However, we need to continually monitor a design’s performance with real traffic. Content-centric breakpoints are definitely the way to go, but they also mean that monitoring your website to identify when it breaks is more important. In this article, Jon Arne Sæterås and Luca Passani will demonstrate how WURFL.js and Google Analytics can work together to show performance metrics across form factors. No more guessing.
Read more…