Archive results for: Mobile

Mobile First Myths

mobilefirst-spaceThe term Mobile First, coined by Luke Wroblewski a number of years ago seems to still not be fully understood by some in the web industry as we as clients, so I thought I’d share a few myths I have heard:

Myth: Mobile First means designing for mobile devices first and in isolation. Only when the entire mobile experience is designed and built should you consider the other form factors

Fact: Mobile First means designing for an ecosystem of form factors simultaneously – mobile, tablet and desktop, but through the prism of mobile. The limited estate of mobile forces simplification that us then applied also to the other form factors. Read more ›

Types of Mobile Options in Web Design

Mobile devices such as smart phones and tablets are changing the way everyone interact with content and online services.  So the question arises, what are my options in creating a mobile presence?

The four main options can be put into the categories of: Responsive website, native application, web application and hybrid application.

A responsive website is one that adapts to whatever device it is being viewed on. Whether that is a desktop computer, tablet or smart phone, the same website will display the same content using a visual design most suited to that device. Though many responsive websites will ‘hide’ content if it is deemed too much to display on a small mobile device (smart phone).

Just using display: none to hide content can affect  performance, accessibility and can harm SEO.  A better way, developed by Jonathan Snook is the following:

Read more ›

Targeting Mobile Devices

There are a few different ways to target mobile devices. The first way is to look at the screen size.

When implementing responsive design, screen size is the primary factor for determining what the user sees. Responsive design utilizes CSS media queries to check the screen width, and at specific breakpoints, the layout adapts.

The problem with relying on screen width to check for mobile is that screen sizes can be misleading. Read more ›