Für die Werkstatt für Gemeindeaufbau haben Marc Böttler und ich eine neue Webseite entwickelt.
Die Seite sollte auf die Umgebung reagieren in der sie aufgerufen wird. Wir wollten keine unterschiedlichen Seiten entwickeln, sondern setzen auf »responsive Webdesign«. Auf diese Weise passt sich die Seite auf das Ausgabegerät (die Größe des Browserfensters) an, und wird optimiert für die unterschiedlichen Geräte dargestellt.
Bei der Entwicklung der Webseite gingen wir vom kleinsten Ausgabegerät aus. Durch die Vorgabe alle bestehenden Inhalte zu übernehmen, standen wir hier vor der Herausforderung die Inhalte zu gewichten und so anzuordnen, dass sie mit einer schlankeren Navigation zu erreichen sind.
Zur Zeit arbeite ich an weiteren Projekten, die die angedeutete Vorgehensweise berücksichtigen. Meiner Ansicht nach nimmt die Nutzung mobiler Endgeräte wie Smartphones und Tablets weiter zu, so dass Webseiten dann am Besten genutzt werden können, wenn sie darauf eingestellt sind.
_
Eine Frage noch an diejenigen Leserinnen und Leser, die selbst solche Projekte durchführen: Wie präsentiert ihr diese Projekte in eurem Portfolio?
Ich finde am besten kommen solche Sachen immer rüber in dem man im Portfolio die Screenshots in Geräte reinsetzt (was nicht immer iPhone & iPad sein muss). Dadurch versteht auch der nichtnerd was gemeint ist mit den verschiedenen Versionen.
Ich greife Dennis‘ Vorschlag auf. Würde darüber hinaus einen Slider (mein aktueller Favorit ist der jQuery-Nivo-Slider) für die Präsentation der einzelnen Endgeräte mit entsprechendem Subtitle einsetzen.
Bild 1: ‚Internetpräsenz im Smartphone‘ – Slide zu Bild 2: ‚Ansicht der Webseite am DesktopBrowser‘ – usw.
VG, Manuel