Efficient Design
Mobile First
We design websites as they display on mobile devices first, then scale that design up to fit tablets and desktops. When designing for mobile-first it is important to consider that the need of those searching on mobile devices is probably different to those searching on a desktop. While those searching via desktop are probably looking for more detailed responses and additional information, on mobile devices it is far more likely the user is simply after quick information.
When designing for mobile-first the content must be very carefully considered. What does the user need to know first or most importantly? Designing this way will make the UX a lot simpler too as it will force the designer to reduce their use of extra functionality and elements in order to focus on that which is essential.
The more traditional methods of website design include:
Responsive web design. This is a design method that allows a website to fit the screens of different devices automatically. It suggests that design and development should respond to the user’s behavior based on the device they are using. Responsive web design is a well-established method used by most web designers, and it ultimately creates a good user experience by reducing users’ operations such as panning, scrolling, and zooming. Our web designers are skilled at building responsive designs.
Progressive enhancement is a design method starting with a strong base of designing for the lower browser (e.g. on mobile devices) and building up to a larger design for desktop and more powerful browsers. By using the mobile-first design strategy the design of a website starts with only the most important elements providing a strong base to build on.
On the other hand, graceful degradation is the opposite of progressive enhancement, where the website design starts from a fuller, more advanced version that would be displayed on the desktop. The designs then have to cut features or content in order to make the website compatible with a mobile browser. This technique often is used to build responsive designs.
In most cases, progressive enhancement design wins over graceful degradation. Mobile-first design is exactly a rule of progressive enhancement. The only real difference is that mobile-first focuses on the user's needs and content; progressive enhancement focuses on browser capabilities.