Blog - Web design Leeds, Big Red Circle we do web design and web applications

Yes, the advert is now on TV. The one with the big Coca Cola trucks in the woods on a mystical journey to my town spreading christmas joy and wonder at every wheel spin whilst pumping out music which is clearly over the fair usage decibel levels for an evening but nothing else matters as I’m only getting a bottle of coke for christmas…

I love this advert. I must bow down to Coca Cola and the amazing marketing message they convey. I don’t think this advert was even aired when I was a child, so the sense of nostalgia and merriment I feel is completely false. This is nothing short of a miracle on Coca Cola’s part? Or perhaps subliminal images? Mass Christmas Hypnosis?

Anyway… tiss the season to be jolly it’s always the real thing!

Deck the halls with festive headers

As it’s tradition to erect trees inside the house at this time of year we are embracing the slightly newer tradition of adding a Christmas themed header to the site. It gets dark at 16:00 GMT so be sure to check back during the day to see it in all of it’s daytime glory.

Next year we WILL have a new website design

With all that has been happening in the twilight months of 2009 BigRedCircle has been very busy to say the least. Hopefully by proclaiming this on our blog it will make us knuckle down and actually get it done. We have been suffering from “That’s the next thing on our list” syndrome. It will be done.

We are still working hard and wishing every last one of you a very merry christmas and a fantastic new year.

Merry Christmas!

David McGeorge
Director

Every year I go to at least one conference (if you don’t I would highly recommend it) often The Future of Web Apps or The Future of Web Design, other conferences are available for the web design industry.

Each year and I come back and  write up my experiences. This is both informative and therapeutic. At BigRedCircle we try and focus on useful content and usability in everything we do and outings to The Future Of Web Aps should be no different.  

So this time the experiences of one man and a conference have been summed up in the infographic below. (Click to Enlarge)

The Rules - how it was rated

Each speaker was given a score out of 20, given at the end of each talk which was split into the following categories: Inspirability, Engagability, Teachability and Wowability. What do you mean ‘they’re not real words’?!?

5 – Inspirability (How inspiring was the speaker)
5 – Engagability (How engaged was the audience with them)
5 – Teachability (Did they teach me anything new)
5 – Wowability (How much did it make me go WOW!)

I also added a bonus ‘self promotion’ score but as this is a web conference and the speakers are generally talking about themselves or their products I decided not add this to the overall score.

Panels or talks with more than two speakers were not added to the results.

Topics covered by the speakers

A Percentage rating was also given for the content of each speaker

% – Web apps (how much of the talk is actually about web apps)
% – Marketing (how much of the talk was about marketing)
% – Development (how much of the talk was about web development)
% – Business (how much of the talk was about business)

Although this information was taken the infographic only displays the % of webapp content. This made the graph a little easier to understand.

This is by no means a scientifically accurate representation, the scores were given by one person and are massively biased so enjoy. If you attended let me know if you agree.

So here is a task we have massively underestimated! Like Boris from GoldenEye I too thought “I was invincible!”.

“What? We can do anything, coding is easy I’ve been doing it for over 10 years now… A new programming language sure, add it to the list… I have made apps for windows before this will be a breeze.” – David McGeorge, BigRedCircle 2009

In retrospect Boris did die at the hands of Bond in a liquid nitrogen incident. For me, Bond was out of the picture but unfortunately we came to a similar end (almost).

Why couldn’t it be done?

OK, please point and laugh at me for being so naive. I really did expect to get on board with this quick project and bash out a fairly simple iPhone application.

Half expecting it to be a little more difficult than building a dashboard widget or a little flash application. Most of my preconceptions about the iPhone SDK were gone within the first few hours of working with it. An iPhone app has all the complexities and flexibility of a regular desktop app just with a smaller screen. Web developers take note!

As a company we could create a web app in 4 days if the idea was simple enough. This is because we already know the main things that are needed.

• We have lots of experience coding in php
• We are experts in JavaScript
• We can write CSS with our eyes closed
• Coda is the application we use to make websites. We know all the shortcut keys and menu items.

All of the above are needed before you can create a web app. With an iPhone app the requirements that you have to know are:

• How to programme in Objective-C (Apple’s programming language which is different to most)
• Xcode (Used to write and debug your code)
• Interface Builder (to create the interface and link it to the code written in Xcode)
• iPhone Simulator (to test your application)
• Not to mention the multiple performance tools needed to see how your app performs

Because we are all web developers none of these skills were instantly at our fingertips and all required learning.

Research the platform not the app

After doing a little more research about developing for the iPhone I found a few quotes, this one really struck home “Our team of 12 created this app in less than a month!” wow less than a month… Our team of 1.5 had 4 days.

If you are a web designer it’s a long way from Dreamweaver, trust me!

After looking at the competition I think the idea of a cinema show-times app is a good one, that’s why we will still pursue it. The competition, be it more complex and feature rich than what we proposed is simply not good enough from a user experience point of view. So unless someone else comes out with a Super Simple Cinema Times app we are still in iPhone production mode.

