Responsive Design

Mobile, Pads und Netbooks verändern die Ansprüche an eine Website. In Zukunft werden wir bei der Konzeption einer Website, eine Vielzahl von Devices berücksichtigen müssen €“ mit unterschiedlichen Auflösungen, Fähigkeiten und Bedienkonzepten. Doch wie muss modernes Webdesign auf diese Herausforderung reagieren?

Eine vielversprechende Antwort bei der zukünftigen Gestaltung von Websites heißt: Responsive Design. Im Kern lässt sich der Gedankengang hinter Responsive Design wie folgt Zusammenfassen:

Wenn die Anzahl unterschiedlicher Endgeräte zunimmt, gibt es nur eine ökonomische und ergonomische Konsequenz: die Benutzeroberfläche einer Website muss sich flexibel auf die Anforderungen des Endgerätes anpassen.

Das Ende der absoluten Kontrolle

Hinter dieser Antwort verbirgt sich ein radikaler Paradigmenwechsel im Webdesign. Designer von Benutzeroberflächen lieben in der Regel feste Rahmenbedingungen. Denn innerhalb von fest definierten Umgebungen lässt sich das Design und damit das Erscheinungsbild einer Website perfekt kontrollieren. Absolute Kontrolle ist bei vielen Grafikern geradezu ein zwanghafter Trieb. Dies resultiert in ein Designprinzip mit starren Rastern. Ein Prinzip, auf das seit Jahrtausenden unsere westliche Kunst und Grafik basiert. Eine feststehende Gestaltungsfläche wird über virtuelle Linien in ein harmonisches Flächensystem aufgeteilt €“ das Gestaltungsraster. Ein perfektioniertes Gestaltungssystem, angewandt von malenden Mönche bis zum neuzeitlichen Grafikdesigner. Das Raster gibt dem Gestalter seit Urzeiten Sicherheit: feste Regeln, absolute Kontrolle über Proportion und Harmonie.

Paradigmenwechsel Responsive Design

Hinter dem Begriff Responsive Design verbirgt sich daher eine kleine Revolution. Responsive Design ist das Ende der absoluten Kontrolle über feststehende Raster. Ein Blatt Papier hat eine feste Proportion. Dagegen sind die Proportionen von Bildschirmdisplays von Smartphones, Pads, PCs und Laptops höchst unterschiedlich. Ein Design mit festen Proportionen wird dieser Vielzahl digitaler Ausgabebedingungen nicht gerecht. Für Screendesigner bedeutet dies: verabschiedet euch vom Gedanken der absoluten Kontrolle über Proportion und Harmonie.

Responsive Design erfordert Denken ohne starre Grenzen

Wer sich mit Responsive Design beschäftigt muss daher zuerst die Barrieren im eigenen Denken überwinden: gutes Webdesign verhält sich interaktiv. Ändern sich die Spielregeln durch ein bestimmtes Endgerät so ändert sich das Design. In der digitalen Welt gibt es eben kein feststehendes A4 Format. Für viele Designer eine schwere Kost. Wer in festen Rastern denkt, kann mit relativen Umgebungen schlecht umgehen. Eine Hürde, die für manchen Designer unüberwindbar ist. Wer versucht für jede Möglichkeit eines Endgerätes eine optimale feststehende Oberfläche zu definieren wird scheitern. n unterschiedliche Endgeräte resultieren zwangsläufig in n unterschiedliche Designraster. Dies ist der ökonomische Overkill für Webdesign.

Ökonomisches und ergonomisches Webdesign

Responsive Design bietet eine mögliche Antwort zur Lösung dieses Dilemmas. Ein Designprinzip, dass eine möglichst optimale Annäherung der Gestaltung an flexible Rahmenbedingen sucht. Die Betonung liegt hierbei auf optimale Annäherung. Denn das Optimum wird dabei nur selten erreicht. Die Unwägbarkeit und der Umgang mit dem Suboptimalen wird zum Kern der Gestaltung. Tschüss feste Raster, tschüss Pixelvermesser, tschüss oldschool Design. Dafür herzlich Willkommen ihr Benutzer mit Laptop, PC, Netbook, Pad, iPhone, Blackberry und Android.

Prinzipien Responsive Design

Welche Kernprinzipien zeichnen Responsive Design aus? Meiner Meinung nach sind folgende Dinge zu beachten:

  • Relative Bildschirmbreite: es gibt kein festes Maß für Displaybreiten, aber Schwellenwerte auf die Design annähernd optimal funktionieren soll, z.B. 800px, 1024px oder 1200px Breite. Das Design unter, zwischen oder über solchen Schwellenwerten interpoliert flexibel das Layout zum nächsten optimalen Schwellenwert.
  • Flexible Raster statt starre Layouts: Layoutraster sollen sich proportional zur Auflösung verändern.
  • Flexible Grafiken und Schriften: % Maßeinheiten ersetzen die absolute Einheit des Pixels. Dies gilt für alle Vermaßungen, insbesondere Grafiken, Schriften etc.
  • Mobile ist nicht gleich PC: die Benutzeroberflächen für Touchdisplays erfordern geeignete Navigationselemente €“ reduziert auf das Wesentliche.

