The Blog - Archive for tips

Optimisation Tactics

by adambutler Filed under: Knowledge,Optimisation

Optimisation is a core element in building any successful product regardless of whether its a website, an app or even a game. But optimisation isn’t just about keeping the file size down its about providing the most fitting possible solution for any given task.

When optimising we think about value, usability, readability, communication and personality as well as the more traditional foundations such as SEO and load times. Covering all these core concepts will ensure you have a delicious product.

So how do we do it?

Throughout each step of design, development and testing we think about these core principles based on our collective experience and through experimenting. Here is one such example…

For one of our top secret projects we have in development we have two large containers which you can navigate between, we found that having a drop shadow these containers caused a subtle but noticeable lag when animating in and out. As with any project there is always more than one technical way to active a task so we brainstormed potential fixes which would allow us to keep the design with a drop shadow.

We decided to trial our current method (A), animating css position values, against CSS Transitions (B). To stress test the demo each container was filled with 2312 child elements all individually coloured and with opacity. The parent containers have the same drop shadow as we intend to use in our project.

Method B out performed A quite significantly in each of the tests. Spending just a little bit of time on this problem helped ensure we had a buttery smooth animation. Although this is a very specific example this logic is used each of the optimisation tests that we run and is essential to making great products.

You can view this test here…. but remember it is a stress test so it may crash your browser.

Three simple questions for AB testing

by Mark P. Filed under: Knowledge

Here’s a super quick way to explain content testing (AB testing). I’ll get flamed for the brevity of this but in essence this is all there is to it and makes it simple to explain.

The three questions I need answers to before I set up a test are:

  1. WHAT to test?
  2. WHAT to try?
  3. WHAT to measure?

No matter how complex (or not) a test is, these three steps apply.

Example:

What to test

The copy within an “add to cart” button on a specific product page. It currently says “Buy now”

What to try

I’d like to try two different copy variations:

  • “Add to cart”
  • “Add to basket”

These variations could also be the size of the button, the background colour of the button, or combinations of all of these.

What to measure

  • button clicks – how many users have clicked the button?
  • general page engagement – has there been an effect on the rest of the page?

You could test for fluctuations in surrounding content as well, such as size drop downs, etc. Have they been clicked more or less? Without testing it’s hard to know what the impact of certain changes will be.

There’s a lot more testing than this for sure. One of the biggest questions is “how long should the tests run?” and to be honest there’s no hard and fast rule for this. I’d welcome more feedback on this as everyone has a different opinion.

Tendering guide for SMEs – How to prepare a tender template

by Julia Filed under: Knowledge

Writing tender responses or proposals is time consuming, however the most important thing to do the right way if you want to win new contracts. Be time efficient by learning what to include in a tender template so that you can get more proposals in by that deadline!

If you are a small to medium business offering services then this simple guide will help you to prepare a tender template. Here’s what you need to include:

Template design

A simple design with a header and footer not only makes the document look professional but shows your brand identity and makes you more memorable. If you have one, use your logo in the header and your contact details in the footer.

Front page

Using your template design or colours create a smart front page with the name of the buyers company, organisation etc. and the title of the contract or tender.

Contents table

This is a time saver for the buyer who has to read endless contract proposals, so help them out by including one.

Introduction

Every business needs an introduction that explains who you are and what you can provide for the buyer. Spend some time on this and make it striking. First impressions are of course important!

Main section

The main section will be be the hardest part and will take up the most time. Even if you only provide one type of service, each job will be slightly if not very different. The best solution to this is to collect past tenders or look at typical questions you would be asked. By doing this create and A-Z of of useful facts and answers. Put absolutely anything in there that may be of slightest use.

I use my A-Z daily! Instead of re-writing answers you can just edit and tailor what you already have!

Your working environment

A simple summary on how you manage your projects or services. What approach do you take to managing the work, do you have specific methods of doing this? For example, we use an online application (Basecamp) to manage our projects in the most efficient way possible, allowing us (and the client) to have as much information at hand at any given moment.

