Monthly Archives: February 2017

Mobile web development best practices for beginners

 

In this post, we’ll be taking a look at mobile web development best practices for beginners. Every year we see exciting new ways of building and designing for the mobile web, and this year has seen a host of changes that not only affect mobile websites but which are profoundly influencing the shape of the web at large.

More than ever we’re seeing an increase in trends leaning toward mobile priority, and perhaps for the first time, we are seeing desktop ready sites taking a huge inspiration from mobile web development. Below we take a look at how as a new business operating online you can take advantage of mobile web best practices to get your mobile site up and running.

Responsive design
Using responsive design means building your website with mobile browsing in mind from the very beginning. A responsive design usually builds your site based on a grid system which can adapt to different screen sizes while maintaining a consistent format and appearance.

Foundation
Before you try anything too ambitious with your mobile site, we advise building a firm foundation which is functional and simple to use. This will allow you to build from your base as you progress without the risk of your website falling apart.

Speed
One unique characteristic of mobile browsing is the inconsistent network we might experience while moving around. As such, it is absolutely essential that you keep website speed in mind at every stage of development.

Space
Perhaps the most significant difference of all with mobile browsing is the need to re-format to save space. Be sure to test each page of your mobile site to ensure that everything from text, images, icons, and buttons are functional and easy to use.

Finger friendly
Finally, as mentioned above, your site needs to be built and designed with hand held browsing in mind. Make sure that anything on your site that needs to be clicked is large enough to use with fingers and thumbs.

 

New mobile web development best practices

 

Every year we see new innovations and revolutions in the way that we approach web development, and this is especially true for the mobile web. New ways of designing and building mean that it is a part of the job of a website owner to stay present and to keep up to date with relevant mobile web development best practices.

In the past year, we’ve seen some exciting new changes, as well as a huge increase of mobile websites making use of tools and design features which didn’t even exist a year ago. In this post, we aim to give a broad explanation of recent best practices through the lens of appearance and performance.

Minimal Design
The first thing that is by now more apparent than ever regarding mobile design is that a basic and minimalist design is optimal for a number of reasons (which most mobile sites seem to have understood by now). A simple design helps to speed your website up, is widely appealing, and allows your viewer to focus on your content. As a stunning example of minimal design, why not try adding ghost buttons to your site?

Space Conscious
The next best practice that I want to consider here is being space conscious with your mobile design. There are a number of interesting ways to approach this challenge, from considering page format, to the use of features like hidden menus and left to right scrolling.

Speed Conscious
Finally, you should focus on the speed of your web pages in order to create the optimal performance for your site. One of the main variables with mobile browsing that doesn’t affect desktop browsing is inconsistent browsing speeds, and therefore work is required to speed up your mobile site. There are a number of ways to speed up page speed, one of the most effective though is to remove unnecessary media from your web pages.

 

Using mobile website examples to plan your site

 

In this week’s post, we’ll be considering how to make the most of the mobile website examples from your own industry and around the web in the planning and development of your own website.

First of all, you can use other websites at the very first stage of planning for your mobile site. Get a feel for the benefits and limitations of mobile browsing, as well as a general understanding of the different ways that mobile developers get around mobile design. At this point, you should communicate constantly with your web developer, and using links from other sites is a great way of illustrating the things you do, or do not want for your site.

You can use any website for finding inspiration, though it can be particularly fruitful to look to your main rivals, as well as the big companies in your industry to get an idea of what they’re doing with mobile design. You’ll be able to find any key common themes which pop up again and again, perhaps because the feature offers something valuable to websites similar to your own.

Use other website examples to create a checklist of every detail of the website design. This includes page by page details, as well as how you will format the pages of your site, and how you want to make use of menus and categories for your site. Once you have a basic skeleton in place for your website it will become much more easy to flesh it out.

Once your base or foundation is in place, you can start to consider ways to set yourself apart and add character to your website. This might mean trying out some new interesting features, hidden menus for example, safe in the knowledge that your foundations are secure.

Finally, looking to your rivals helps you build your own site by reassuring you that you’ve covered all bases, and not missed anything obvious or important.

Taking influence from great mobile website examples

 

It doesn’t matter if you’re completely new to doing business online, or if you’ve been fiercely competing online for a decade, it’s always useful to get some inspiration. In this little post, we’ll be taking a look at mobile website design, with a specific eye to how great mobile website examples can be utilised in the building of your own website.

The first place to look for inspiration would be those companies in your same industry which are market leaders. These brands will have executed a website with similar aims to you, but their site will be a demonstration of what can be achieved when budget isn’t an option. Though, this said, you certainly aren’t limited to your own industry for inspiration, and we recommend that you have a good idea of mobile design in general to inform your own process. Below we’ll be focusing on four key elements to mobile web design and how you can make use of them for your own site. These four key areas are: Design, Format, Features, and Content.

Design
The first area to survey when it comes to building your mobile website is design, as in the appearance of the site. In some specific areas of business, there may be specific rules, like bright and colourful for a kids website/product. In most cases though the best advice it to keep things simple while showcasing your branding.

Format
How do other similar websites lay their mobile site out? Are the certain pages or menu structures that you think will work particularly well for your product or service?

Features
Where, if anywhere, do other great mobile website examples make use of website features, and how can you make use of similar features? Features might include instant call buttons, mobile maps, and a range of other options.

Content
By having a good idea of the content offered by your rivals, you’ll both be clued up, as well as showing you the bar for your own content.