Beispiele für Responsive Design

Wie sieht Responsive Design in der Praxis aus? Anbei ein paar praktische Beispiele, die mir gut gefallen:

http://lapse.org/
http://www.barrelofmonkeys.org/
http://earthhour.fr/
http://calebacuity.us/

Einfach die Größe des Browserfensters verändern und beobachten, wie das Layout der Website dynamisch reagiert.

Viel Spaß beim Testen.

Suchmaschinen-Optimierung (SEO) im Maschinenbau

Maschinen- und Anlagenbauer sind Exportweltmeister. Um so erstaunlicher, daß die Sichtbarkeit der eigenen Homepage in den wichtigen Exportmärkten für viele Unternehmen dieser Branche ein unbekanntes Terrain ist.


SEO / SEM im Maschinenbau und Anlagenbau

Ich wage zu behaupten: die Mehrzahl der Unternehmen im Maschinen- und Anlagenbau ist sich der wahren Bedeutung der eigenen Homepage nicht bewusst. Diese ist längst mehr als eine digitale Unternehmensbroschüre. So ist die Homepage das Informationsmedium Nummer 1, wenn es darum geht Informationen zu Lösungen und Produkten zu erhalten €“ noch bevor eine Anfrage per E-Mail oder Telefon erzeugt wird. Damit ist die eigene Homepage neben PR, Messen und Vertrieb die wichtigste Leadquelle €“ national und international.

SEO / SEM Strategien für Maschinen- und Anlagenbau

Suchmaschinen-Optimierung (SEO) im Maschinen- und Anlagenbau

Doch wie generiere ich nachhaltig Zugriffe auf die eigene Homepage? Neben konsequenter PR-Arbeit sollten Unternehmen kontinuierlich die Platzierung des eigenen Internet-Angebotes in Suchmaschinen im Auge behalten.

Was gehört zu einer erfolgreichen SEO Strategie?

1. Keyword-Analyse: Welche Schlüsselwörter sind relevant? Welche Schlüsselwörter werden wo und wie häufig gesucht?

2. Zielmarkt-Analyse:
Welche Suchmaschinen sind für welche Zielmärkte relevant? In Europa und USA beispielsweise Google, in Russland Yandex und in China Baidu.

3. Wettbewerber-Analyse:
Wo steht Ihr Unternehmen im Vergleich zu Wettbewerbern? Auf Basis der Keyword-Analyse werden die Suchmaschinen-Rankings in den jeweiligen Zielmärkten betrachtet. Die Performance der eigenen Seite, wird mit der Performance der Wettbewerber verglichen.

4. On-Site Maßnahmen: Was lässt sich auf der eigenen Webseite verbessern, um in Suchmaschinen sichtbarer zu werden? Dies sind technische und redaktionelle Maßnahmen.

5. Off-Site Maßnahmen: Was können Sie sonst verbessern, damit das Ranking besser wird? Dazu zählt der konsequente Aufbau von Backlinks und beispielsweise Aktivitäten auf Social Media Plattformen.

6. Suchmaschinen-Marketing (SEM): Was tun, wenn sich das Ranking im Vergleich zum Wettbewerb nicht verbessert? In diesem Fall gibt es zwei Dinge zu beachten: erstens einen langen Atem behalten €“ ist der Wettbewerb gut in SEO, dann dauert es eben länger diesen einzuholen. Und zweitens, bezahlte Anzeigen für Bereiche verwenden in denen das Ranking auf mittlere bis lange Sicht nicht natürlich zu verbessern ist.

Sie haben Fragen zu nationalen und internationalen SEO Maßnahmen? Gerne unterstützen wir Sie.

Online-Experte echolot digital worx gewinnt drei neue Kunden

echolot digital worx ist es gelungen, von drei weiteren Hochschulen den Zuschlag zum Aufbau von Online-Communitys für Alumni und Studierende zu erhalten. Neben der Universität Lüneburg und der Hochschule Pforzheim setzt auch die Universität Kassel auf die Open Source Software-Lösung der Stuttgarter Experten für Online-Communitys.

Unter dem Begriff €žAlumni Management€œ pflegen die meisten Hochschulen den Kontakt zu Absolventen und ehemaligen Studierenden. Der stetig wachsenden Nachfrage angepasst, hat sich die Stuttgarter Agentur echolot digital worx bundesweit als Experte für den Aufbau und Betrieb von Online-Communitys an Hochschulen etabliert. Einmal quer durch Deutschland – von Lüneburg über Kassel bis hin nach Pforzheim sind die neuen Kunden der Agentur angesiedelt.

€žAusschlaggebend ist, dass unsere Communitys und Datenbanken ausschließlich auf Open Source Software basieren. Damit können wir eine Community nahtlos in die Infrastruktur der Hochschule integrieren und dort betreiben. Alle Daten der Community-Nutzer verbleiben an der Hochschule und der Betrieb kann sehr genau von den Datenschutzbeauftragten kontrolliert werden€œ, erklärt Mirko Ross, Geschäftsführer bei echolot digital worx. €žGerade bei sozialen Netzwerken ist der sorgfältige Umgang mit Nutzungsdaten das A und O.€œ

