Today [10]

Well done.

Everlong said:

This is more yesterday than today, but I launched my first website yesterday at work. It's on a trial run over the weekend, and any changes necessary will be made on Monday.

Opening the site with mobile shows the "real" site:



With a bit trying I got the mobile site, replacing www. with m.:



You might consider an automatic redirection to a mobile site. For instance a simple client screen width based redirection:

Code:

<script type="text/javascript">
<!--
if (screen.width < 720) {
document.location = "m.mysite_mobile_version.html";
}
//-->
</script>

This redirects all clients with screen width less than 720 pixels to "m.mysite_mobile_version.html".

Also, the mobile site logo needs IMO be a bit smaller.

Good work!

Kari

z3r010 said:

The site you get on m.logsdirect.co.uk is more how it should look with links that fit a thumb, the site that shows on my tablets is nothing like that.

Might be my Nokia N900 800*480 resolution is the issue here so I was not redirected to a mobile site.

Anyway, the m. mobile site I found is clear and easy to surf.

Kari said:

Everlong said:

This is more yesterday than today, but I launched my first website yesterday at work. It's on a trial run over the weekend, and any changes necessary will be made on Monday.

Opening the site with mobile shows the "real" site:



With a bit trying I got the mobile site, replacing www. with m.:



You might consider an automatic redirection to a mobile site. For instance a simple client screen width based redirection:

Code:

<script type="text/javascript">
<!--
if (screen.width < 720) {
document.location = "m.mysite_mobile_version.html";
}
//-->
</script>

This redirects all clients with screen width less than 720 pixels to "m.mysite_mobile_version.html".

Also, the mobile site logo needs IMO be a bit smaller.

Good work!

Kari

z3r010 said:

Everlong said:

This is more yesterday than today, but I launched my first website yesterday at work. It's on a trial run over the weekend, and any changes necessary will be made on Monday.

If you visit Firewood Logs For Sale | Kiln Dried Logs For Sale | Seasoned Firewood For Sale | Firewood UK on a mobile phone/tablet, you should be redirected to a mobile website. The mobile website is what I made for a client :) They wanted a mobile version of their website putting together to accomodate mobile users more as they found people would visit their website on a mobile phone, but wouldn't stay on the site due to it being unfriendly for small screens.

I don't think it's too bad for my first project at work, and it's written in ASP.NET, which I had no prior knowledge of beforehand.

Looks very good on a normal pc or mobile, but IMO on a tablet the design lacks

I was at a Google workshop a few weeks ago and they recommended responsive designs for tablets if the standard page can not be used.

Attached is the only PDF that they gave me for mobile stuff, it's very short and basic but it may contain something that you can use when planning future mobile sites.

It needs a bit of tweaking, especially on tablets. On the Nexus 7 it isn't too bad, but on larger devices like the iPad it needs to fill it out a bit more (such as the product listings on a tablet could probs manage a 2 column setup, instead of the single column for mobile)

m.logsdirect.co.uk isn't the site, it's logsdirect.co.uk/m/ that's the correct one. The m.logsdirect.co.uk is one that the developer of the main site messed around with on one of them mobile generation site things. The thing with that site is though that it may have easier links to click, but it lays it out in a not so good way, all the main content gets pushed to the bottom, where the aim of the mobile site was purely just to have items to buy on, as you can see on the main site you have news articles, and a lot more pretty JavaScript stuff floating around. I should probs mention that to the guy who set it up, as it could cause confusion.

I do have an auto-redirect script running. It might need a bit of tweaking too if a Nokia wasn't redirected.

I just used a huge regular expression statement and query the user-agent string within the HTTP header. I thought I covered majority of devices, but there's no Nokia devices within the office to test with, but I can easily add that in on Monday.

Thanks for the .pdf though, John, I'm sure it'll come in useful.

Everlong said:

m.logsdirect.co.uk isn't the site, it's logsdirect.co.uk/m/ that's the correct one. The m.logsdirect.co.uk is one that the developer of the main site messed around with on one of them mobile generation site things.

OK. Looks better, you have done it well. The logo for instance is too big on that other mobile site, IMO you've got it OK:

Everlong said:

I do have an auto-redirect script running. It might need a bit of tweaking too if a Nokia wasn't redirected.

A resolution problem. Maybe something to recognize the browser version; if a mobile browser, redirect to mobile site?

Kari

Kari said:

Everlong said:

m.logsdirect.co.uk isn't the site, it's logsdirect.co.uk/m/ that's the correct one. The m.logsdirect.co.uk is one that the developer of the main site messed around with on one of them mobile generation site things.

OK. Looks better, you have done it well. The logo for instance is too big on that other mobile site, IMO you've got it OK:

Everlong said:

I do have an auto-redirect script running. It might need a bit of tweaking too if a Nokia wasn't redirected.

A resolution problem. Maybe something to recognize the browser version; if a mobile browser, redirect to mobile site?

Kari

Thanks :) Yea I resized the logo for this site and everything. It really is just a stripped down version of the main site, as they wanted a mobile site that users can quickly purchase items.

I do check the user-agent for the device type, I don't use resolution. It may just be a case of adding "nokia" in to the regular expression, so shouldn't be too much of a problem. I'll get it sorted on Monday when I'm back in the office.

Thanks for having a look though :)