Viewing Mobile friendly option

Mobile friendly option



User: Guest 12 years ago
I know enough to make my site mobile friendly,perhaps many do not. Adding a "mobile template" or "make site mobile friendly" option would really help the inexperienced.
Edit
User: Paul-RAGESW 12 years ago
We'll be adding better mobile support shortly but you can easily do this now by adjusting your content width to the width of your mobile device.

-------------------------------
Paul
EverWeb Developer
User: Roddy 12 years ago
@Ericturbo614
What would the requirements be to "make site mobile friendly"?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: mark 12 years ago
61% say they'll abandon a mobile site if they don't see what they want right away.
And
60% of consumers are more likely to buy from a mobile-friendly site.

Few quick links to the story/research - plus some tips and how Google will handle search results for mobile friendly (and non-mobile friendly) sites.

http://news.cnet.com/8301-1023_3-575887 ... 7-1_3-0-20
http://jdm-digital.com/2012/09/mobile-u ... y-website/
http://googlemobileads.blogspot.com/201 ... itors.html
http://www.google.com/think/collections ... vices.html
http://www.google.com/think/articles/ex ... ience.html

Everything is mobile these days. The importance of a mobile friendly website can't be stressed enough. This has been my #1 issue with EasyWeb and why I haven't fully embraced it yet. I still have a lot of hope for EasyWeb and believe they can pull it off, but Mobile is the focus of today not computer screens. And iWeb (which I think EasyWeb has produced the best replacement of that I have seen) was not made in or for the mobile age we live in today. Things have changed so incredibly much since 7 1/2 years ago when iWeb was introduced! iPhones and iPads didn't even exist then. Anyway, I'd like to see more of a focus - not an add on, or afterthought but the real heart and soul of EasyWeb as a product go in the direction of helping its users create the best mobile friendly sites out there.

And Roddy, you know good an well what "makes a site mobile friendly." If not, google it my friend.
User: Roddy 12 years ago
I was asking the OP for suggestions about what features would be required to make a site "mobile friendly".

I use liquid layouts and media queries to design mobile compatible sites. Although sites can be designed to work on all devices using the mobile first approach, it's quite a complicated procedure.

In most cases, I think it's best to have two versions of the site since a lot of the content used in a traditional design is not relevant on a mobile one.

If the page width is kept below about 1000px, most websites are comfortably viewable on larger tablets although the designer has to start thinking "tap" instead of "click".

Traditional sites become a challenge to the visitor on smaller tablets and smart phones and, if you are aiming at this market, a separate mobile version of the site is a must.

The mobile version requires different navigation, user inputs, movie and image files and so on. I don't think the average drag and drop user is going to be prepared to spend the time getting to grips with all this stuff so a separate site is the way to go.

Getting mobile designs to look good on wide screens is not easy. When I first got into designing mobile sites I had a look at the way Wix does it. The sites are really simple to create and look good on smart phones but look fairly stupid on tablets and computers. Seeing this is what made me get to grips with media queries.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: mark 12 years ago
I am of the mindset that one well designed responsive site it the best option in most cases.

Some good examples imo (you can simply resize your window or view these sites on a variety of devices to get an idea of their responsiveness and design choices and how they work):

Design Firms themselves:
http://happycog.com
http://crushlovely.com
http://www.rga.com

Common Everyday Small Business Sites:
http://facciabella.net
http://theonlygwen.com
http://osaatentertainment.com
http://pumpkinbearbooks.com
http://bassettproductions.com
http://whelanconsulting.net

I agree it's a lot of work to plan out your site, etc. but I personally think the end result is way better in most cases. There are exceptions of course.

Btw here is a link to the W3C's Mobile Web Best Practices and Recommendation. This is from way back in 2008 but form what I have read of these most still apply as much or more now as ever.
http://www.w3.org/TR/mobile-bp/

Wether you think one or two sites (with a dedicated mobile site) are best. Having the option to build a responsive, all device (incl. mobile devices) friendly site is what a lot of people are looking for and what would be best in a lot if not the majority of situations.

Mobile is arguably way more important than the computer screen. Clients know this too. When EasyWeb asked on FB what was most important to potential users of the software. The ability to create mobile friendly sites was the #1 response by a landslide.

I want to fully embrace EasyWeb, but so far I am having to wait, and mainly because I need it to be more mobile friendly.
User: Guest 12 years ago
The easiest for me has been to have 2 css files/one site.I design for mobile first,desktop second.If your not designing for mobile,quit now and save your money lol
Edit
User: mark 12 years ago
[quote="Ericturbo614":3sd6zxm3]The easiest for me has been to have 2 css files/one site.I design for mobile first,desktop second.If your not designing for mobile,quit now and save your money lol[/quote:3sd6zxm3]

That has been the best way in my experience as well. Designing for mobile first, and having just one responsive site. The only way I can see EasyWeb being successful is if they can pull off the responsive/mobile aspect. No one has really done it well yet that I know of. It's a huge opportunity, but the focus needs to come off recreating iWeb (which I think they have already successfully done better than anyone at this point) and move to current trends and demands: the ability to design responsive sites and for mobile. I know I've said it before but this is my hold up on why I can't adopt EasyWeb just yet, and I want to!

Something as easy to use as iWeb but can be used for designing responsive mobile friendly sites, now that is something I would get excited about! Fingers crossed.
User: Guest 12 years ago
[quote="mark":2z3kiglx][quote="Ericturbo614":2z3kiglx]The easiest for me has been to have 2 css files/one site.I design for mobile first,desktop second.If your not designing for mobile,quit now and save your money lol[/quote:2z3kiglx]

That has been the best way in my experience as well. Designing for mobile first, and having just one responsive site. The only way I can see EasyWeb being successful is if they can pull off the responsive/mobile aspect. No one has really done it well yet that I know of. It's a huge opportunity, but the focus needs to come off recreating iWeb (which I think they have already successfully done better than anyone at this point) and move to current trends and demands: the ability to design responsive sites and for mobile. I know I've said it before but this is my hold up on why I can't adopt EasyWeb just yet, and I want to!

Something as easy to use as iWeb but can be used for designing responsive mobile friendly sites, now that is something I would get excited about! Fingers crossed.[/quote:2z3kiglx]

Well have a look here,and see if you think this is mobile friendly enough. Tablet,pc and smartphone if you can
http://mygamr.net
Edit
User: Roddy 12 years ago


-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Someone like me would incorporate easy web into my hosting plans for "new to web building users".then,or if,the customer wants a more advanced set up,I'll stear them towards the styles and designs I use.
Edit
User: Roddy 12 years ago
Quote:
incorporate easy web into my hosting plans


What do you mean by this?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: shaun 12 years ago
Roddy makes some great points. I was wondering what actually happens when somebody from their smartphone searches google ... clicks on a link to a site and at this point what happens in the back ground so ones smartphone does indeed receive the mobile version rather than a desktop version of the site.
User: Roddy 12 years ago
There are various ways to redirect to a mobile version of the site.

A simple way is to set up a sub domain for the mobile site so that the URL is...

mobile.domain-name.com or m.domain-name.com or pigs-can-fly.domain-name.com

Then add this to the index.html file of the main website...

<script type="text/javascript">
<!--
if (screen.width <= 600) {
window.location = "http://mobile.domain-name.com/"; }
//-->
</script>


This will redirect any device with a screen width of 600px or less to the mobile site.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: shaun 12 years ago
wow if it's that simple I agree two versions of a site is better than one size fits all. Roddy have you successfully created a complete mobile site in Easyweb?


Post Reply
You must login or signup to post.