Websites im Responsive Design
Mit dynamischer Kommunikation an die Spitze
publiziert: Freitag, 22. Jan 2016 / 09:51 Uhr
Responsives Webdesign ist einzigartig auf dem Markt.
Responsives Webdesign ist einzigartig auf dem Markt.

Dieses Bild ist allgegenwärtig: Im Zug, im Strassencafé oder im Wartezimmer, wir surfen nicht mehr nur zuhause vor dem PC, sondern nutzen das mobile Internet überall. Dank schneller Breitbandtechnik kaufen, informieren und unterhalten wir uns ganz bequem per Notebook, Smartphone oder Tablet.

4 Meldungen im Zusammenhang
Wie erreichst du deine Kunden?

Wenn du einen Blick auf die Kurven deiner Unternehmens-Website bei Google Analytics wirfst, wirst du sehen, wie oft mobile Endgeräte auf die Seite zugreifen. Garantiert sieht sie sich sogar im Moment einer deiner potentiellen Kunden an. Die Frage ist: Kann dein Webdesign auf die neuen, mobilen Herausforderungen ausreichend reagieren?

Wusstest du ausserdem, dass die meisten Menschen im Netz durchschnittlich nach drei Sekunden entscheiden, ob die aufgerufene Seite nützlich für sie ist? Studien zeigen, dass Besucher, die nicht innerhalb dieser kurzen Zeit von der Adresse überzeugt sind, zurück in die Suchmaschine klicken und damit für immer als Kunden verloren gehen.

Aus diesem Grund ist es unverzichtbar geworden, ein flexibles Webdesign für verschiedene Geräte und Formate anzubieten. Grösse und Auflösung der jeweiligen Displays unterscheiden sich mitunter gewaltig und deine Website sollte unabhängig davon in jedem Fall übersichtlich und benutzerfreundlich sein.  

Ein dynamisches Konzept muss her!

Der Vorteil im klassischen Printbereich: Hier gilt es eine Seite zu gestalten, deren Grösse sich nicht verändert. Im Web verhält es sich ganz anders. Dort musst du dich mit der Tatsache auseinander setzen, dass der zu gestaltende Bereich variabel und vom genutzten Endgerät abhängig ist. Es stellen sich dabei folgende Fragen an das Design und die Technik deiner Seite 

- Wie ist dein Auftritt im Browser aufgehängt und skaliert?
- Wie sieht deine Seite auf mobilen Endgeräten aus?
- Wie können deine Text- und Bildinhalte in einer angemessenen Zeit geladen werden?
- Wie einfach ist es, deinen Auftritt regelmässig zu pflegen?
- Wie könnten die Folgeseiten aussehen, die künftig deine Seite erweitern?
- Wie sehen die aktiven Menüpunkte, Suchergebnisse und Fehlerseiten auf den Displays deiner Besucher aus?

Eine Sache ist essentiell, um die Besucher von deiner Webpräsenz zu überzeugen: Sie wollen sich zurecht finden und schnell an die Infos kommen, die sie brauchen. Das muss abhängig davon sein, von welchem Gerät sie deine Adresse aufrufen. Eine benutzerfreundliche Navigation, eine komfortable Menübedienung und schnell aufgebaute Grafiken machen es leicht, sich jederzeit zu orientieren.

Zwar ist es nicht möglich, dass Smartphone, Tablet oder Notebook exakt die gleiche Ausgabe deiner Homepage zeigen. Aber es ist möglich, dass die Anzeige jedes Mal benutzerfreundlich ist und ansprechend aussieht. Um das umzusetzen, muss das Konzept deiner Website aber mit den richtigen technischen Möglichkeiten ausgestattet sein.  

Der Schlüssel zum Erfolg - Responsive Webdesign

Responsive Webdesign, kurz RWD genannt, heisst die gestalterische und technische Art und Weise, die es möglich macht, dass diverse Endgeräte mit ihren unterschiedlichen Eigenschaften auf deine Website zugreifen können. Responsivität meint damit, alle User gleich gut abzuholen, unabhängig von den genutzten Geräten. Dabei berücksichtigt das RWD deren Anzeigegrösse, die verfügbaren Eingabemethoden wie Touchscreen, Maus oder Stift und die Geschwindigkeit des Internetanschlusses. Ausserdem ordnet es die Darstellung der Elemente wie Navigation, Seitenspalten, Bilder und Texte sinnvoll an, sodass die Anwenderfreundlichkeit auch auf dem kleinsten Display gegeben ist.

Die technische Basis des Responsive Webdesigns sind die neueren Webstandards wie HTML5 , JavaScripts und CSS3. Bei letzterem macht es das Media Queries-Konzept möglich, die Eigenschaften des jeweiligen Endgerätes direkt nach Breite und Höhe des Browserfensters, der Format-Orientierung, Eingabemöglichkeiten und der Bildschirmauflösung abzufragen. Je nach Vorgaben verändert das Konzept dann das Design.

Es gibt neben der technischen Basis einige weitere sinnvolle Tipps, um eine Website mobil zu machen:

