Design & Prototyping für Responsive Webdesign – Edge Reflow

Durch die Entwicklung von Responsive Websites ergeben sich neue Anforderungen an das Layouten eines Screendesigns. Was bisher bei statischen Seiten mit Photoshop relativ gut möglich war – auch wenn Photoshop nie als Tool zur Erstellung von Webdesigns entwickelt wurde – stösst nun an seine Grenzen, da in Photoshop lediglich rein statische und pixelbasierte Layouts möglich sind.

mehr zum Thema

Navigationsvarianten im mobile Web

Content ist King, aber ohne geeignete Navigation findet der User schlimmstenfalls den guten und wichtigen Content nicht. Gerade im Responsive Webdesign bzw. im mobile Web stellen, aufgrund des geringeren Platzes, Navigationen eine Besondere Herausforderung dar. Es gilt, die wichtige Navigation prominent genug zu platzieren, und dabei darauf zu achten, dass diese nicht zu viel Platz im Viewport einnimmt und den eigentlichen Content verdrängt.

In Anlehnung an meinen Vortrag u.a. auf dem Barcamp Kiel, in dem ich auch wesentlich auf das Thema Navigation eingegangen bin, möchte ich hier verschiedene Navigationsmöglichkeiten im Responsive Webdesign darstellen.

mehr zum Thema