home

Boost Blog

Archive for the ‘Design’ Category

July 29th, 2010

New look for the Poet Laureate on National Poetry Day

Posted by courtney on July 29th, 2010

Friday 30 July is New Zealand’s National Poetry Day, a ‘celebration of this country’s unique and vibrant poetic voice’.

Just in time for the celebration, the National Library of New Zealand has released a new look website for the New Zealand Poet Laureate.

The website was set up on the Blogger platform in January 2008 and over the past two and a half years has filled up with rich content provided first by Michele Leggott (Poet Laureate 2007-2009) and now Cilla McQueen (the current Poet Laureate). During Michele’s time as Poet Laureate the site had functioned as a normal blog, with regular updates from Michele as well as the publication of pieces of poetry (such as wonderful to relate and work for the living). Cilla McQueen took a different approach to the blog, writing Serial, a poem published in many pieces, each accompanied by an item from the Library’s pictorial collection (see the chapters so far: Higgs, Hotdog, Birdie, Inflation, Pleochroic). All this activity meant the site was becoming a little difficult for visitors to understand.

The National Library wanted to stay on Blogger, but also wanted to bring the site into focus with new content and a new look. Earlier this year Blogger introduced the ability to add static pages to blogs. This meant that the Library could now set up individual pages for each of the laureates, as well as an information page about the New Zealand Poet Laureate Award itself. While staff at the Library were working on new content, at Boost we were working on a new design and template.

The Library wanted a design that was clean, elegant, and served the dual purpose of showcasing the changing content that makes up Serial, while also providing clear paths to information about each laureate and the Award. The Poet Laureate Award does not have a brand as such, so we were asked to keep the design consistent with the Library’s existing brand guidelines. In discussions with staff at the Library we discovered that intelligent use of typography was important, as well as creating a sense of space and ease for people visiting the site.

New Zealand Poet Laureate homepage

New Zealand Poet Laureate website - homepage

The resulting design hits all these notes. The navigation is treated as a frame for the main content and presented in a quiet shade of grey, enlivened with flashes of teal green for roll-over effects. A number of small tidy-ups have been put in place, such as subtle frames around images and repositioning comments and tags, to reduce the clutter on the page. Fine horizontal lines have been introduced to help separate individual pieces of content and navigation.

New Zealand Poet Laureate  - single entry

New Zealand Poet Laureate website - single entry

So, why not celebrate National Poetry Day by checking out the site? You can also find poetry events all over the country on this calendar on the Booksellers website.

Tags: Design, poet laureate, poetry
Posted in: Design
No Comments
 
July 16th, 2010

Friday links: design, development, usability and more

Posted by courtney on July 16th, 2010

This is the first entry in a semi-regular series sharing things that we’ve been looking at and reading recently …

Sarah (one of our project managers)

  • Broadband becomes a legal right in Finland
  • Guggenheim collaborates with YouTube and invites video submissions

Sue (one of our designers, recently returned from a break in the sunny northern hemisphere)

  • Eye-candy and inspiration on www.citid.net
  • Great experimental fonts (also: free!)
  • Lighten up your winter blues: heaps of colour and shapes on Coolhunter

Alastair (one of our developers)

  • Firefox 4 introduces more HTML 5 and CSS functionality. One step further towards the death of Flash? Still in beta so one for the developers.
  • Excellent! Wayne and Garth spotted in the UK. Party on!

Rachel (our office manager)

  • Artist creates masterpiece on an iPad
  • World Cup 2010 statistics: all the key data for each team, from the Guardian

(Rachel notes that she’s not as much of a sports fiend as the above link might suggest, and also recommends data/infographic blog Cool Infographics)

Jake (who looks after our usability testing tool IntuitionHQ)

  • David Gillis on Fusing Content Strategy with Design, in UX Magazine
  • The Real Life Social Network, slides from a presentation by Paul Adams, Senior User Experience Researcher at Google
  • Gnarcade – Video Game Invasion: for video game fans, and geeks in general

Courtney (that’s me – project manager)

  • Aaron Straup Cope’s magical slippy map showing the world as revealed by geo-tagged photos on Flickr
  • Significant Objects, an investigation of art and the market through short stories and eBay
  • Swallows and Amazons, the current exhibition at Robert Heald Gallery, which is close to our office – on show until 31 July.
Tags: inspiration, research
Posted in: Cool tools, Design, Development, Random thoughts, Usabilty
No Comments
 
March 16th, 2010

Iterative design – working on IntuitionHQ to improve the user experience and usability

Posted by Nathan on March 16th, 2010

It’s been 5 months since we launched IntuitionHQ, our online usability testing application. We have not quite found the time to write a post about IntuitionHQ but will be writing a couple over the next few months to help you find ways to improve you design and your business with usability testing.