Die Community-Software der Stuttgarter basiert auf dem erfolgreichen Content-Management-System TYPO3 mit einer optionalen Anbindung an CRM Software. Innerhalb der Community haben die Anwender einen ähnlichen Funktionsumfang wie in den bekannten großen sozialen Netzwerken. So können ehemalige Kommilitonen gesucht, Freundeslisten gepflegt oder Nachrichten veröffentlicht werden. Zudem gibt es spezielle Services für Akademiker, wie Jobbörsen und akademische Stellenvermittlungen.

Geschafft!

Google Suggest zeigt schon mal “echolot digital worx” in der Vorschlagliste beim Suchbegriff “echolot”. Das ist prima.
Google Suggest Search: echolot
Als nächstes muss unsere Seite in der Suchergebnisseite auf die Plätze 1-10 vorrücken, den im Moment sind wir erst auf der zweiten Seite zu finden. Aber das wird nooch werden. SEO ist 50% Know-How und 50% Beharrlichkeit. Auf dem Plan ist nun die on Page Optimierung und das Ausbauen hochwertiger Backlinks.

Unterstützung bei Etablierung deutscher Unternehmen im chinesischen Internet

Eine qualitativ hochwertige Online-Präsenz ist für jedes global tätige Unternehmen das A und O. Den englischen Sprachraum abzudecken, stellt dabei die kleinste Hürde dar. Schwierig wird es für deutsche Unternehmen, die den chinesischen Markt erobern wollen. Hier sind fundierte kulturelle Kenntnisse des Landes und der Internetgewohnheiten gefragt, wobei viele Unternehmen hier an ihre Grenzen stoßen. Die Stuttgarter Online-Agentur echolot digital worx dagegen engagiert sich verstärkt im chinesischen Internet und unterstützt deutsche Unternehmen, die sich mit eigenen Webseiten in China präsentieren möchten.

Mit mehr als 384 Millionen Anwendern ist China weltweit der größte Online-Markt. Das Reich der Mitte zählt zum wichtigsten Exportmarkt für deutsche Unternehmen. Die Experten von echolot digital worx und sind für sie ein wichtiger Partner, weil sie sich auf dieses Thema spezialisiert haben. Angefangen bei technischen Fragen zum Hosting, über die Online-Redaktion bis hin zur Suchmaschinenoptimierung und Vermarktung von Webseiten im chinesischen Internet.

Konzentration auf chinesischen Online-Markt

€žDas Internet in China ist einfach anders. So spielt beispielsweise Google in China keine Rolle. Chinesen bevorzugen bei der Recherche im Internet die chinesische Suchmaschine Baidu. Dort müssen Internetangebote gut positioniert erscheinen€œ, weiß Yuanii Wang, Berater bei echolot digital worx.

Der gebürtige Chinese betreut im Stuttgarter Team zahlreiche Unternehmen, die sich im chinesischen Internet neu positionieren und ist ein Fachmann für Suchmaschinenoptimierung und -marketing in China. Er koordiniert und kontrolliert von Deutschland aus Online-Kampagnen im chinesischen Internet.

Geeks aufgepasst! Wir suchen Verstärkung.

Während andere zur ersten Tanzstunde gingen, hast Du mit Deinen ersten Programmen im Internet experimentiert.

Während andere Ihr erstes Auto getuned haben, hast Du im Chip-Modding die Performance Deines PC um 300% gesteigert.

Während andere heute nur Aussichten auf einen tristen Job haben, zählst Du zur Elite im Informationszeitalter. Denn, Du bist ein Geek.

Stellenangebote bei echolot digitl worx: wir suchen Geeks!

Wir suchen Dich!

Bei echolot digital worx, verstehen wir was Dich bewegt. Das verbindet. Gemeinsam können wir großartige Projekte realisieren.

Unser Team sucht Verstärkung:

Software Entwickler m/w

System Administrator m/w

BEWERBUNG AN

Bitte senden Sie per E-Mail Ihre schriftlichen Bewerbungsunterlagen (PDF) mit Lebenslauf und Lichtbild an:

echolot digital worx GmbH
Frau Sylvia Failenschmid
failenschmid@digital-worx.de

Hochschulen und Image

Hand aufs Herz. Viele deutsche Deutsche Hochschulen haben im internationalen Vergleich ein Image-Problem. Sie werden entweder gar nicht wahrgenommen oder kämpfen mit einem verstaubten akademischen Image.

Deswegen gefällt es mir, wenn deutsche Hochschulen auf dem internationalen Parkett mit modernen Mitteln versuchen, den Staub von den Talaren zu fegen.

Meine eigene Hochschule hat nun auf Youtube ein Image Video für ausländische Interessenten veröffentlicht. Das finde ich großartig!

[youtube MV-7kCz6WDY]

Nur schade, dass die Homepage der HfWU im Vergleich zum Video etwas dröge wirkt.

1 9 10 11 12 13 57