Mobile

The current buzzword in web design is ‘flexibility’.  Designers must work harder than ever to incorporate sophisticated aesthetic appeal with accurate functionality.  Here are our hottest web-design trends:

1. Web to go:
The surge of “mobilized” and “tabletized” websites is the biggest design challenge to face web developers this year. Some core rules can make your mobile web take off. “Responsive” web design (page layouts that change automagically when they detect the size of the screen they are being displayed on), efficient data transfer and image optimisation, and clear scaleable text fonts.

2. Demise of the page-fold:
Current web design trends are kicking the page-fold (the space below the 550 pixel scroll-line) into touch.  The most important messages should still be near the top of a site, but with so many new ways to view the web, old definitions are getting blurred.

3. Typography:
Web designs are increasingly blurring distinctions between print and web-based design.  Web developers are creating websites that imitate classic print-based designs, and along with major improvements in font technology, websites are displaying a distinctly editorial feel, with bold print-style typography.

4. Grid layouts
Grid layouts aren’t new, but web designers are cutting loose from conventional layouts, i.e. header, content column, sidebar, footer, and adopting more visually appealing layouts by using grids of various sizes – 960 and 1140 pixels being typical widths.

5. Social media
Integration with social media has been growing for a while. Clients are now representing their brands or businesses via a purely social media strategy, rather than relying on their individual domain names.  Social media has huge potential, and canny clients will choose to “ride the wave” rather than risk being left behind.

6. Blogs
While this is more a web marketing than web design trend, clients who ignore the need for a blog in their website design do so at their peril.  Your blog arguably works harder any other page on your website, adds value to a brand, and should deliver something unique, authorative and useful to your reader.

7. Texture
Texture isn’t new, but with the advent of CSS3 we’re seeing increasingly more sophisticated and creative ways to integrate texture into web designs, rendering them almost tangibly touchable.

8. Supersize images
Web designers have long since been told to avoid large images, or predominantly image-based websites, but thanks to better image optimization, faster internet connections, and smarter loading methods, designers have a lot more of a free rein with image size now. Have a look at the use of images in this site for example.

9. Infographics
Designers love infographics and there is a growing trend which is seeing infographics integrated into web designs.  They are a great way to impart complicated information quickly, are visually iconic, and have great potential when used as more than a mere attachment.

10. 3D technology
3D is fun, novel and NOW, but not all browsers and devices support them. However, 3D is definitely the shiny new toy so keep a close eye on this one.

For cost effective, professional and affordable ways to incorporate these latest design trends into your website, contact us by clicking here.

Once upon a time, web developers designed beautiful websites to be viewed on desktop computers. There were variations between browser types and screen resolutions, but that was all in a day’s work.

Massive growth in mobile phones is causing a huge re-evaluation in web design and development.  Designers must adapt traditionally-held beliefs about web design and embrace the new mobile era, or go the way of the dinosaurs. Here’s how:

1) Streamlined layout:
Limited display size and speed of use both dictate that mobile web designs are simply laid-out, without any of the peripheral clutter of a desktop website. Designers should make sure that everything presented on a mobile phone screen should be accessible, usable, and readable.

2) Simplified navigation:
Simple, stripped-down navigation should be prominent and central on a mobile phone.  Top-level navigation can be condensed to four or fewer items on most mobile phones.  Everything must have a clear purpose and function and every option must encourage the user to take action.

3) Shrink-wrapped content:
Content is still king, even on mobile devices, but it must be hard-working scalable copy with a clear purpose, a strong call to action and absolutely no “fluff”.

A mobile phone design cuts out the peripheral non-essentials, but must keep and enhance functionality (buttons, logos, boxes, etc.) in order to offer a meaningful mobile web experience.

Questioning everything is the only way to strip a website down to its essential elements, which is what needs to happen on a good mobile phone website.

4) Design-lite:
With the limited rendering capabilities of mobile phones, designers should incorporate:

1. Lightweight graphics for quick response to user requests
2. Touch-screen friendly actionable copy (links) that don’t need expanding
3. Well spaced links to allow for ease of use
4. Logos which always appear at the top

5) Gimmick-free:
Splash screens, meaningless animations and fixed-width layouts are out of place on a mobile phone.  Everything should be relevant and completely useful:

1. Is the content critical, and does it serve the core purpose of the website?
2. Is the website easy to use and understand?
3. Does it contain the same the core functionality as the main website?
4. Is the navigation unconventional?
5, If so, is it critical to the function of the website?

Web designers should bring value to a mobile phone website.  Does every feature help increase profit? Can the design be changed to improve business? The task is to make it easy to browse, shop, book, reserve or contact the client online, whether the customer is at their desk or on the move.

For cost effective, professional and affordable ways to develop your design ideas to the mobile web, contact us by clicking here.