Over the weekend
Decided to take it easy. Jon went ahead to make some more minor changes on the dashboard page. And we decided we had to have some more wireframes for the page layouts. While he was hard at work thinking, I continued on a couple other things:
If the Liftoff workshop’s GAE crash course didn’t cover the idea of MVC cogently, this pretty much explained how MVC works at the AngularJS level, as Angular pretty much breathes that concept. Pretty awesome how I stumbled on this on Hacker News just in time on Saturday as well.
Read enough into the basics to cover what was necessary so I could clear the confusion with the terminologies that show up on my git client – Tower. That said, I prefer the command line now that i’ve managed to do two lines of nifty (and helpful) codes that improve the user experience:
$ git config --global core.editor “open –t –W”
$ git config --global --add color.ui true
The first one tells the git application which editor I want it to use, in my case it’s Sublime Text, and since I’m on a Mac, the second option gives me colour on the user interface on the terminal. Neat.
- Explore existing implementations
As we needed more design ideas for the layout, considering how barebones everything seems to be on our development machines, I decided to go search around for existing polling applications that are out there online. Most of them are catered for surveys (SurveyMonkey.com) and the good ones require an account and a price plan (Polldaddy.com). Amongst them, I found Checkbox to be the most balanced, even though the use cases differ a lot from ours. Checkbox gave me more insight as to what we should include into our Information Architecture, as well as the additional features we might want to implement in future: such as to include a full fledged survey on top of our one question polling system.
Moreover, as I explored into some of the layout best practices, I also picked up on the Rule of Seven, that is one should have no more than 7 things on the global navigation bar (not that I think we are able to come up with 7 anyway).
- More CSS and HTML, Wireframes
Read into CSS selectors and media queries as part of the Responsive Web Design package. Learnt about the box model and this amazing thing called
box-sizing, as well as the float layout. Since the days of IS2102, I’ve been using Draw.io to do use case diagrams and activity diagrams amongst others, but it can do so much more. Instead of drawing with pen and paper like we did initially for our brainstorming, I’ll be using objects from Draw.io to facilitate our wireframes and design ideas. What I like most about it is the integration with Dropbox or Google Drive, which makes storing and retrieving the templates easy.
The Week Ahead
I’m certainly going to be busy with other commitments on a list of priorities, but the plan seems to be pretty well defined. Shall use the evenings to speak more with Jon on what’s going on.
We intend to purchase the feedbaker.com domain to use on a DigitalOcean droplet (yeah we’re spending money) by this week when we can get more of the layout done up – mainly so we could test on a server that doesn’t deploy from our machines. Fiverr.com is also something we’re looking at to get our graphic designs and logos and other neat sprites that we want to generate from – all for only 5 bucks.
Meanwhile, time to get on to more prototyping.