Mobile app version of vmapp.org
Login or Join
Pope3001725

: Creative ways to display long lists I am working on redesigning a page that displays a 2 column table of approximately 200 manufacturer names. The page becomes very long but so far isn't

@Pope3001725

Posted in: #WebsiteDesign

I am working on redesigning a page that displays a 2 column table of approximately 200 manufacturer names. The page becomes very long but so far isn't incredibly unmanageable, but I'm trying to apply a more futuristic design.

I provided a sample page to the client with a 5 column table of smaller logos, but due to the vast diversity of colors in the logos it made the page look extremely busy.

The client does not want to have users click to view the manufacturer list (I proposed some jQuery goodness broken down by category).

Anyway, just thought I'd check to see if anybody has any samples of displaying longer lists as I'm not the most creative person around.

Thanks!

10.05% popularity Vote Up Vote Down


Login to follow query

More posts by @Pope3001725

5 Comments

Sorted by latest first Latest Oldest Best

 

@Lengel546

I'd suggest utilizing the datatables plugin for jQuery (at datatables.net)
Just have a look at their examples and see if it suits your needs.

10% popularity Vote Up Vote Down


 

@Lee4591628

Hmm... I think aside cool design you should also think on usability.

Long lists tires anyone. My suggestion, if possible under your implementation, is to paginate results, showing just 20-50 results per page, in alphabetical order.

Simple, gives you a breathe in layout, and any person can use easily.

10% popularity Vote Up Vote Down


 

@Gretchen104

Maybe too obvious, but what about using the js/code used for google images search or shoutcast.com (once you click in a category, showing all radio stations at the right)

Basically it "hides" the content but when click in a large 2.0ish button of Show More, there's no reload, but an instant, non moving deploy of more content. Imo that's best.

Being used lately in many places.

10% popularity Vote Up Vote Down


 

@Ogunnowo487

You can make attractive timeline where all the columns may seem as they are linked by some bakeground image.
Replace standard scroll bar with some advanced/modern control like slider etc.

10% popularity Vote Up Vote Down


 

@Sent6035632

You could try using bigger padding values on the table cells, thus making some visual space.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme