Archive for the 'Experimental' Category

Checking the speed of your pages for SEO

You may have recently seen articles that explain how Google will be checking the speed at which your pages load and will be using it in their page ranking system. I had read about it on the Register’s article “Google tweaks search results with mystery site speedometer“.

I then realised that a company I have worked with in the past has a tool that allows you to test this type of issue for your site and even allows you to record the results over time…

UbiKann tested on GTMetrix

UbiKann tested on GTMetrix

Check out Gossamer Threads GTMetrix Site Performance Analyzer. They have just added a new system that allows you compare up to 4 reports/URLs. Oh and it’s free, oh yeah… :)

Flying adverts: tiny adverts attached to common flies

A pretty unusual and original buzz around an advertising stunt at a German trade show. I never thought I’d be amused by a video of those pesky household flies. Obvioulsy 2nd generation offspring won’t be born with the same adverts ;) :

Re-blogged from FastCompany via WiredUK

FireFox 3.6: pages move with your movements

Christopher Blizzard demonstrates how the upcoming Mozzila FireFox 3.6 can change the page orientation if your device has an accelerometer system (Thinkpads, Macbook pros). You can see how this works in the video below:

Working too hard is not that efficient

Working too hard is not that efficient… in the long term

At a time where people are worried about losing their jobs and working all hours god sends to stand out from the pack in a positive manner it seems that they may not be providing their company with the best of themselves. Obviously if your company is short staffed and still has as much work they may not be so interested in the article over at FastCompany. But may be worth reading so at least you are aware ;)

Examples from Flickr and Facebook are provided to illustrate the misconception that getting people to work their socks off may not be providing you with the best results in the end!

Make sure you check out this great video from TED, Stefan Sagmeister is a world renowned designer who explains how every 7 years he takes a year off to pursue personal areas. He also indicates that structuring his time off was probably one of the most important parts in a successful sabbatical year. Furthermore this time often allows him to be a better designer and provide his clients with a better quality service once the sabbatical is over! Better still take the time to view the video see for yourself.

Look at what I’m looking at

A very interesting study over at UsableWorld illustrates how images used in articles that have faces can have unusual effects on what people look at. Depending on the direction the faces are turned it changes the way people read the page.

In this first example the face of the baby is looking straight forward. You can see people spend a lot of time on the actual face of the child to the detriment of the actual content to the right.

Baby Looking forward, content to the right

Baby Looking forward, content to the right

In the second example the baby is looking towards the content on the right. You can see that this layout produces a more evenly dispersed set of hot areas.

Baby with face towards the content

Baby with face towards the content

Experience Architecture in website designing

The importance of experience architects in creating or updating a web site is often underestimated. There is a general tendency to fudge the initial user experience phase (sitemaps, personas with their specific user journeys and wireframes) or even skip it and jump straight to concept designs that are then fleshed out to ‘wow’ the client. The whole rationale that consists in understanding what functionalities and services are required on the site and structure them in a coherent manner, hopefully even test them before designing commences, is omitted. Defining the main functionalities of a site, then having an experience architect (who worked on that first phase) to sketch it out and analyse it should precede the functional specifications but most of all the design phase. Designers that have extensive web design knowledge as well as experience architecture knowledge are few and far between so you are unlikely to obtain the optimum result by starting with the design.

Card Sorting
The initial phases, when analysing the structure and organisation of an existing site in view of updating it ‘can’ benefit from card sorting. This consists of taking the different sections and seeing how users sort the different sections / areas into groups. It can help you understand how users would expect these different areas to be organised and therefore, where they would expect to find them. Different logical taxonomies may appear following the analysis as different user groups may sort cards in different ways. There are also 2 different types of card sorting, ‘open’ where no structure is predefined and ‘closed’ where participants are asked to place the cards in a pre-defined structure. Card sorting is not recommended to simply test a current site but should be considered as part of the process involved in defining the structure of a site that is being created or updated / redesigned. It can also help when adding or updating a new area to a site. As Nielsen explains more users are required in card sorting than in usability testing though. A fair amount of analysis is required to obtain useful findings.

Sitemap, user journeys, wireframes
By creating the recommended set of ’sitemap / user journeys / wireframes’ you are capable of seeing black on white the optimum route a person will take. The organization and categorization of content blocks should be logical but can be modified to optimise the user journey outcome. A site should usually provide several optimised user journeys for the different types of target users / personas that have been identified.

Simplify the site and structure
Generation Y as opposed to generation X and the baby boomers are more net fluent and savvy online, capable of delving through content until they find the information they feel relevant and trustworthy. Their experience and knowledge provides near instantaneous gut feeling about a site. Uncluttered, simple pages with straightforward navigation principles just feel good. A pleasant experience on a web site that easily allows you to find what you are looking for is memorable simply because it is unfortunately a rare experience. This new generation and generations to come are a primary targets, neglecting them is not an option.

