It’s pretty obvious that the use of smartphones is significantly increasing as the prices of smartphone handsets have started to significantly decrease. Smartphones now account for a good chunk of the mobile phone market and in the next few years we will begin to see smartphone models entering the lower end of the market, entirely wiping out non-smartphones. This means that everyone with a mobile phone will not only be browsing the internet on a laptop or desktop but also on a smartphone.

Obviously, smartphones are capable of displaying desktop versions of websites perfectly, but how does this work in the real world. Let’s explore how mobile web development differs from desktop web development.

Context

What is the context of the user: where is he? What is he doing? What does he want to know? The answers these questions vary greatly when we consider the desktop environment vs the mobile environment. It’s likely that a user viewing the site on his mobile whilst grabbing coffee on the way to work wants to find different information compared to a user who is casually browsing from home.

This normally means that a mobile site serves as an “e-business card” which will offer users quick contact details or directions. See how the McDonalds mobile site realises that the most obvious reason users will come to the site is to find a McDonalds. This isn’t just guessed though; we can use analytics data to gauge the motivations of the mobile user and thus tailor a site specifically.

Load time

Obviously, it’s not practical to have homepage that takes a long time to load. Mobile users also often end up in terrain where the signal is low, so it’s important to keep file sizes to a minimum. There is nothing more frustrating that a slow loading site because the code is bloated.

Design

Remember that most mobile users don’t navigate with a pointer but a finger. This means that buttons need to be big enough for use of those with stubby fingers. It’s unrealistic to expect people click point 10 links. All links on a mobile site should be buttons with good 20px padding; this allows larger thumbed users accessibility.

Information should also be fluidly stacked. The screen is way to small to have a two column layout and it would be a shame to lose space by developing a fixed width layout, or even worse; make a user scroll to the right to read an article. I find this to be the case far too often

Text size should be bigger! We don’t know how far away the user is forced to hold their mobile phone or if the sun is glaring into it. The best thing we can do is develop easy to read typography that is of a good size and well spaced.

Finally

When developing a mobile site, it’s not good enough to simply create a stylesheet. Go back to the drawing board and re-evaluate your user and build a tailored mobile experience.

We’re getting bigger. Not just the Rocoru Team but our creative studio too. We have said goodbye to our old studio in Blackburn and have moved to Media City in Salford. Our studio is very important to our company and we know better than anyone that our studio environment is essential to the creative process.

For clients who need a website building, it often seems that each have their own view of what a web designer should be doing. A web designer is never just a person with technical knowhow who arranges text and images on screen for you. The job of a web designer is much more complicated than that. Does a designer pick colours and decide on a layout? Do they source images? Do they write text? Most designers or agencies have their own view about what design should be. We often say that we don’t listen to our clients but rather prefer to get knee deep in their businesses. In an ideal world; all designers would do this.

As an agency we work with our clients on every aspect of the project from beginning to end. This generally means that we never ask them to write some content and copy and paste said content into the site. We like to get involved with copywriting so that when the projects signed off; we’re secure in the knowledge that we’ve developed a genuinely good piece which will genuinely benefit a business or organisation.

In order to create the best possible piece, I’ve tried to define the role of the designer. Here’s what I think the designer should be responsible for – and in my case si responsible for.

• Designers code accessible content, that must be optimised for:
  • The blind (High contrast versions of sites must be available and screen readers should be able to read content)
  • Different devices. (A site should be viewable on a mobile platform along with on a computer – this generally includes developing another version of the site. Another style sheet should be developed for printing onto paper)
• Designers research what the client needs. This most certainly involves speaking with the client and getting their ideas but it doesn’t mean the client should have to come up with anything. I always develop mock ups for clients based on research that I’ve conducted. Research is based around a goal. A good example of a goal would be to increase sales by x per cent. From a clearly defined goal, we can begin conducting research into how we’re going to reach that goal. Some potential research areas would be
• Competitors in the same sector. What are they doing? How can we do it better
• Analysis of data. What data do you have about your customers? Using this data – we can tailor a site that better fits the needs of the user.

