Mobile app version of vmapp.org
Login or Join
Fox8063795

: What resources can help me with some basic design skills for an internal web application? What resources could I (a programmer) find to help me with some basic design skills for an internal

@Fox8063795

Posted in: #InformationDesign #ResourceRecommendations #WebsiteDesign

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.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Fox8063795

2 Comments

Sorted by latest first Latest Oldest Best

 

@Reiling762

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 appro­pri­ate lead­ing (line-height) and is invalu­able in any lay­out that uses columns).
A guide and library on Responsive Tables, in case you need your site to respond to different resolution or devices.
Smashing Magazine's article on Web Form Usability, and their system for rating and comparing websites :) I definitely recommend checking their articles, most are really good!

10% popularity Vote Up Vote Down


 

@RJPawlick971

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme