Design the best product

Today I came across a great post

http://insideintercom.io/the-dribbblisation-of-design/

and it blew my mind away. It helped me to start rethinking what a designer’s job is.

I worked in a company where we had two best designers I had ever seen. I knew they posted work on Dribbble and were both pixel perfectionists. But I only saw their final design work without seeing the processing stage. And I naturally thought design is all about pixels. And I am wrong.

Some websites like chan4, stack overflow actually preserved old style of website and still served millions of users. Although there are countless rich interaction websites that serve similar purposes, many of them are copying cool interactions rather than rethinking the usages of those interactions. Although I think a cool website is necessarily for a successful website, it is not sufficient. Pixels perfect product may draw people’s attention at first, but what really pulls people is convenient functions and fluid workflows.

I agree with the @PADDAY that we should firstly think about the outcome we want to achieve and then start working on structure, workflow and finally the visual details. Without a clear vision of the outcome, all the other efforts are just fruitless.

JS Charts

http://www.jscharts.com

JS Charts boasts easy usage by emphasizing on the end-user’s ability to use the library with little to no coding, making it ideal for web designers who’d like to chart data without spending too much time learning how to write JavaScript. JS Charts has a web-based GUI and offers hosting for your charts to take some load off your own servers. It supports three chart types: bar, pie, and line.

Highcharts

Highcharts is one of the most promising JavaScript charting libraries to hit the scene recently, with its large array of features including seven charting types (line, pie, and bar among them),  the ability to zoom in and out of charts, and tooltips for offering more information about data points. The library has many options for customization and they’re well documented on one page for easy referencing.

http://www.highcharts.com/

flotr

http://code.google.com/p/flotr/

 

Flotr is a javascript plotting library based on the Prototype Javascript Framework 1.6+.

Flotr enables you to draw appealing graphs in most modern browsers with an easy to learn syntax.

The currently supported chart types are :

  • Histograms (vertical, horizontal, stacked bars)
  • Lines (filled or not)
  • Points (scatter plots)
  • Pie chart
  • Candle sticks (and barcharts)
  • Radar chart
  • Markers (positioned text)

Flotr: Basic Axis Example