What resources could I (a programmer) find to help me with some basic design skills for an internal web application? I don't mean to make it look like it is off the shelf, but I would like to group information together in a nice format, to have tabular data displayed nicely, get some icons for "help", sorting, deleting, adding, saving, etc. I'd like to start with some best practices for when I design reports so that they can be printed relatively cleanly, etc.
Skills required can span graphic design, ui design, information architecture, user experience, and front end development (CSS, HTML, JS).
Not knowing which of those skills you may or may not have, some general suggestions:
- steal. Look at lots of good interfaces. Borrow from them.
- keep it simple. Use fewer colors, not more. Use fewer screen layouts, not more.
- leverage a framework. There's lots of UI frameworks out there these days...jQuery UI being one of many.
- focus on tasks.
- user test.
- think like a user
Frameworks are definitely a good idea. Bootstrap is one of the most famous one, but MailChimp also has a collection of atomic elements that can be used to assemble new UIs quickly. It's called a Pattern Library.
Some other interesting references (more like a link frenzy, but you might find some of these interesting!):
Compose to a Vertical Rhythm is a guide to calculate optimum vertical rhythm (the spacing and arrangement of text as the reader descends the page) by using font size, line height and margin or padding.
A similar approach but for Baseline Grids (A baseline will ensure appropriate leading (line-height) and is invaluable in any layout that uses columns).
A guide and library on Responsive Tables, in case you need your site to respond to different resolution or devices.