How to make a Better Page Using Views Module?

To get from where you are now (raw output) to where you want to be (the wireframe you showed) you will need more than Views and a couple modules. You will need to learn how to do theming to bend the display to your will. Alternatively you could look at the Panels module, which some people use.

It's a lot of reading and trial and error. An uphill battle that is well worth it in the end.

Good luck.

I am new to Drupal and I am using views. It looks as though you have 'nothing' formatted in your view at all. You can format the default view, to an extent. Views are presented as pages, blocks, and feeds. If you look at your views consol when you are editing this page you will notice 'top left' a tab where it says 'default.' This is your default 'view' for this view.

You can make a page, block or feed by selecting the type of view to add and then clicking ADD DISPLAY. Once you do this, you have an additional tab to default. You will have the default view tab and the new PAGE view tab.

In Basic settings you will want to play with 'Style:' Click it and select TABLE and see what you get for data out put. There is a grid and HTML style also. Keep in mind, edits you make in the Basic settings on the PAGE tab will override the defaults tab settings. You can make you data sortable in a table by column, and select a default sort.

There is more you can do just in views itself .... but this is a start. Learn ALL the features of views core module before downloading a bunch of others. You may find it does what you want already if you set it up right. You can have a product thumb-nail linked to the product node, teaser info, prices, sizes, colors, whatever in a nice table view.

Hope this helps!