If you visit this website with a mobile smartphone you'll notice one thing, the site looks slightly different from the desktop one.
As this is nothing new we do like to share our opinion on mobile websites and what they should do and what not. What you see very often is a mobile website that has so much going on that when the page loads it constantly shifts over your screen back and forth until everything is loaded on the page. I've seen numerous pages that try to load a video and end up shifting the site multiple times while things pop-up on my screen. I personally hate that and it proofs the technician behind it clearly failed to deliver a professional steady clean website. I don't blame Wordpress for this but I do. It's so big that people assume it is the standard of the web.
It is not.
A mobile website should do two things:
More often than not these two simple rules are broken. For instance, for some reason people think that on mobile everything on the site should be huge.
Because you clearly can't read this: But you can read this?!?
What is going on here? Are we all becoming retarded? Have we lost our eyesight the past couple of years? Why should everything be so incredibly big when you use a mobile phone? Aren't people used to look at small fonts on their home screen, in their contact list, their text messages, their emails, games, basically everywhere? Why is it then that on the web we break this rule by assuming everybody is blind?
Incredible, beats me.
In addition to that people also believe it's a great idea to leave out information that can only be found on the desktop site. Why would that help me as mobile phone user? I only feel like I'm missing out on important stuff. I just want to get the full experience on my mobile screen, we're not living in the 90's anymore!
As you visit our site on your phone you will also see we implemented a menu on the left that is accessible from everywhere by simply dragging your finger to the right. We believe it couldn't be easier than this and it is a much better solution than opening the menu at the top and pushing down the whole website. More often than not would somebody access the menu from the bottom of the page, why force them to scroll all the way up?
So our mindset is basically this: treat the mobile version of your website as a smaller version of your desktop site. Increase font sizes slightly but don't overdo it. People still want to have a sense of overview, nothing is more annoying than massive buttons and font sizes that waste the also so limited real estate of your page.
Small things are fine on a mobile site, just make sure buttons are easily clickable and give feedback when pressed. You can leave things out as long as it doesn't ruin the user experience, for example, leave out a slideshow, but replace it with regular text. Make sure to keep 98% of your information the same, don't sacrifice your site for the mobile user.