Kompetenzen SEO, Usability & UX
SEO. Usability. UX.
Suchmaschinen-Optimierung, a.k.a. SEO.
Bei SEO wird zwischen On-Site- und Off-Site-Optimierung unterschieden. Wir unterst眉tzen sie in nahezu allen Aspekten der On-Site-Optimierung.
On-Site-SEO.
On-Site-SEO bezeichnet all jene Ma脽nahmen, die sich innerhalb Ihrer Website abbilden lassen. Die wichtigsten Zutaten hierzu:
- Semantischer Code.
- SEO-relevanter Unique Content.
- Geeignete Texte und Text-Strukturierung.
Bei der Umsetzung achten wir von vornherein auf schlanken, semantischen HTML-Code. Das ist nicht nur gut f眉r SEO, sondern auch f眉r Ladezeiten, Performance, Zug盲nglichkeit und Wartbarkeit Ihrer Website.
Wir beraten Sie auch zur Erstellung des sogenannten Unique Content, also f眉r Ihre Keywords wichtigen Inhalt, den Google und andere Suchmaschinen woanders nicht finden k枚nnen. Ob Landingpages, SEO-Boxen oder SEO-Footer - wir sind damit vertraut und wissen, worauf zu achten ist.
Web Usability.
Eine gute Usability ist unabdingbar f眉r den Erfolg einer Web-Applikation - aber auch relativ statische Websites, die "nur" der Informationsvermittlung dienen, profitieren ohne Frage erheblich von Aspekten, die zusammen genommen eine gute Usability ausmachen. Hier einige dieser Kriterien:
Verst盲ndlichkeit und Angemessenheit Ihrer Texte.
Schreiben und gestalten Sie f眉r Ihre Zielgruppe! Wenn Ihre Nutzer Ihre Inhalte nicht verstehen, werden Sie nicht lange Nutzer sein - und vermutlich auch nicht wieder kommen.
Klarer, intuitiver Aufbau. Elemente an gelernten Positionen.
Sie nutzen erstmalig eine ihnen neue Website. Sie haben sich ein wenig tiefer hineingeklickt, und sie m枚chten zum Anfang zur眉ck. Was tun Sie? Richtig, Sie klicken oben - meist links - auf das Logo!
Nun m枚chten Sie innerhalb der Website etwas suchen. Das Suchfeld befindet sich ... genau, oben rechts!
Das sind nur zwei Beispiele f眉r von den Nutzern im Laufe Ihrer Internet-Erfahrungen Erlerntes. Nat眉rlich kann es gute Gr眉nde geben, von Erlerntem abzuweichen. Aber haben Sie tats盲chlich welche - au脽er "das passte sonst nicht ins Design"? In diesem Falle 眉berdenken Sie das Design!
Eine Website ist dann intuitiv nutzbar, wenn ein neuer Nutzer ohne steile Lernkurve auf einen Blick die Struktur - und auch das Thema! - Ihrer Site erfasst, und diese umgehend bedienen kann.
Metaphorische Verwendung von Farben, Typographie etc.
Dazu z盲hlt nicht nur, dass "aktive" Elemente anders dargestellt werden als "inaktive" - dazu geh枚rt auch, dass Sie z.B. Fehlermeldungen nicht in gr眉n gef盲rbtem Text ausgeben. Genauso wenig w盲re rot die passende Farbe f眉r eine Best盲tigungsmeldung. Farbe unterst眉tzt massiv die intuitive Erfassung der Bedeutung von Elementen!
Ladezeit & Performance.
Zentraler Aspekt einer guten Usability ist auch, dass die Seite oder Applikation a) schnell l盲dt und b) weitgehend ohne Verz枚gerungen auf Benutzerinteraktion reagiert.
Wir achten beim Bau von Frontends konsequent darauf, den Code schlank zu halten. Um Ladezeiten zu verk眉rzen, reduzieren wir die Anzahl der zu ladenden Ressourcen auf ein sinnvolles Minimum, z.B. durch Zusammenfassen und "minifizieren" Ihrer Javascripte und CSS-Files, sowie durch Platzierung m枚glichst vieler ben枚tigter Grafiken auf sogenannten Sprite-Maps. So werden http-Requests gespart, da Browser unabh盲ngig von der zur Verf眉gung stehenden Bandbreite nur eine begrenzte, kleine Anzahl von http-Requests von einer URL gleichzeitig abarbeiten k枚nnen.
Enth盲lt Ihre Seite z.B. sehr viele Bilder, so ist es g盲ngige Best Practice, diese Bilder von verschiedenen URLs zu holen, z.B. verschiedenen Subdomains eines Servers, um so die Anzahl parallel abarbeitbarer Requests zu erh枚hen. Die Lade- und Lastverteilung der dann redundant vorzuhaltenden Ressourcen wird auf dem Web-Server geregelt.
Googe Pagespeed
Usability muss man testen!
Sie kennen Ihre Zielgruppe sehr gut. Das bedeutet aber noch lange nicht, dass Sie apriori die Probleme vorhersagen - und damit vermeiden - k枚nnen, welche Ihre Nutzer mit Ihrer Website oder Web-App haben (werden). Betriebsblindheit ist dabei keine charakterliche Schw盲che, sondern unvermeidliche Problemursache. Wenn man mitten im Wald steht, sieht man just diesen eben vor lauter B盲umen nicht.
Usability ist zum Gl眉ck testbar. Je fr眉her sie von solchen Tests Gebrauch machen, umso geringer werden die Gesamtkosten ausfallen, um die Usability zu optimieren. Hierf眉r haben sich Prototypen bew盲hrt.
Usability-Tests mit Rapid Prototyping.
Um Usability-Tests bereits in einem fr眉hen Stadium durchf眉hren zu k枚nnen, stellt sich meist das Problem, dass das zu testende Produkt selbst noch garnicht weit genug entwickelt ist, um damit Usability Tests durchf眉hren zu k枚nnen. Hier kommt das sogenannte Rapid Prototyping ins Spiel. Dabei werden die zu testenden Teile Ihrer Site oder App in einen HTML-Prototypen gegossen. In mehreren, schnell aufeinander folgenden Iterationen werden diese Prototypen Probanden f眉r Tests vorgesetzt. Die Erkenntnisse aus jedem Test flie脽en in den n盲chsten Prototypen ein. Auf diese Weise kommt man in sehr kurzer Zeit zu einer sehr guten Usability und erkennt systemische Probleme, welche man in die Umsetzung vor allem auch anderer Teile der Site oder App einflie脽en lassen kann.
A/B-Tests und multivariate Tests.
Erweisen sich verschiedene Umsetzungsvarianten als von der Usability gleichwertig, so wird man testen wollen, welche Variante aus Business-Sicht erfolgversprechender ist. Hierzu kann man mit simplen A/B-Tests arbeiten ("Klickt der User eher auf einen gr眉nen, oder auf einen orangenen Button?"), oder auch mit multivariaten Tests, bei dem mehr als nur eine Variable f眉r die Tests modifiziert wird.
User Experience (UX).
User Experience Design stellt den Nutzer in den Mittelpunkt aller 脺berlegungen. Grundlage einer guten Nutzererfahrung ist gute Usability (s.o.), aber auch andere Aspekte sind hier wichtig. Erst in Ihrem Zusammenspiel ergibt sich eine optimale User Experience. Diese Aspekte sind unterteilt die Bereiche Look, Feel und Usability. Auf das Wesentlichste eingedampft macht folgende Grafik die Dreifaltigkeit der User Experience deutlich:
-
Look
- Glaubw眉rdigkeit
- Vertrauen
- Harmonie
- Stimmung
-
Feel
- "Joy of Use"
- Interaktion
- Reaktion
-
Usability
- Funktionalit盲t
- Intuitivit盲t
- Berechenbarkeit
Noch Fragen?
Alles Weitere l盲sst sich am besten im pers枚nlichen Gespr盲ch kl盲ren. Rufen Sie einfach an!