Simplify the design and content
Simple ways of communicating, avoiding the ‘noise’ traditional designers want to apply in order to personalise or own their design can complicate things. Twitter, like SMS are two extremely simple ways of communicating, their restrictions simplify the communication.
Now is this to say that design is just powder in your eyes? Well, when applied by talented designers that know their target audience, how to play and innovate with the chosen medium and how to further optimise the previously crafted user journey, then obviously no.
A friend of mine works at the “Musée des Arts Décos” in Paris, we discussed this concept when applied to modern decorative art. I was comparing the concept to artists capable of choosing specific material(s) and their ability to amplify the user experience and overall design through the selection of specific material(s). The technology but also the interfaces mechanisms of web sites are in this perspective key elements that a great designer will know and use to further his / her design.

Accessibility, standards, usability and web 2.0
Web applications are becoming more and more complex to the extent that they are starting to compete with desktop applications (ex. Google Maps and Mail, Flickr etc.). The interaction provided as well as both usability and accessibility when relying on standards are far better. Although the ‘web 2.0′ term is often used as a buzz word (see Zelman’s web 3.0 article) the term has undoubtedly helped spread the idea of more savvy websites, thought through and help improve user experience.

Chrome shines with experiments

Yes it’s the weekend and another video following the Ray Ban viral video. This however is a far more geeky video, as it demonstrates the ability of Google Chrome with it’s super fast Javascript Engine (codename V8) to really show off.

You can also go and check these experiments out. Believe me though, not using Google Chrome, shows how good Google Chrome is. A clever way of showing how good Google Chrome is. And obvioulsy it shows up browsers like IE. Don’t even dream of trying it with IE6, once again life would be so much better without IE6… No but seriously, don’t try it with IE6; you’ll either crash/freeze your computer, or spend 10 minutes clicking ‘No’ on the Javascript debugging Console.

The Google advert will call you

Part of my family live near Leeds, while my close family live in France. I was looking to compare prices for flights from Paris to Leeds and a little green thing caught my eye next to the results on Google.
My mum’s flight from Leeds to France a few weeks ago was just after the foiled terrorist attacks story and she complained how little passenger alert information she had found on the Jet2 site. So I thought I check their site to see if they had added anything…

First of all I thought Google had started putting company logos on ads but then I realised, it was an icon not a logo. So I hovered over it first but no title info appeared, then I clicked on it (PS: I added the red arrow to indicate what I’m talking about) :

google_tel_ad1.gif

When you click on the arrow a mini form appears where you can add your telephone number and Google (out of the kindness of their hearts) offer to put you in contact with Jet2 via telephone “for free” !

google_tel_ad2.gif

Wow, if it wasn’t past 12 o’clock at night I’d take them up on the offer just to give it a try !

Note also the fact that they suggest remembering your telephone number so that you don’t even have to type you number in next time they offer the same call-back service

This is certainly a post I’ll be tagging with the word ‘Trend’.

Captcha Brain Power

I just came across a very interesting Google Video from Google. Luis von Ahn, a Carnegie Mellon professor, discusses the Captcha concept used to stop automatic systems from filling in forms and how currently Spam companies are trying to get around it.
Captcha is used to describe a system that allows a computer to automatically generate random numbers and or letters and then obfuscate them in order to render reading them by a computer highly unlikely or impossible.

This was interesting for me since I had worked on a similar concept for stopping people from requesting lost passwords on Significant-Media.
The video below then goes on to explain how human computation i.e. people solving problems rather than computers can be useful. With the Captcha system for example, computers are not capable of providing correct answers.

Then the ESP Game is explained and the process for it is pretty amazing from a thought process point of view. Anyone who has to come up with new ideas in their company should find this part truly fascinating :

The part I found really impressive, in view of a successive set of procedures, was when von Ahn explains the different combinations of possible player modes, as well as anti-cheating mechanisms…

The guy seems like a great teacher as well, if the seminar is anything to go by !

Placed in context this image tagging system is what early users of flickr were used to when they add tags to their own photos and is now pretty common procedure. Flickr was bought by Yahoo and Google well may have found a novel way of catching up here, if you read between the lines…

Update : interesting article over at the washingtonpost.com concerning a way to ‘turn the tables’ on the phishing techniques using images from the banks

AJAX Write and Sketch and Tunes

ajax writeWell I just came across this AJAX based Word Processor system called ajaxWrite that can actually read and write MS Word documents and several other formats. It is AJAX based so it just works directly in your browser, it’s really cool !

 
 

But I then realised that this was just the tip of the iceberg. There is a ajaxSketch that can read and write SVG type documents and it all just works seamlessly as you can see from the screenshots in your web browser.
ajax sketch

I then clicked on ajaxTunes and this “is a web-based music player that lets you play high-quality streaming music straight from the Internet on any computer” Not only that but it seems to link to remotely stored music. It’s amazing !! I am impressed !
Oh and the first song that appeared ‘Breathe Me’ by Sia is also a sing I really like so these guys got everything right first time with me, bravo !

But as these guys are really good they have actually got the system working so you can add the code to your pages so I’m going to give it a try. My page will not validate anymore but it was already giving me CSS errors anyway so here goes :
Listen to Sia’s ‘Breathe Me’ right now !

Update : It works in FireFox, IE and Opera. Sia’s singing to me from my blog, this is great :)