We have however been busy. Over the last couple of weeks we have spent some time identifying areas within IntuitionHQ where we can improve the user experience.

The first area we have focussed on is the test taking page. We evaluated the existing page and came up with a list of things we think the page needs to do in order of importance:

  1. It has to be fast
  2. The user must be able to clearly see the task they are being asked to perform
  3. It needs to be clear where the site ends and the test page begins

Making the list from the user’s point of view was extremely valuable and gave us a clear understanding of what needed to be done.

Improving the speed of the page loads

We started by looking at each of the steps the page takes when loading. It soon became clear that the round trip to Amazon S3 where the images are stored was taking far to long. Further investigation showed that we were searching for the bucket based on the URL each time. Fixing this has brought significant speed gains. more »

Tags: IntuitionHQ
Posted in: Design, Usabilty
No Comments
 
August 11th, 2009

Using Litmus to integrate cross-browser testing into our workflow

Posted by Nathan on August 11th, 2009

Cross-browser compatibility issues are the bane of web developers world-wide and in this ever shifting landscape it is important to have processes that integrate cross-browser testing in a robust and systematic way. Over the last 9 years we have evolved a robust workflow for web development and cross-browser testing is an integral part of this.

An overview of the process

We start by constructing the HTML/CSS in a text editor (Textmate, RubyMine IDE or Aptana IDE) and viewing it in Firefox. We develop standards compliant HTML/CSS, so Firefox is a great starting point as it supports the CSS standards well and enables us to use a number of key tools including Pixel Perfect, YSlow and the Web Developer toolbar.

Once we are happy that the design is accurately implemented in Firefox we use Litmus to create screenshots across a selection of Browser/Operating System combinations. Litmus has a number of great features that really make this process easy. Firstly, you can retest the page with a simple button click and Litmus keeps track of the revisions, secondly Litmus uses the W3C validators to check that the HTML and CSS validate and links trough to the error pages and thirdly Litmus lets us indicate visually whether a particular combination is rendering correctly so we can keep track of what is complete and what remains.
more »

Tags: Quality assurance
Posted in: Cool tools, Design, Development
1 Comment
 
July 31st, 2009

Making your site Pixel Perfect

Posted by Nathan on July 31st, 2009

Here at Boost we lovingly handcraft our HTML and CSS when implementing our designs. We use text editors rather than programs like Dreamweaver or Frontpage. We find it’s faster, and it enables us to produce clean, correct code that’s easy to integrate.

Our process starts with the production of the designs in either Photoshop or Fireworks. Once these are approved by our client, we convert them to HTML/CSS templates before integrating them with the web application or content management system.

At the HTML/CSS stage we use two tools to ensure the design is being accurately implemented: Pixel Perfect and Litmus. Today I’ll focus on Pixel Perfect - I’ll talk about Litmus another time.

more »

Tags: Development tools, Firefox plugin, Quality assurance
Posted in: Cool tools, Design, Development
2 Comments
 
April 10th, 2009

Using Google Optimizer to improve your conversion rate

Posted by Nathan on April 10th, 2009

It seems that week on week Google introduces new tools without fanfare and it’s easy for these to slip by unnoticed. A year or so ago Google Web Optimizer appeared in the Adwords toolbar. There hadn’t been much of a buzz about it appearing but who could ignore a link that promised to ‘optimize’ your website, and from Google no less.

Taking a closer look at Google Web Optimizer it was clear this is a very useful tool in the web designers toolkit. In a nutshell it allows developers and designers to test variations of design, copy or even whole pages.

more »

Tags:
Posted in: Cool tools, Design
No Comments
 
  • Categories

    • Agile (3)
    • Cool tools (5)
    • Curriculum (2)
    • Design (6)
    • Development (14)
    • Drupal (1)
    • e-Learning (6)
    • Publishing (1)
    • Random thoughts (2)
    • Ruby on Rails (8)
    • Social media (6)
    • Usabilty (2)
  • Archives

    • July 2010 (6)
    • June 2010 (2)
    • April 2010 (1)
    • March 2010 (1)
    • February 2010 (1)
    • January 2010 (3)
    • December 2009 (1)
    • November 2009 (1)
    • October 2009 (4)
    • September 2009 (2)
    • August 2009 (3)
    • July 2009 (6)
    • June 2009 (1)
    • May 2009 (1)
    • April 2009 (2)
    • March 2009 (1)
  • Boost Loves Design

    • I love Typography
    • IntuitionHQ | easy website usability
    • OMG It even has a watermark
    • Follow me on Twitter
    © Boost Limited.
    All rights reserved.
    CONTACT US
    info@boost.co.nz
    tel. (04) 939 0062
    fax. (04) 939 0063

    Level 6, 175 Victoria Street
    PO Box 11504, Wellington
    New Zealand