If you've been following along in the Building a Web Application series so far, you'll have already seen how the design of the application has changed from it's initial visual design to the current prototype. However, I wasn't entirely happy with it.
Allow me to introduce design #3. Only a few things have changed from the last version but I believe I gave it enough oomph that I won't feel the need to backtrack over the design phase again. I'd like to touch on a few of those changes.
I showed the original design to my wife and her response was, "it's boring." Ouch. Not really what I wanted to hear. At least she's honest. So I set out to add some colour in a way that wasn't overbearing and cluttered. Working with the blue and green of the design along with the greys and oranges of the intial design, I added colour in various spots where it seemed to fit. I'll let you be the judge of whether I was successful or not.
Take a look at the section view page. You can see that there is now an Add and Delete tab at either corner of the table. This gave me the opportunity to add some colour. Adding colour helped address the "boring" dilemma but also created greater prominence for these two most oft used buttons.
I rearranged and removed some elements which would allow a consistent placement of the add and delete tabs throughout the admin.
Check out the old version of the Edit page and then compare it to the new version. Originally, I had some explanatory text indicating how many times the page had been viewed. By removing that and adding a sparkline, I'm suddenly able to present a greater amount of information in one place and in less space.
The user will then be able to click on the sparkline to view a detailed report of page statistics.
Originally, I had sort order indicated by light grey text. To simplify things, I removed the text from the interface and then reworked the table colours to show sort order. Highlighting the column header is fairly common. And once again, it opened the door to infuse the design with some colour.
With each iteration, I've been able to simplify the design. I've done this by removing functionality or integrating it in a way that was unobtrusive. All-in-all, I think the design is even better than before. But don't be shy... what do you think?
Also, check out the latest revisions to the program flow.