style user
interface
Highlights
- Data visualization
- CSS + Tables
- Stock market UI
Stock Market Style User Interface
Perhaps I’m a geek, but I adore data visualization, especially on stock market websites. All the little bits of data just seem so terribly cool. So maybe it isn’t a surprise that when I was given the task of redesigning the permalinks for Strands Fitness, some of that interest got woven in. Carried the model forward into routes and statistics pages.
However getting things to stay looking as they should no matter what the situation was a major challenge.
The problems were:
- Wrapping had to be avoided
- Data width could vary greatly
- Would be localized in English, Spanish, French, and Finnish (no kidding)
- JavaScript could not be used
- Had to be compatible with everything back to IE7
The results are so nice they betray the complexity within. I turned to tables, ultimately, when CSS alone wasn’t cutting it and for tabular results, I consider this okay. Getting things to work wasn’t at all easy, but sometimes that makes projects like this so much more satisfying.
Really interesting – thanks!
Some thoughts on how data visualisation can be misleading, especially in the context of stock trading.
Your post has given me a lot of food for thought. In my personal experiments with better stock market data visualization, maybe I’ll focus a bit on ways to help users avoid mental pattern traps like you described.
Thanks for the info and comment!