Was it worth it?

Totally… We love to learn new things and I will be constantly working on this app until it’s finished (but not in the usual work time).

As much as I feel bad for not reaching these, now looking back, slightly ridiculous targets, we gave it a good shot. It’s back to the class room, download a few more tutorials and hit the code again.

Amazon.com is one of the biggest and probably the best known of all online e-commerce shops. It was launched way back in 1995. It sustained the first internet boom and survived its following bust. It played a big hand in promoting the benefits of online shopping and is still most peoples first online shopping experience. I know it was mine (Gleaming the Cube on VHS… what. Its awesome!)

I believe that, not all but the majority of Amazon’s success has been down to its user experience and usability. It was one of the first internet shops to take usability seriously, and to my knowledge, the first to do full usability testing on a website.

Lets see what they did right.

For a closer look check out the slideshow above. Click ‘Full Screen’ for a massive view.

1999 (party like its…)

This is the earliest screenshot I have and by this time things have moved along well for Amazon. No longer did they only sell books, now a whole manor of departments are listed. The first thing that stands out is that the logo is not in the standard top left corner. The left navigation is a waterfall of links and text. A little difficult to read I think.

2000 (Lets all meet up in the year…)

Now everything has gone haywire and they have departments coming out of their ears. This is a good example of how top horizontal navigation does not grow well with a website. I suppose its still usable in this form but it looks terrible.

2001 a space odyssey

The top navigation had to be tamed. A victim of their own expansion. Too many departments forced them to only show a few departments with a “see more stores” link. The left navigation has also been brought a little more inline. It doesn’t hurt the eyes anymore.

The colour change could have been a seasonal change but the more important usability change is that the left navigation is no longer in alphabetical order. When you have a lot of departments alphabetising the navigation is often a good way to help the user. On the other hand, if 80% of your visitors use only a handful of departments you are helping them enormously by ordering departments by popularity.

2002 (No song or film has 2002 in the title)

Why change a winning formula? More of the same apart from a slight tweak to the left navigation. It is now far more usable with just a touch of organisation and section heading. Users don’t read anything online (in most cases). If you can make content easy to skim users will love you for it.

2006.

A drastic redesign is required now that Amazon has 32 stores to fit in. Why the logo was put inside a tab, I will never know. Don’t mess with the convention of a logo as the home link situated at the top of the page.

With the department overload, a new ‘favourite department’ functionality has been shoehorned in. This will do nothing for usability and I would be surprised if any user would take the time to customise the navigation of an online shop. Would you?

Hurray the search is back. I have no idea why they would remove such an important usability and navigation aid from the framework of the website. Its not a win win situation because they also added an Amazon A9 search box. This searches the web but looks just like a regular internal site search. Even with the title ‘web search’ I still paused and had to think. (We all know that’s bad idea don’t we Steve Krug).

2007.

The year of the product. No massive changes to usability but a style change to the way products are displayed. Less text gives it a cleaner look whilst the carrousel product spinner gets a lot more items on the page but doesn’t clutter (much). Amazon now has a list of 43 product categories to view. Just imagine if they had continued with their original tab layout.

Not long after their previous radical change, along came another monumental realignment. The issues with hiding departments behind a “See all 43 Product Categories” tab must be apparent now. The traditional top navigation has been replaced by something that is very similar to the current version of the website. And finally… the logo is back in the most usable and conventional position.

2009.

The current day Amazon. The top navigation is slowly creeping back but now its only used for account related information. A very successful usability technique is to keep similar functioning pages in the same area. This is a good example. The left navigation has now been compacted to its main headings. New web technologies and the widespread adoption of rollover drop down menus have made it possible for this approach. This left navigation is no longer a daunting expanse of links. Its now a little cleaner and more usable.

What’s next?

Looking at the massive differences from the 1999 screenshots to 2009 version, you can see that things change a lot. I wonder if amazon ever thought they would sell so many products in as many departments? Nobody can predict what their e-commerse shop will turn into and how many products will be sold. All you can be sure of is that every addition you make could require some change in usability. Usability is not something that’s undertaken once and its done. It needs to change and adapt with your shop. A usability evolution over time.

I love this time of year because without even looking you can find Big Red Circles everywhere. With this in mind I thought I would share with you my most festive array of Big Red Circles. Consider this a my present to you all (you’re welcome).

I bring to you a non-offensive, non-denominational holiday object of joy. Unfortunately no music or lyrics by minimalist composer Philip Glass.

Enjoy

12 DAYS OF BIG RED CIRCLES

John Lewis giant red circle

An amusingly shaped plant pot

A home made card from a friend

The office rug

Mannequins and Big Red Circles

Habitat turns a Big Red Circle into a seat

A French Big Red Circle (Paris)

My cousin found a Big Red Circle on the climbing frame

Big Round Red Circular Bin

Red circles in the streets

A light bulb under a plastic bin

