So kontaktieren Sie uns: 030-280078-15

  • Neue Ideen gesucht?
    Dann reden Sie mit uns - unlimited communications, die B2B-Content-Marketing-Spezialisten aus Berlin. Hier geht es zum KONTAKT
  • Die B2B-Content-Marketing-Spezialisten
    Machen Sie aus Ihrem Web ein Erlebnis - für Ihre Zielgruppe! Sie wollen wissen, wie das geht? KONTAKT

Wir alle kennen das ja: Man ist mit dem Tablet oder Smartphone auf Websites unterwegs, will nur kurz Kontaktdaten suchen oder sich über ein Angebot informieren. Doch leichter gesagt als getan. Internetseiten, die auf dem Desktop-PC noch super aussehen, sind mobil eine Unzumutbarkeit. Da gestaltet sich sagen wir die Navigation zur richtigen Telefonnummer meines Ansprechpartners schon wie ein Kamelritt durchs Nadelöhr. Mir selbst fallen spontan zig solcher Momente ein und gerade wer zum Beispiel schon einmal unterwegs auf Wohnungssuche war, kann meinen Unmut wohl gut verstehen.

Dabei könnte es so einfach sein: optimierte Websites für mobile Nutzer (Google nennt das „mobile-friendly“). Doch viele Firmen haben diesen Punkt in den letzten Jahren schlichtweg vernachlässigt. Das hinterlässt bei ihren Kunden einen ziemlich schlechten Eindruck. Um nicht in die Bredouille zu geraten, bessern viele jetzt nach.

„Mobile-friendly“ – Brauche ich das wirklich?

Ja. Dass diese Nachbesserung längst überfällig ist, zeigt eine repräsentative Studie im Auftrag des ARD/ZDF zur Onlinenutzung in Deutschland. Laut Befragung ist die Anzahl der täglichen Internetnutzer im Jahr 2015 auf 44,5 Millionen Menschen gestiegen. Interessant ist dabei, dass davon mittlerweile 55 Prozent mobil auf Netzinhalte zugreifen. Kein Trend, sondern eher zunehmende Standardisierung. Gleichermaßen steigen auch die Anforderungen an eine gute Webpräsenz. Websites, die bei der Programmierung allein für große Desktop-Bildschirme optimiert werden, sind auf Smartphones und Tablets oft unbedienbar.

Gut beraten sind also diejenigen, die von Anfang an auf optimale Darstellung ihrer Website auf jedem Gerät setzen. Immerhin ist sie das digitale Aushängeschild einer jeden Institution. Ohne mobilfreundliches Design geht heute kaum noch etwas, auch weil die großen Internet-Unternehmen, allen voran Google, die mobile Internet-Nutzung fördern wollen. Als weltweit wichtigste Suchmaschine macht Google „mobile-friendly“ inzwischen zur Pflicht: Seit dem im Frühjahr 2015 erschienenen „Mobile Update“ des Suchmaschinenanbieters werden Websites, die nicht für mobile Nutzung geeignet sind, beim Suchmaschinenranking abgestraft.

Die Lösung: Responsive Design

Responsive Design passt eine Website flexibel an das jeweilige Endgerät an. Eine so optimierte Website sieht auf einem 24-Zoll-Bildschirm also genauso gut aus wie auf einem Smartphone oder Tablet. Was heißt das genau?

Größe und Auflösung des darstellenden Gerätes, an die sich eine Website anpassen muss, variieren heute stärker denn je. Die kleinsten Smartphones haben Bildschirmdiagonalen von weniger als 3 Zoll, während auf der anderen Seite auch Monitore und webfähige Fernseher mit weit mehr als 30 Zoll Diagonale keine Seltenheit mehr sind. Daher ist es notwendig, dass Internetseiten die Anforderungen des jeweiligen Endgerätes kennen und berücksichtigen.

Besteht das Layout einer Website beispielsweise aus mehreren Spalten, so müssen diese auf Smartphone-Displays untereinander angezeigt werden, weil sonst nicht mehr viel zu erkennen ist. Funktionen wie „Mouseover“ wiederum, die bei Mausbedienung Informationen oder Navigationshilfen liefern, funktionieren nicht mit Touchscreens. Für mobile Nutzer müssen dafür Alternativen angeboten werden.

