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.
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.
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.
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.