Posts Tagged ‘tools’

Browser Size: A New Tool From Google Labs

Monday, January 4th, 2010 by François

Google Labs recently released a new tool called Browser Size.

What is it?

Browser Size is a visualisation of the browser window sizes people use when visiting websites.

For example, in the screenshot below, the 90% contour means that 90% of people visiting our website have their browser window open to at least this size or larger.

google-browser-size

The sizes represented by the contours are client area sizes, not browser window sizes.

This means they represent the size of the browser without the title bar, toolbars, status bars, etc, and thus give a true representation of how much content can be seen by a particular segment of Web-users.

You can view any website with the same overlaid visualisation by entering the URL of the site you want to check.

Why you should take a look at Browser Size?

Having access to this sort of data is no doubt valuable.

But what I find really special about this tool, is having the ability to quickly check how visible the key elements of a user interface are to a wider audience then your own analytics data could ever provide.

That said, it’s important to note that Browser Size works best on web pages with a fixed layout aligned to the left. For other layouts the results can be misleading.

Google state they are actively looking to improve this tool so expect these issues to be resolved over time.

Tools For Collaborating Remotely

Thursday, January 8th, 2009 by The BCM Team

An image of a man traversing a globe

This is a brief post on the tools we use for collaborating remotely.

Video Chat

Skype is our primary application for this.  However, since Google Mail’s recent release of video chat we have been impressed with the quality-of-service. It also removes the need to have yet another application running.  That said, we will certainly be sticking to Skype for all of our external communications.

Instant Messaging

Messenger, the golden oldie still works for us.  It has the added benefit that it’s one of the quieter ones in terms of noise.  If you are transferring large files while chatting, Skype is certainly faster and more reliable.  Pidgin is a universal IM client that allows you to connect to AIM, MSN, Yahoo, and numerous other networks all at once.  Annoyingly it can be a bit flakey sometimes but it certainly is useful.

Email

Due to the fact that all of our team have been long term Gmail users we decided to use Google Apps as opposed to Zimbra’s Open Source Edition.  Google Apps is a hosted solution that we found painless to set-up and configure.  Once you have played with your domain name settings you are good to go.  We all use email clients so that we have an additional back-up of all our work emails.  Despite each of us having our own preference, we all use one of the following clients Thunderbird, Mail (Mac) or Outlook (Windows).

IRC

Internet Relay Chat is one of the best ways to communicate and get questions answered online and we use it quite a bit.  Our favourite on Windows is the well-known MIRC client, and on the Mac it’s Colloquy.

Project Management

When we started out we were loyal users of 37signals hosted tools (such as Basecamp).  However, we soon found the recurring fees increasingly hard to justify. Don’t get me wrong they are great tools and I have, and will continue to, happily recommended them to others.  But seeing as though we had the skills to install and play with something, we thought we might as well give it a shot.

We soon had Mindquarry and Phprojekt installed and battling for our affections.  Unfortunately we didn’t really warm to either of them, and we quickly found ourselves looking for an alternative.  We finally settled on a mixed approach, combining the flexibility of an installed solution and the more user-friendly UI of a hosted solution.

We now use Trac for all of our technical tasks.  It is incredibly powerful and can be customised fully to meet your specific requirements.  It also has the added benefit of being open-source and having a first-class support community. For non-technical tasks we use a combination of Google Calendar and Todoist.   There has been much praise for Remember the Milk and Toodledo, and quite rightly so.  We played around with all of them but ended up settling on Todoist.

Word Processors

We use Open Office because it’s free and easy to use.  In fact the latest release (v3.0) has somewhat surprisingly totally killed our use of Microsoft Office.

Wiki

We use Trac’s built-in wiki engine, that is used for text and documentation throughout the system.   If you aren’t a fan of Trac or you just want a wiki you should definitely check out Mediawiki or Tikiwiki.

Version Control

We use SVN (Subversion) to maintain current and historical versions of our files such as source code, web pages and documentation.   Our favourite clients are Smart SVN (for Mac) and Tortoise SVN (Windows).

Mockups, Diagrams and Prototyping

We regularly use Mockups (see our review here), OmniGraffleDia and sometimes Visio.   Mockups is certainly our favourite at the moment as it not only suits the way we like to work but it also save us time.

Conclusion

As you can see by the recurring trend, “free” as opposed to “paid-for” is something we value highly.

All of the tools mentioned above have their own unique pro’s and con’s and this certainly is not an attempt to label any of these tools best-in-class.  Rather we wanted to share what we use and what works for us in our specific circumstances.

We hope this post is useful, and if there are any tools you think we should try, please do give us a shout!

Review: Balsamiq Mockups For Desktop

Monday, December 29th, 2008 by The BCM Team

Balsamiq Mockups LogoTo kick off our reviews of the tools we love, we thought we would start with Balsamiq Mockups. Not only is this a great product, but the story behind it is truly inspiring.

What is Mockups?

Built entirely in Flex and deployed through AIR, Mockups for Desktop is a simple tool for sketching up user-interface (UI) mockups. We use it to get a rough idea of what we want our UI to look like and we love the sketch-like approach for a number of reasons:

  • its ease of use replicates the scribbling on paper we do anyway
  • it really does only take minutes to create a mockup
  • it’s so easy-to-use that even your clients can participate in the process
  • it constantly reminds people that you are developing a work in progress and this seems to facilitate better collaboration
  • it forces you to focus on the form and function of what you are designing before even getting into the look and feel

Additional benefits include the affordable price, the perpetual free upgrades (hear that Omni Graffle) and the excellent support.

Who is behind Balsamiq?

Balsamiq was founded by Giacomo ‘Peldi’ Guilizzoni in March 2008. Prior to setting out on his own he was a Senior Software Engineering Lead at Adobe.

The company’s first product, Mockups, has generated over $100,000 in sales in less that 5 months. Check out the company blog to learn more about Peldi’s inspiring approach to developing software and running a small business.

You can download a trial of Mockups for Desktop (Windows, OSX and Linux), minus save and export options, so you can give the software a good work out before you buy. Plug-ins are also available for Confluence, Jira and XWiki.

Our Verdict:

You should definitely give it a trial, you won’t regret it.

Further Links