Web Design Bits: Mobile Navigation Examples With No Traditional Navigation

A collection of web design bits that showcase how web designers are tackling mobile navigation. On these designs the web designers have chosen to simplify the design so much that there is no traditional primary navigation in-sight, instead the focus is on getting the user straight into the content. This method ultimately saves lots of valuable space on the mobile screen and takes advantage of the linear scrolling of a mobile.

Mobile Navigation

ala-mobile-navigation

Read More


April 29, 2013 in Web Design Critique

Web Design Critique: Brain Traffic

This web design critique focuses on Content Strategy agency Brain Traffic, and their new responsive web design. The design is clean and highly usable, the layout is simple with a well ordered content hierachy. Theres no traditional navigation as such; rather, the content itself leans towards a more linear scrolling approach, getting the user straight into the content.

Read More


Responsive Web Design: Media Queries

Media Queries allow us to design for different kinds of media, you have probably seen these used to create a print stylesheet for your web document.

The W3C (World Wide Web Consortium) who standardise web technologies have introduced a whole array of Media Queries to cope with our varied device landscape;

Media queries can identify types of media; Screen, Print Braille, but they can also importantly identity the physical characteristics of the viewing device, for instance the width of the screen.

Read More


Introduction to Responsive Web Design

Responsive Web Design is a phrase keyed by Ethan Marcotte in the book of the same title. Responsive Web Design is a technique used to address a specific problem; designing  a website that displays well across different devices.

People don’t just view websites on a desktop PC anymore, the explosion of smartphones and mobile devices like the iPhone, iPad and Android based phones have meant a significant shift in how people engage with the web.

Read More