Staff CVs

Buyers will need to know that you have the right skills and experience amongst the staff, so here’s your chance to show of your wonderful team members.

Statements and policies

The majority of tenders (especially government/public tenders) will ask to see that you are compliant with laws and regulations. Having these policies collated together in one document will save time and hassle. Even if they are not asked for they are always important to include!

Firstly you should have an environmental policy and an equal opportunities policy, they are standard for businesses to have so if you don’t then seek help on how to write them.

You may be accredited with the ISO9000 Quality Management Policy, if so include it. If not then you should have a statement written up for your business, almost every buyer will ask to see this. If you have the time then I would suggest seeking advice on how to gain the ISO9000.

If it is of relevance, you need to ensure that your company is compliant with the Copyright Law and Data Protection Act 1988 and it may be worth checking out if you need to be registered with the Information Commissioners Office under this act.

Testimonials and case studies

The best way to prove that you have what it takes to do the job is to provide examples of past work, and if you have testimonials that’s just the icing on the cake. Word of mouth in my opinion the best form of marketing, having a client testifying how brilliant you are/were can give the winning edge.

Try to include case studies for all of your work that way when using the template you can delete the ones that aren’t relevant to the contract you’re tendering for. For examples of case studies take a look at “Our work” page.

When writing tenders it’s important to answer the questions in the specific order that they are asked in. Many tenders fail to do this and wonder why they are never shortlisted or selected!

Remember this template is only a rough guide to help you prepare tenders and that each one needs to be tailored to the specifics of the contract. The idea of this is to ensure you have the majority of information ready at your fingertips.

Link goodness – August 25th

by Julia Filed under: Knowledge

Collect rewards with the new Topshop Campaign

Topshop has partnered with location-based mobile gaming app SCVNGR for their back to school campaign. A clever app designed to draw customers into the stores and have them engage more with the clothes.

Thoughtbot Playbook

The guys at @thoughtbot have taken their experience and studies and released playbook: a guide to building web and mobile apps.

How Marketers Can Get More From Infographics

Why have these colourful charts and illustrations become more popular? What makes them so valuable to businesses and brands?

Batman.js

Want to “build apps beautifully and quickly”? Shopify have this week announced the release of batman.js to the Javascript community.

The Launch Effect

Need a viral-ready WordPress theme for your launch? Try this.

Geckoboard

Geckoboard makes it quick and easy to create a really impressive dashboard like this in minutes!

A Primer on A/B Testing

Data is an invaluable tool for designers. Learn how to use A/B testing to easily measure user experience and the effect of different design, content and functionality.

Link goodness – August 18th

by Julia Filed under: Knowledge

Facebook streamlines developer application

Yesterday, Facebook announced a redesigned developer application to make it easier to update basic app settings.

The new streamlined user interface shows the different app integrations and walks developers through the fields needed to get started.

Knockout.js

Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM). Get started with easy interactive tutorials!

Photographers flock to Instagram

Find out why this iPhone app is proving so popular amongst fashion photographers. Don’t forget to check out the gallery of the top photographers using Instagram!

Music in Space and Time

IanniX ”makes spectacularly strange sounds out of spectacularly beautiful flows of geometries through space”. Here Peter Kern explains and shows off some of what this open source sequencer can do.

10 things I’ve never heard a successful start up founder say

“I wish we had spent less time talking to prospective customers before designing interfaces and writing code” is just one of the ridiculous quotes you would never hear!

SmartOS

Joyent have open sourced SmartOS and it looks INCREDIBLE!

Getting refunds on open source products

Marak Squires explains some of the common courtesy that is missing from new developers using open source. There are no refunds!

Business relationship apps

Businesses need good relationships. These mobile apps help to grow brand-consumer interaction to build and strengthen these relationships. Mashable give you three examples.