"Mobile First" web design philosophy

Artikel

"Mobile First" web design philosophy

Internet traffic continues to shift from desktop to mobile devices, at an even faster speed since the rise of the "Mobile-Only User" in 2013. it is essential for websites to provide a flawless User Experience (UX) on mobile devices. Even Twitter Bootstrap, the most popular HTML/CSS/JS framework for responsive websites, embraces its "mobile first" approach. 

 

"Mobile First" means Prioritisation

The minimum size of 44x44 pixels for buttons on mobile devices implies a harsh set of constraints. It forces your website's design to be concise and relevant at every touch. In order to achieve this, the concept for your website must be set before touching the digital canvas. The hierarchisation of information and call-for-actions being decided in advance, your creative work will be better informed and conceived. The paradox of needing constraints for more creative output is perfectly applied in the Mobile First web design philosophy. 

 

"Mobile First" means Context

Typographic, layout, colour and graphical adjustments are necessary when designing for mobile. On a smaller display, the quantity of options is overuled by the ease of choosing. This requires a clear understanding of 'how' your website will be perceived and used in a mobile context. Graphic design is a desktop activity (even though: iPad Pro + Apple Pencil) even though your work will be consumed on mobile. Resizing your software's window to a thin vertical line does not count: you must export your work on a mobile device and 'fool around' with the real thing. Just like great cooks do: taste as you go along. 

 

"Mobile First" means Being Ready

The "Mobile First" philosophy is not a trend, and responsive design is no longer a "nice-to-have" feature. We will continue to build welcoming, enjoyable and productive digital spaces - and keep an eye on new devices. True, the name "Mobile First" locks away any other type of device (television, watch, etc...). What really matters is the core of its philosophy. "Mobile First" is an iterative and user-centered approach to creative challenges, no matter the shape and size of the screens of The Future. Be ready.

 

 

Credits photography: Jordan McQueen

 

Mobile First

Mehr Artikel

Suchmaschinen-Optimierung: die wichtigsten Metadaten die jede Webseite benutzen sollte
Natznerhof Website
"Was"

Unsere Produkte + Services

Webseiten

Icon Websites

Maßgeschneiderte Webseiten von A-Z fachmännisch und handwerklich gestaltet

Wir entdecken Menschen, Marken und Unternehmen durch eine immer größere Anzahl an Geräten und neuen Technologien. Unsere Expertise im Bereich der Webentwicklung beinhaltet Responsive Design, Lean Entwicklung, Textgestaltung und Übersetzung sowie Suchmaschinenoptimierung.

Mehr.

Online Marketing

Icon Online Marketing

Erhöhen Sie die Reichweite Ihrer Produkte, Services oder Ihrer Marke im World Wide Web. Unsere Expertise im Bereich Online Marketing beinhaltet Google AdWords, Facebook / Instagram Adverts und E-Mail Marketing.

Mehr.

Design + Branding

Icon Design Services

Von Print bis Digital - Design ist überall. Sein Zweck ist dabei nicht nur Ästhetik, indem es Ihr Produkt, Service oder Marke in eine Harmonie bringt. Design und Nutzerfreundlichkeit (UX) ist unser Hauptaugenmark, egal ob Print Design für Broschüren, Visitenkarten oder Flyer; Corporate Design für Logo, Slogan und Schriftbild oder UI/UX Design für Software und Web.

Mehr.

Technische Services

Icon Technical Services

Wir bieten Ihnen maßgeschneiderte Services im Bereich der Beratung, Planung und Durchführung digitaler Lösungen. Mit uns als verlässlichen Partner können Sie sich den Herrausforderungen der Digitalisierung stellen!

Mehr.

Apps und Innovative Produkte

Icon App Development

Der Trend zu Web und Mobilen Apps ist allgegenwärtig. Wir bieten Ihnen die Entwicklung von maßgeschneiderten Softwarelösungen für Desktop und Mobile Geräte. Web und Mobile Apps sind ein innovativer Ansatz in Ihren Kundenbeziehungen. Unsere Expertise liegt in der Planung, Entwicklung und Projektmanagement von iOS und Web Applikationen.

Mehr.