Hey,
I thought id write a quick post about…well, the things you may not notice, some of you may, some might not, I’m talking about “the little things” which make an application’s UI that extra bit more awesome over competition.
Caffeinated took on the 3 column design along time ago, since then, magically after I released few early screens, we have seen more applications / developers have adopted this. Im pretty sure I wasn’t the first, but I think a trend got set, so it was for the best. But lets look at the smaller things which I spend many hours trying to make :
First up, split views…
I hate dealing with split views, they give you this horrible line which doesn’t really go with anything with your application. Sure you can change the colour and its width, but for me, that wasn’t enough, behold this small thing that I’m sure not many people would even notice…until I take it away…
Looks pretty normal…but you will actually notice, the top 40px of the split views vertical line is actually a different colour then the rest, this is so it works well next the the filter bar. who knew!
Another thing that really gets on my nerves are having the table view grid lines for a selected item always in view. Correct me if I’m wrong, but if you select an item, surely its grid lines should not be in view?
Its ever so small, but its also the same with if a table cell is selected / in-between two “group items” then I remove the grid lines around it and if its selected, remove the appropriate selected lines depending on its surroundings.
Like-wise same principle with sticky row headers – I’m not sure how Apple have done this 10.7 but its rarely straight forward……until you add in transparency, transparency caused me grief, I think it looks cool but its adding the extra bit of complexity into the overall question “how do I get this to work?”
The way the group cells work within Caffeinated is by grabbing the prepared cell, and drawing it over the top of the content within the tableviews drawing methods, this is fine, but it also means that the cell thats sticky is still inside the table and would be visible under the transparent group cell which is the exact clone of it.
Compare the two :
The top one has its non sticky version of the cell directly behind it, as you notice, you have to make it non transparent for this to actually look good…or it looks confusing! The bottom one is fine as the cell thats within the scrolling table is off the top of the view which means we can make this transparent.
There are a bunch of little things here and there which I have spent a lot of time finessing. Some I’m sure you would never ever notice were there. Im hoping my concentration to detail and pixel perfection will make Caffeinated a great user friends application for you wonderful people to use!
Feel free to post comments :).