In my last post I mentioned that I will be working on a sort of web resume app built in Angular. But before I can actually do any coding, I have to decide what the gosh darn thing is gonna look like. So I thought I'd share some of the principles I try to use - emphasis on try - when working out the design of a new project.
Image courtesy of Pixabay
First a caveat
I am not a designer by any definition of the term. Nor do plan to ever become one. I believe that I am able to put together interfaces that at least look descent, not great, won't win any awards, but good enough to at least make you think "This app could have been made by a professional". And to be honest that's good enough for me at this stage. To illustrate I'll add screenshots of two of my previous apps:
A crossword generating app: Crossword Creator
A drawing app: github page, sorry it's not hosted.
Now that that's out of the way, let's begin shall we.
1. Plan ahead...
...or at least try to think ahead. You have to try to imagine how a user is going to use your app and what information is going to be displayed. Split it up into different sections or pages to make it a little easier to digest. Once you at least have some idea what it should do, deciding what it should look like becomes a little bit easier.
And even if you have a vague image in your head, it's still a good idea to plan at some level beforehand - because tomorrow you're going to forget that grandiose picture.
2. Keep it consistent
Nothing screams amateur like a site with different fonts and colors on every single page. Or worse still... on the same page! Decide on a style and stick to it - unless you have a really, really good reason not to - if this happens to be the case for you, you're probably not going to learn much of anything from this post.
3. Not too much, not too little
Another instant ipecac like trigger for an app is when there are just so many things going on... Of course it may not always be obvious that your app has become a candidate to star on Hoarders
On the other hand, if your users are just going to stare at a giant white block most of the time, they're not going to stay users for very long. Looking at an almost blank page is boring. Too be honest, I think I tend to make my projects a little too sparse too.
The best way I can think of to try get a gauge of how balanced your content is, ask a friend to give you their first impressions and adjust as needed. Which brings me to my final point for this post...
4. Take all the help you can get
This can take many forms:
- Asking for someone's opinion on your initial draft - if that person is a designer even better.
- Reading up on good practices - as a side note, while researching for this article I came across a pretty well thought out slideshare you can find here that you can use as a starting point.
- Use a design library or framework - except Bootstrap because every developer and their grandma uses it and frankly it's getting annoying. A good library will very likely have people that do design for a living working on it. The most popular route to go these days is Material Design - although that will probably become the next Bootstrap.
I think that about covers the extent of what I think I know about design. If you happen to be an actual designer that made it this far, hats off to you firstly and secondly I'd love to hear what you thought/know I got wrong. Leave a comment below.