FanTogether is beginning to come together (enough for beta, anyway) and I thought I’d share a few of my latest contributions to the “Sports Bar” section.
Even though we’re developing with a minimal set of rules, I feel it’s important to keep the tone personal, the forms simple. Furthermore, I’m trying to avoid obvious forms wherever possible and build interfaces that seem more spoken.
The first version of the Sports Bar view focused on two functions: search and addition. While both of these were technically fine, they seemed too impersonal for the kind of experience FanTogether should provide.
After a bit of playing, I decided to combine the search and add functions into a single sentence that sat nicely above where the results would show.
To make things more useful, I added some jQuery that would set focus to the first text input when the document was ready. To support this, I added a peach-ish focus style.
To support more advanced users, I next worked on a decent outline style so users could see where they were tabbing to (via the keyboard). Unfortunately I had to stick with a square outline since there’s almost no browser support – planned or existing – for a CSS based radius on an outline.
Next I expanded the map to fill the available horizontal space, followed by a basic table with jQuery-based zebra striping.
We’re chipping away at the app and are nearing beta. Hoping to make the big announcement soon.