1

I am building an internal, data-heavy website for my company on the Microsoft stack (ASP.NET 2.0/C#/SQL Server). Lately I have been trying to improve the layout and design of this site, partly because I want it to look good for my employers, but mostly because I want to learn about page layout and design.

My question is, what is the first thing I should know about improving the layout and design of pages in a data-intensive (e.g. lots of large grids, validation, minimal navigation, etc.) website. I really have no idea where to begin.

Matthew Jones
  • 25,644
  • 17
  • 102
  • 155
  • Totally off topic, but why .Net 2.0? .Net 3.5 supports LINQ. If this is a data heavy website, you may love using LINQ as opposed to traditional SQL queries. – Michael La Voie Sep 17 '09 at 17:47
  • For what it's worth, you may have better luck with this question on doctype.com. – Steve Wortham Sep 17 '09 at 17:47
  • Because my corporate servers have not upgraded to it yet, though it is planned for sometime in the next year. – Matthew Jones Sep 17 '09 at 17:48
  • Fair enough. I once worked at a bank whose "cutting edge" technology was at least 5 years old. And that was reserved only for new, low security development :( – Michael La Voie Sep 17 '09 at 17:55

5 Answers5

3

Just Don't Make Me Think.

Marc Gravell
  • 1,026,079
  • 266
  • 2,566
  • 2,900
Wyatt Barnett
  • 15,573
  • 3
  • 34
  • 53
  • 1
    Fantastic usability book, I also suggest that the op for this question give SERIOUS consideration to usability testing with mockups. – Mayo Sep 17 '09 at 17:58
  • I found it rather simple. I come from a background of e-commerce usability optimization, and I'll say if you have any experience in this field, this book is not going to make you any smarter. – orokusaki Feb 05 '10 at 04:54
1

This is something I constantly learn about myself.

I'm not sure what to say exactly. But I can recommend a good source... Alistapart.com. In particular their "design" section of articles are good and may provide just what you need...

http://www.alistapart.com/topics/design/

They talk about designs, layouts, and in many of their articles -- the HTML & CSS required to make it happen.

Steve Wortham
  • 21,740
  • 5
  • 68
  • 90
1

I consistently refer to this article when asked this question. This is by far the most to-the-point summary you can read:

http://wefunction.com/2009/04/quality-within-web-design/

The first 4 points I believe would apply to you the most. Here's a quick synopsis:

  1. Spacing
  2. Pixel Perfect Detail
  3. Well thought out Typography
  4. Organization of Elements
  5. Restraint & Subtlety
  6. Using Colour to it’s Full Potential
  7. Doing something Nobody else has done
Joshua
  • 3,615
  • 1
  • 26
  • 32
  • There is one thing I disagree with, and that's their examples under the "Doing something Nobody else has done" section. Funky navigation is rarely a good idea for usability. And in my opinion usability really should be the primary concern. – Steve Wortham Sep 17 '09 at 18:21
0

Hypothesize. Test. Reiterate. Iterative testing is the most important thing you can do because it gives you objective evidence as to what actually works. If you were doing an external website, you would have an analytics package that you could use for this. With an internal website, pull some of your colleagues in from the hallway and ask them to use the new layout while you observe them. You'll learn a lot by watching your users and you can make changes based on what you learn.

VirtuosiMedia
  • 52,016
  • 21
  • 93
  • 140
0

Well the FIRST thing for web is the browser box model.

Mark Schultheiss
  • 32,614
  • 12
  • 69
  • 100