3 red faced christmas elves at a weird christmas disco?

…and a partridge in a pear tree

Up the ladder to the cold and dark loft. Blew the dust off the crusty old box which contained the Christmas tree and examined the decorations box for spiders.

And now!!!

The BigRedCircle website is ready for Santa. Although no mince pie or whiskey was left.

If you didn’t already know the header on the website changes at nigh time. As its winter and the nights are getting longer it now changes at 4 o’clock UK time. So you can see the snowy goodness in all of its nigh-time glory that little bit earlier. Thanks to Schillmania for the excellent random snow generator script.

Its December and its totally reasonable to wish everyone a Very Merry Christmas!

The BigRedCircle has been out expanding the size of its circle, filling it with information about the future. Attending The Future of Web Apps Conference in London hosted by those lovely people over at Carsonified.

When the internet is exploding with blogs, tweets and photos of the conference I was left thinking what could I possibly add to the plethora of FOWA web apps based knowledge.

So, racking my brain for that unique angle that nobody else will think of. I had a moment of clarity. For your blogging pleasure I will give you my top 3 speakers of the conference. This will be a totally biased David McGeorge certified opinion ©. (No cashback or refunds available)

As Pat Sharp once said “Lets hit the charts!”

Down 2 places to number #3 is Kevin Rose with his talk on the future of news

An interesting insight into the way that Digg works and some pretty in-depth explanations of Digg’s new recommendation engine. This guy actually knows what he is talking about, he isn’t just the geek chic Diggnation star that we all know.

Staying put at number #2 is Blaine Cook & Joe Stump with Languages Don’t Scale

Blaine is the ex chief architect at twitter and Joe is the lead architect at Digg. This was an uber geekfeast marathon, each sentence more geekey than the last. Not sure what this says about me but I loved it. These two knew their subject and gave great presentations.

Holding on to that top spot is Francisco Tomalsky with his talk about Building Desktop Caliber Web Apps with Objective-J and Cappuccino. #1

You know when you hear someone who is genuinely enthused by what they do it makes everything seem so much better. If I didn’t know better I would say Fransisco jumps out of bed every day with a massive smile on his face because he is off to work at 280 North. My favourite talk of the conference.

I would also like to give honourable mention to Ben Hun from i can haz cheeze burger for his excellent talk on How to take your community to the next level.

And… one final big massive thanks to the guy on the AbilityNet stand who withstood my uncomfortable and overly extended barrage of accessibility questions. Unfortunatly I never got his card.

FOWA London 2008 – survived it and was inspired by it.

We have been working on a website called pentaplexity.com, it was made to promote and sell a super difficult puzzle game. Have a look and see if you can figure it out. We know we can’t.

What do you think of the sliding home page? I think it looks like it should make the noise of a well oiled pulley system. How about you?

Pentaplexity Promo Site

Oh, in the name of God! Now I know what it feels like to be God! I stood back as I laid my eyes on for the first time what seemed to be…

An awesome looking web app! Yes its true, the long awaited (long awaited to a short queue of people) ppppost.com is now live and free for anyone to have a go. Frankenstein references aside, it has been a difficult day or two. I did actually launch it yesterday, but was then forced to withdraw it within ten minutes later. That was not good for the nerves. All of those original problem have been fixed and now its ready for public consumption. Let hope we haven’t created a monster, and it won’t destroy us either.

I need you

Now its up and functional, but by no means completed. We want you to have a play with it and tell us what you think. Test it out see how you enjoy the experience. Do you like the colours? Would you change how it works? You can suggest networks for use to add. All ideas, comments and criticisms are welcome. Comment away.

Is that it then! are you done?

No we are not finished, we just had the idea of getting it in front of the public’s all seeing eye as fast as we could. We want to get peoples opinions because we are not the only people using it and we don’t want to force our ideas on everyone without them letting us know if its good or not.

We are looking into more API’s and different social networks to add to ppppost, seeing what are the most useful and used networks around. We are looking at Plurk so this could be popping up soon.

We are refining the backend almost everyday and making it that little bit more efficient. The user experience is very important too and we are tweeking that as we go, nobody want a super app that nobody can use or an app that nobody enjoys using.

What are you waiting for PPPPOST.COM

And now it has a name… doesn’t it make you feel better about it now that you know it has a name.

Previously we decided to create a web app in 5 days which was code-named ‘Project SmallGreenTriangle’. Now it has its own name, its called ppppost. The name possibly gives a little more away about what the app will do. The graphic above is a representation of the style of the site. What do you think?

After a fairly chaotic week of client requests, website emergencies and iChat silly face games we finally got some time to work on ppppost.

We will launch ppppost as soon as it is functional (which wont be long, I promise!). This way we can get you, yes you, the user to give us feedback. In turn we will change, update, alter and add things from your suggestions. Everyone’s a winner.

It has been named. It has a proper URL. All that is left for us to do is get the thing live.

…and hope that Carsonifed’s new matt project is not the same :)