. Informationen sinnvoll und gut lesbar verdichten
. Den Text nicht zu klein skalieren, um die Lesbarkeit zu erhalten
. Das Layout nutzerfreundlich reduzieren
. Textelemente in Blöck und Spalten setzen (so können sie besser verschoben oder alternativ positioniert werden)
. Die Bildgrafiken nicht über ihre native Grösse skalieren . Logos durch Signets ersetzen oder in der Grösse verkleinern
. Eine eventuell vorhandene vertikale Menüleiste als Liste neu positionieren oder erst auf Klick einblenden lassen

Die Vorteile des RWD gegenüber einer mobilen Website sind deutlich: Hier muss nur eine einzige Version erstellt werden, denn diese passt sich von alleine der verfügbaren Umgebung an. So ändert sich das Layout beispielsweise je nach Breite des Browser-Fensters. Ausserdem gibt es nur eine URL, mit der ein Nutzer von unterschiedlichen Geräten auf dieselbe Seite zugreifen kann. 

Ein weiterer Grund, warum du deine Website an das RWD anpassen solltest: Google macht sein Seiten-Ranking auch von der Eigenschaft «mobile friendly» abhängig. So verlieren nun Seiten, die nicht mobiloptimiert sind, an Plätzen.  

Dein Weg zu einer professionellen Webpräsenz

Wie du siehst, ist das Thema Responsive Webdesign genauso komplex wie wichtig. Wenn du möchtest, dass deine Website zu den 10 % der erfolgreichen Internetseiten im Netz gehört, stell dich diesem Thema am besten möglichst rasch.

Brauchst du dafür einen Spezialisten, der den Herausforderungen des RWD gewachsen ist und sich gleichermassen mit zielführendem Marketing und neuester Technologie auskennt? Hier kommen wir von HORISEN ins Spiel. Wir bieten dir eine professionelle Webpräsenz im Responsive Design für dein Unternehmen und garantieren damit ein interaktives Surf-Erlebnis für deine Kunden und Interessenten auf allen möglichen Endgeräten. Mit einer Website, die den modernen Ansprüchen gerecht wird, erreichst du die Besucher und überzeugst sie von deinem Unternehmen - und zwar auf den ersten Blick.

Unsere Verbindung aus professioneller Gestaltung und sicherer Programmierung sowie dem besten Responsive Webdesign ist einzigartig auf dem Markt. Deine Vorteile: wir kümmern uns um die Erstellung deiner Website und orientieren uns dabei an deinen Wünschen und Vorstellungen. Nebenher sparst du Geld, Aufwand und Kosten für Organisation, Produkt- und Servicepromotion auf mehreren Kanälen. Wenn du Näheres erfahren willst, klicke auf https://www.horisen.com/de/web-services/webseiten und erfahre alles über deinen Weg zur erfolgreichen Website.

Quellen / Einzelnachweise

http://www.blogprojekt.de/2015/03/04/bounce-rate-optimierung/so-kannst-du-die-absprungrate-erfolgreich-senken-5-massnahmen/ 

http://de.wikipedia.org/wiki/Responsive_Webdesign

https://www.kabelwelten.de/web-ist-nicht-print-oder-warum-sie-ihren-elektriker-nicht-das-bad-umbauen-lassen/

http://www.elmastudio.de/webdesign/webdesign-goes-mobile-first-eine-kleine-einfuhrung-zum-neuen-webdesign-trend/

Buch: Erfolgreiche Websites. SEO, SEM, Online Marketing, Usability. Von Esther Düweke, Stefan Rabsch. Galileo Press 2014.

 

(Horisen AG/pd)

Kommentieren Sie jetzt diese wirtschaft.ch - Meldung.
Lesen Sie hier mehr zum Thema
Publinews Soziale Netzwerke gehören zum modernen Marketing-Alltag längst dazu. ... mehr lesen
Ohne Social Media geht es nicht
Farbpalette: im Web oft nicht ideal gewählt.
Forscher haben mit «ColorCheck» ein Tool entwickelt, das Webdesignern helfen soll, bessere Farbpaletten zu nutzen. mehr lesen
Publinews Was steckt eigentlich hinter einer Internetseite? Nun ja, das sind natürlich vor allem ... mehr lesen
Webhosting meint die Bereitstellung des nötigen Speicherplatzes für deine Seite im Netz.
Schlüsseldienste versprechen bei einer Aussperrung schnelle und kompetente Hilfe.
Schlüsseldienste versprechen bei einer ...
Binnen weniger Sekunden ist es passiert: Die Tür fällt hinter Ihnen ins Schloss, und der Schlüssel befindet sich im Inneren des Hauses. Wer sich bereits einmal ausgesperrt hat, der weiss, wie schnell man in einer solchen Situation in Panik geraten kann. mehr lesen 
Nach dem Erwerb einer Immobilie ist eine Bestandsaufnahme sinnvoll, um zu ermitteln, ob Sanierungsbedarf vorhanden ist. Für die betroffenen Bereiche kann anschliessend ein Aktionsplan erstellt werden, sodass eine Kostenkalkulation ermöglicht wird. Die Wiederherstellung des Bauwerks zählt zu den wichtigen Aufgaben von Hausbesitzern. mehr lesen  
Immer häufiger kommt sie in Alltag, Urlaub oder bei der Arbeit zum Einsatz. Kein Wunder, denn sie bietet eine Vielzahl an Leistungen und Extras. Die Kreditkarte existiert bereits seit dem 19. Jahrhundert. 1924 wurde der erste Metall-Prototyp hergestellt. mehr lesen  
Dass sich grosse Unternehmen es sich nicht nehmen lassen, umfangreichen Online-Aktivitäten nachzugehen, ist heute selbstverständlich. Kleinere und mittlere Unternehmen, sogenannte KMU, hingegen tun einen professionellen Online-Auftritt häufig ab. mehr lesen  
PUBLINEWS ermöglichen Werbekunden die Präsentation ihrer Inhalte (Unternehmens- oder Produkteinformationen) im Look & Feel von news.ch. PUBLINEWS-Meldungen sind speziell als solche gekennzeichnet. Für deren Inhalt ist ausschliesslich der jeweilige Auftraggeber verantwortlich.

