Current website’s usability

Let’s try to find information about Octavia’ prices and complete equipment on Finnish current official website.

Current Site on Desktop

After click on „Octavia“ or „Mallisivu“ link from model’s menu, we come to car model section’s start page (http://www.skoda.fi/mallisto/octavia).

Let’s have a look on this page from the most popular desktop monitor (widescreen, 1366×768px resolution). And what can we see, when the page is loaded?

Webpage is not adapted for the most popular widescreen monitors

We can see only a large banner. Without scrolling we can’t find navigation menu that have the link on price’s page. We don’t even know that start page has this link and the site has the page with prices and equipment!

Ok, let’s represent that our user has desktop monitor with largest screen (1920×1080, the second popular resolution). And he scrolls down the page and finds menu with price’s button.

Webpage is not adapted for desktop-monitors with a large screen

The page has fixed width and height. Content’s width is 900px, height of all page is 3174px. Screen of large monitor has 1920px width and 980px height (without browser’s tools).

So our users with large monitors can see only 31% of the page height (69% is invisible part!), but 53% of screen’s width is useless!!!

Finally, the user come to the page (http://www.skoda.fi/mallisto/octavia/hinnastot/) where he wants to know about prices and equipment of model, which he’s interested to buy. And what can he see? There are the same problem:

Webpage design is not functional and user-friendly

Moreover, on the price’s page user can’t find information about price and equipment. He must download pdf-files, one file with prices and another with equipment.

Is it convenient for users to get important information on the site?

And now let’s represent that the user came into the website by his mobile device.

Current Site on Mobile

Let us suppose, that user has mobile device with 4″ or 5″ screen (IPhone 5, Samsung Galaxy S3 or similar). Space for site in device’s browser has 5-6cm width in portrait orientation and 4-5 cm height in landscape.

When our user come to the site on this mobile device, and webpage is loaded, he can see nothing. And he must to zoom the page.

But when he does it, he can see a very, very small part of page.

Webpage is not adapted for mobile devices

And what about prices or equipment on smartphones? User must close browser with our site, open pdf-reader and try to understand something.

It’s very difficult, almost impossible!

It's very difficult for users to read an important information

Mobile version is not a good solution

Global SKODA website has a mobile version. But it’s not a good way to site’s improving, that’s out-of-date and non-functional solution.

Mobile version was invented at the beginning of mobile internet: smartphones had only small screen and only portrait orientation at that time. Also mobile version ignores tablets — mobile devices with large screens.

And so mobile version is not user-friendly on tablets or smartphones in landscape orientation:

Mobile version is out-of-date and non-functional, it ignores landscape orientation and mobile devices with large screen

Summary

  • Current website is not adapted for the most popular widescreen monitors
  • Fixed width it’s not good for desktop version
  • Current website is not adapted for mobile devices — smartphones and tablets
  • Mobile version is not good solution
  • Current webdesign is not optimized to page’s main content presentation

What is the solution?..