Eine mögliche (und früher häufig praktizierte) Lösung wäre die Erstellung und Pflege einer Version des Internetauftritts, die speziell für Mobilgeräte gestaltet wird und über eine eigene URL erreichbar ist. Aber responsive Design löst das Problem noch wesentlich eleganter: An die Stelle einer starren Gestaltung von Websites tritt nun eine dynamische Reaktion bzw. „Antwort“ (englisch: response) auf wechselnde Anforderungen.

Die Funktionsweise von Responsive Design

Für die Gestaltungsaspekte von Webseiten ist beim Webdesign die Auszeichnungssprache CSS (Cascading Style Sheets) zuständig. Mit CSS können Gestaltungsanweisungen (Stylesheets) erstellt werden, welche zusammen mit HTML und DOM den Kern einer jeden Website bilden. Stylesheets (Dateien mit der Endung „.css“) bestimmen das Aussehen meiner Seite. Ich kann also für unterschiedliche Endgeräte jeweils eigene Stylesheet anlegen (z.B. „smartphone.css“ und „all.css“, wenn ich nur Smartphones ein angepasstes Design anbieten möchte).

Woher aber weiß eine Webseite, welches Endgerät gerade zu bedienen ist? Mit der aktuellen Version CSS3 wurde das Konzept der sogenannten Media Queries eingeführt. Diese Queries (z. Dt. Abfragen) erlauben es, verschiedene Ausgabe-Geräte zu erkennen. Die Website fragt eine vorher definierte Liste von Kriterien ab, die ein Ausgabemedium erfüllen muss, damit ein bestimmtes Stylesheet zur Verarbeitung eingebunden wird. Diese Medienabfragen bestehen meistens aus der Kombination von Medientyp und Medienmerkmalen. Kriterien für die Darstellung einer Website auf verschiedenen Endgeräten sind zum Beispiel die Breite und Höhe von Browserfenster oder Gerät, die Bildschirmauflösung, die Orientierung (Hoch- oder Querformat) oder verfügbare Eingabemöglichkeiten.

Mithilfe dieser Kombinationsmöglichkeiten können verschiedene Klassen von Ausgabemedien definiert werden, denen ich dann maßgeschneiderte Stylesheets zuweise. Erfüllt das verwendete Ausgabemedium alle Kriterien einer Medienabfrage, so wird das verknüpfte Stylesheet eingebunden – und voilà: Sie haben responsive Design.

Sie möchten mehr über unsere Projekte oder unser Leistungsangebot erfahren?

Klicken Sie auf:

Kontakt

… oder rufen Sie uns an:

030-280078-15

Sich Kennenlernen einfach gemacht!

Machen Sie sich blitzschnell mit unserer Arbeitsweise vertraut. Mit einem für Sie kostenlosen Testprojekt. Interessiert?

Jetzt Testprojekt sichern

5 Gründe, warum Sie sich für unlimited entscheiden sollten