PUBLINEWS BUCHEN
Wenn auch Sie Ihre aktuellen Neuigkeiten zur richtigen Zeit und am richtigen Ort zielgruppen- gerecht publizieren möchten, wenden Sie sich bitte an unser Verkaufsteam.
Chris Sigrist
Chris Sigrist, sigrist@news.ch
Mobile +41 (0)78 648 30 22
Skype chris_vadian_net
 
News
         
Schweisser
Publinews Beim Schweissen werden zwei oder mehr Werkstücke dauerhaft miteinander verbunden. Gemäss den Definitionen EN 14610 und DIN 1910-100 ist das Schweissen das ... mehr lesen
Viele spannende Möglichkeiten, ein Start-up zu finanzieren. Am Ende kommt es ganz wesentlich auf zwei Dinge an: Sich nicht entmutigen zu lassen und immer wieder nach neuen Lösungen suchen.
Publinews Die beste Idee nutzt nicht viel, wenn kein Kapital vorhanden ist, um sie umzusetzen. Start-ups stehen in der Beliebtheitsskala der Banken jedoch nicht gerade ... mehr lesen
Schlüsseldienste versprechen bei einer Aussperrung schnelle und kompetente Hilfe.
Publinews Binnen weniger Sekunden ist es passiert: Die Tür fällt hinter Ihnen ins Schloss, und der Schlüssel befindet sich im Inneren des Hauses. ... mehr lesen
Eine Haustür kann mit Zusatzschlössern, Querriegeln und Schutzbeschlägen nachgerüstet werden.
Publinews Nach dem Erwerb einer Immobilie ist eine Bestandsaufnahme sinnvoll, um zu ermitteln, ob Sanierungsbedarf vorhanden ist. Für die betroffenen ... mehr lesen
Weltweite Einsetzbarkeit, hohe und bargeldlose Zahlungssicherheit - die Kreditkarte überzeugt seit jeher mit vielseitigen Vorteilen.
Publinews Immer häufiger kommt sie in Alltag, Urlaub oder bei der Arbeit zum Einsatz. Kein Wunder, denn sie bietet eine Vielzahl an Leistungen und Extras. Die Kreditkarte existiert ... mehr lesen
Wer sich als Unternehmen der Online-Welt verschliesst, der grenzt damit auch wichtige Kunden und Absatzkanäle aus.
Publinews Dass sich grosse Unternehmen es sich nicht nehmen lassen, umfangreichen Online-Aktivitäten nachzugehen, ist heute selbstverständlich. Kleinere und mittlere Unternehmen, ... mehr lesen
Wohnung putzen? Gönnen Sie sich eine professionelle Reinigungsfirma.
Publinews Es mag tatsächlich Menschen geben, die meinen, dass das Putzen der Wohnung oder des Hauses ihnen einen grossen Spass bereitet. Wenn man zu diesen Menschen ... mehr lesen
Damit man herausfinden kann, welche Sanierungsarbeiten getätigt werden müssen, muss man einen Sachverständigen beauftragen.
Publinews Wenn der Putz bröckelt und der Wind durch die alten Fenster pfeift, dann wird es so langsam an der Zeit das Haus zu sanieren. Unter Sanierung wird die Wiederherstellung des Bauwerks ... mehr lesen
Sommerloch
Startup News Das Phänomen «Sommerloch» macht vor keiner Branche halt. Von der Modeboutique bis zum Elektrofachhandel: In der schönen Jahreszeit passiert ... mehr lesen
Wirtschaft Marken
   Marke    Datum
Melgar GmbH Logo
06.12.2019
chauffez renouvelable Logo
06.12.2019
Sharekey Logo
06.12.2019
ARISTOTE Logo
06.12.2019
TRACKIT TRACKIT Logo
06.12.2019
    Information zum Feld
Bitte geben Sie hier einen Markennamen ein wie z.B. 'Nespresso'
Stellenmarkt.ch