Home : Forums : Graphics and Design : Redesigning a Site For Mobile: What's Involved?

Redesigning a Site For Mobile: What's Involved?

You are currently not logged in. You can view the forums, but cannot post messages.

17-Jun-11 00:00

Delete

Edit

Elated

Gold

Posts: 297

From: Brighton, UK

This is a forum topic for discussing the article "Redesigning a Site For Mobile: What's Involved?":

http://www.elated.com/articles/redesigning-a-site-for-mobile-whats-involved/

This article shows how you might redesign an existing site for mobile, using (what else?) the Elated site for inspiration. We'll see how the process of paring down features can produce a clean and elegant mobile design.

17-Jun-11 04:40

Delete

Edit

RussellBishop

No stars yet

Posts: 2

From: Hertford, Herts, England

Disappointing to see that when visiting the website on my mobile phone (HTC Incredible S, 480x800, Android) I just see the normal website.

What techniques did you use to serve your mobile-optimized version of the website (actually, iPhone-optimized) to the relevant users?

Did you not consider the ideologies of 'responsive' web design?

17-Jun-11 06:03

Delete

Edit

bamme

No stars yet

Posts: 2

From: uk

"What techniques did you use to serve your mobile-optimized version of the website (actually, iPhone-optimized) to the relevant users?" -- i second this question with the addition of "..and what do people propose is the BEST way?"

Just that ive read up on using the same url to serve mobile content is the best way according to Google for SEO.

I've looked at ways to include and serve a separate css file and it doesnt seem very easy or reliable (http://www.alistapart.com/articles/return-of-the-mobile-stylesheet)

So i was looking to try to find how to best redirect people using a server side technique.

--
http://www.thepdgroup.com

17-Jun-11 06:22

Delete

Edit

mauco

Silver

Posts: 154

From: Africa

This is a great & timely article! A client recently hinted me of their desire of getting a mobile version of their website. So this is a nice guide on how we can approach it. Thanks.

--
http://www.mauconline.net

17-Jun-11 06:55

Delete

Edit

RussellBishop

No stars yet

Posts: 2

From: Hertford, Herts, England

@bamme

It's actually very easy, and very reliable.

My preferred method is to @import a new stylesheet called @queries.css (I like to keep them separate) and in there I have all of my media queries for different max-widths.

19-Jun-11 12:41

Delete

Edit

simon

Gold

Posts: 1959

@RussellBishop We don't have ANY mobile-optimised versions of the website. That's clearly stated in the article, and is kind of the point - we're just using Elated as an example of how to approach it. This is not a "how to do it" article. More of a "how to approach the IA and the design" one.

If we were to do it, we'd certainly look at a responsive version, which if possible, seems to me to be the way to go. I don't know if there's any ideology behind it though.

@bamme. Russel's approach seems like a good one to me,

@mauco Thanks for the feedback!

--
ELATED : )
http://www.PageKits.com
Professional Website Templates

19-Jun-11 14:52

Delete

Edit

bamme

No stars yet

Posts: 2

From: uk

@RussellBishop and simon - ok, would it be pos to refer me to an example? i think im getting confused because of what's written in the article I posted under the heading "Media queries: a new hope" and "How browsers behave" (http://www.alistapart.com/articles/return-of-the-mobile-stylesheet) - to me it seems he's saying not all browsers will read this properly.. unsure however, as im new to these concepts

--
http://www.thepdgroup.com

20-Jun-11 03:47

Delete

Edit

simon

Gold

Posts: 1959

@bamme. One of the best examples I know of responsive design is designer Jon Hick's blog:

http://hicksdesign.co.uk/

There are lots of good resources and examples here too:

http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/

Simon

--
ELATED : )
http://www.PageKits.com
Professional Website Templates