No.1: Wir lieben unsere Arbeit - No.2: Wir sind ehrlich und treu - No.3: Wir sind neugierig - No.4: Wir wissen viel - No.5: Wir halten, was wir versprechen - No.6: Wir können zuhören - No.7: Wir haben eine eigene Meinung - No.8: to be continued

  1. B2B-Unternehmenskommunikation

    unlimited® ist Spezialist für B2B-Kommunikation und Content-Marketing. Ob Website oder Blog, Fachpublikation oder Medienpartnerschaft, Veranstaltung oder Anzeige: Wir beraten Sie, welche Strategien und Kanäle für Ihre Markenbotschaft, Ihre Kundenpflege oder Ihre Vertriebsunterstützung die geeignetsten sind, und wir bahnen Ihnen den Weg durch den Mediendschungel. Lesen Sie mehr…

  2. Content-Creation & Texterstellung

    Seit vielen Jahren unterstützen die Content-Profis von unlimited® das Corporate Publishing namhafter Unternehmen vor allem im B2B-Bereich. Aber wir sind auch vertraut mit den Kanälen, über die Inhalte heute am besten Ihre Zielgruppe erreichen – von der klassischen Kundenzeitschrift bis hin zu Blogs und Social Media. Sie müssen in Ihrer Branche oft komplexe Sachverhalte kommunizieren? Erklärungsbedürftige Produkte, Technologie-Themen und komplexe Prozesse sind unsere Spezialität (hier einige unserer Themen). Ob Webtext oder Broschüre, Success-Story oder Fachartikel: Wir schreiben bzw. optimieren Ihre Texte – klar, lebendig, verständlich und kompetent. Lesen Sie mehr…

  3. B2B-Online-Marketing & Webdesign

    Online-Marketing, die erfolgreiche Entwicklung, Pflege und Nutzung einer Website, umfasst mehr als das Design — gerade im B2B-Bereich. Wir sorgen dafür, dass Sie im weltweiten Datennetz gefunden werden, dass Ihre virtuellen Besucher nicht lange nach Infos suchen müssen – und dass sie gerne wiederkommen. Nach Ihren Vorgaben erarbeiten wir die optimale Website-Struktur, gestalten das Screen-Layout, optimieren oder schreiben Ihre Texte und sorgen für die technische Umsetzung. Lesen Sie mehr…

  4. Corporate & Print Design

    Beeindrucken Sie Ihre Besucher mit Stil und Eleganz und geben Sie Kunden und Interessenten Unterlagen an die Hand, die einen bleibenden Eindruck hinterlassen und nicht im Papierkorb landen. Grafikdesign von unlimited® steht für Stil, Qualität und Zuverlässigkeit – von der Konzeption und Texterstellung über Bildbearbeitung, Seitengestaltung, Satz und Endkorrektur bis zu Reinzeichnung, Umsetzung und Druckbegleitung. Wir verleihen Ihrem Unternehmen ein klares, unverwechselbares Profil. Lesen Sie mehr…

  5. B2B-Marketing-Beratung

    Erfolgreiches Marketing ist Kommunikation nach Plan. Um ein Unternehmen, ein Produkt oder eine Dienstleistung nachhaltig am Markt zu platzieren, braucht es tragfähige Konzepte, eine langfristige Strategie und Kreativität. unlimited® begleitet Unternehmen von der strategischen Beratung über die Konzeption und Zusammenstellung des Marketing-Mixes bis hin zur Umsetzung und Steuerung konkreter Maßnahmen. Sie profitieren von mehr als 20 Jahren Marketing-Erfahrung, verbunden mit kritischer Offenheit für neue Entwicklungen. Lesen Sie mehr…

unlimited Blog News


IT-Sicherheit

datev-whitepaper-Startseite

Content-Marketing für IT-Sicherheit

Seit vielen Jahren arbeiten wir erfolgreich mit zahlreichen namhaften Anbietern von IT-Lösungen zusammen, für die die Auseinandersetzung mit IT-Security-Themen zum täglichen Geschäft gehört, darunter SAP, Siemens, der IT-Security-Distributor Wick Hill oder die DATEV. Diese Unternehmen nutzen unsere Expertise, um diese komplexen Themen zielgruppengerecht aufzubereiten und verständlich, interessant und zielführend zu präsentieren.

Lesen Sie mehr...

 

Geschäftsprozesse und ERP

Content-Marketing für für die ERP-Branche

Seit vielen Jahren arbeiten wir eng mit Anbietern von Softwarelösungen zusammen, die den Anwendern dabei helfen, ihre Geschäftsprozesse zu optimieren, darunter die ERP-Anbieter SAP und ORDAT oder Siemens Healthcare mit seinen Krankenhausinformationssystemen.

Lesen Sie mehr...

Krankenhaus-IT und Healthcare

Content-Marketing für Krankenhaus-IT & Healthcare

Sie machen professionelles Marketing für komplexe Healthcare-Produkte und -Lösungen – wir unterstützen Ihre B2B-Kommunikation mit Inhalten, Konzepten, unserer Erfahrung und dem Blick von außen. Seit vielen Jahren arbeiten wir erfolgreich mit namhaften Healthcare-Lösungsanbietern und Pharma-Unternehmen zusammen, darunter Siemens, SAP und Merck.

Lesen Sie mehr...