When you hire a web designer, you’re partnering with them and you too have a commitment to them. This includes

• To work together to develop good quality content. If your content isn’t any good; don’t be offended if it’s insisted you hire a copywriter.
• Have good branding. Branding is the base for any graphic project undertaken by your company or organization. If your logo was designed on paint, the designers clients are going to think that they’re responsible for it. If your branding is bad; be prepared to start from scratch to develop something new.

When we open dialogues with clients about web development, clients often tell us that they want a simple and easy to use website or that they want us to create a ‘’good user experience’’. Although in the end we do this, we don’t believe that this is a good starting point for a discussion. A better way to think about web design is to think in terms of goals. ‘’Create a user friendly website’’ is not a goal, it’s a tactic that the client thinks will help us reach a goal.

Some examples of goals would be

• Increase sales by X%
• Educate the user about an issue or political campaign
• Action users to participate in an event

Armed with these goals, we could work on a strategy to achieve them.There are many methods that we will use to reach a goal and developing a good user experience is almost certainly one of them.

Goals should be specific, relevant, measurable and we should be able to track them, this helps us understand if we’ve reached the goal, and if we haven’t then we can analyse the information to tell us why. Sometimes company’s aren’t 100% sure of the goal. A lot of web design companies say that they ‘’always listen’’, but if we’re going to achieve the goal; this often isn’t enough, we have to get knee deep in the clients business.

How do we design and develop Greener websites? This is a question we hear every so often from the more eco orientated client. How is one website more eco friendly than another? What are the steps that a web development company can take in order to achieve this?

Most businesses are interested in improving their green credentials whilst maintaining cost, quality and usability. We all love green ideas like cycling to work as opposed to driving but in reality how effective is this and how many of us are truly interested in it? A cycle that takes 5 times longer and carries one person is no match for the car even though it doesn’t create emissions. We have to find somewhere in between; if we’re talking transport this would mean a hybrid car. The same goes for web design.

The environmental impact of a website is relatively low but we can look at ways in which we can make a website greener. How green are the designers and developers? How green are the tools? How green is the host?

The Designers and Developers

If the designers and developers that build sites are greener is this ‘’greenness’’ passed on to the website itself? We try and keep printing to a minimum (We manage with just one laser and inkjet in the office) and probably go through just a handful of cartridges per year. On top of this; I cycle to the office.

Do our actions as designers when designing your site add onto the carbon footprint of your site?

The tools

To create the best websites, we have to use the absolute very best tools. The fastest computers, the biggest screens and the most intelligent software is a must. This means that the eco friendliness of a product is not as high up on our list as we’d like; but simply the reality of the industry.

Fortunately, computers are getting faster and consuming less power. Apple are leaders in this area of the industry.

The servers

This is where we can make the biggest difference. The eco friendliness of the designers and the tools that they use are dwarfed by the potential of the web servers. It is possible to have web servers running on 100% solar energy, which is however passed down as a great cost to the client.

The solution

If you’re interested in greener web design and development then it makes sense to choose a company who is aware of the problems that they may be causing the environment and makes a conscious effort to minimise them. I’m not aware of any serious design company that offers completely eco friendly carbon neutral web design as quality would be reduced and cost would increase.

We are pleased to announced that we have partnered with SALUTE. SALUTE is a non-profit organisation run by a team of dedicated volunteers, which helps and supports all ex military personnel.

Our team will be developing a new website from the ground up to support the ever growing amount of people being helped by this great organisation. Check our portfolio soon so see what we’ve been upto.

We are pleased to announce a partnership with our latest client Oddschanger.

Oddschanger is the UK’s premier platform for discussion about betting. The site www.oddschanger.com has a great forum. We also developed a blog, which boasts some great sports writers.