Commit d4faba64 authored by Florian Decker's avatar Florian Decker

Rechtschreibung korrigiert

parent 45efbb19
......@@ -14,7 +14,7 @@ Usability spielt eine wichtige Rolle, wenn es darum geht, Besucher auf eine Webs
### Auswahl von Schrift und Design
Die richtige Schrift und das richtige Design, spielen eine große Rolle für die Benutzerfreundlichkeit und Barrierefreiheit einer Seite. Das Design sollte so gewählt sein, dass der relevante Inhalt der Webseite im Vordergrund steht. Überschriften sollten auf Webseiten deutlich hervorgehoben, zum Beispiel durch größere, unterstrichene oder fettgedruckte Buchstaben, da Überschriften dem Benutzer bei der Navigation helfen. <sup>3</sup>
Die richtige Schrift und das richtige Design, spielen eine große Rolle für die Benutzerfreundlichkeit sowie Barrierefreiheit einer Seite. Das Design sollte so gewählt sein, dass der relevante Inhalt der Webseite im Vordergrund steht. Überschriften sollten auf Webseiten deutlich hervorgehoben werden, zum Beispiel durch größere, unterstrichene oder fettgedruckte Buchstaben, da Überschriften dem Benutzer bei der Navigation helfen. <sup>3</sup>
Auch die Auswahl der richtigen Farben spielt eine große Rolle, da sie entscheidend für die Lesbarkeit eines Textes sind, deshalb sollte ein Kontrast zwischen Text und Hintergrund sein. Gelbe Schrift auf weißem Hintergrund lässt sich beispielsweise schlecht lesen, dunkelblaue Schrift auf weißem Hintergrund bildet aber einen starken Kontrast und ist deshalb gut erkennbar.
......@@ -24,16 +24,16 @@ Im Allgemeinen gilt bei dem Design, weniger ist mehr, da eine Reizüberflutung b
### Ansprüche an die Navigation:
Für Benutzer ist es wichtig, sich schnell auf einer Seite zurechtzufinden, da er i.d.R. Keine Lust hat, sich lange mit der Navigation aufzuhalten. Falls dem Besucher eine Webseite nicht zusagt, kann er sich ganz einfach eine andere Webseite suchen, die ähnliche Inhalte hat.
Für Benutzer ist es wichtig, sich schnell auf einer Seite zurechtzufinden, da er in der Regel keine Lust hat, sich lange mit der Navigation aufzuhalten. Falls dem Besucher eine Webseite nicht zusagt, kann er sich ganz einfach eine andere Webseite suchen, die ähnliche Inhalte hat.
Deshalb ist die Navigation von großer Wichtigkeit, auch hier gibt es einige Sachen, die von den Benutzern mehr oder weniger erwartet werden. Wichtig ist, dass dem Besucher jederzeit klar ist, wo er sich auf unserer Webseite befindet, dazu gibt es verschiedene Möglichkeiten, man kann zum Beispiel in der Navigationsleiste die gerade ausgewählte Seite hervorheben oder sog. Breadcrumbs
Deshalb ist die Navigation von großer Wichtigkeit, auch hier gibt es einige Dinge, die von den Benutzern mehr oder weniger erwartet werden. Wichtig ist, dass dem Besucher jederzeit klar ist, wo er sich auf der Webseite befindet. Zusätzlich gibt es verschiedene Möglichkeiten. Man kann zum Beispiel in der Navigationsleiste die gerade ausgewählte Seite hervorheben oder sog. Breadcrumbs
einbinden, die praktisch einen Verlauf der verschachtelten Seiten anzeigen.<sup>4</sup>
![breadcrumb](http://www.informatik.uni-oldenburg.de/~iug15/ew/img/brotkruemel.png "breadcrumb")
Außerdem sollte der Benutzer von jeder Seite aus die Möglichkeit haben, mit einem Klick sowohl die Kontaktseite, als auch die Startseite zu erreichen, dies sollte unter Anderem durch einen Klick auf das Logo möglich sein. Falls Besucher trotz Allem Probleme haben, sich zurechtzufinden, wünscht er sich eine Suche, mit der er gewünscht Inhalte finden kann.<sup>2</sup>
Außerdem sollte der Benutzer von jeder Seite aus die Möglichkeit haben, mit einem Klick sowohl die Kontaktseite, als auch die Startseite zu erreichen, dies sollte unter anderem durch einen Klick auf das Logo möglich sein. Falls Besucher trotz allem Probleme haben, sich zurechtzufinden, wünscht er sich eine Suche, mit der er gewünscht Inhalte finden kann.<sup>2</sup>
Die Kontaktseite sollte eine E-Mail-Adresse, oder sogar ein Kontaktformular enthalten, sowie die Adresse, Telefonnummer und Öffnungszeiten enthalten. Ergänzend zur Adresse ist eine Beschreibung der Anfahrt hilfreich, entweder als Text oder als Bild.<sup>2</sup>
Bei Links ist darauf zu achten, dass diese durch unterstreichen kenntlich gemacht werden, sowie bereits besuchte Links farbig markiert werden.<sup>3</sup>
Die Kontaktseite sollte eine E-Mail-Adresse, oder sogar ein Kontaktformular enthalten, sowie die Adresse, Telefonnummer und Öffnungszeiten. Ergänzend zur Adresse ist eine Beschreibung der Anfahrt hilfreich, entweder als Text oder Bild.<sup>2</sup>
Bei Links ist darauf zu achten, dass diese durch Unterstreichen kenntlich gemacht werden, sowie bereits besuchte Links farbig markiert werden.<sup>3</sup>
......@@ -41,17 +41,17 @@ Bei Links ist darauf zu achten, dass diese durch unterstreichen kenntlich gemach
Das Wort Konsistenz kommt aus dem Lateinischen und bedeutet soviel wie Zusammensetzung oder innere Stimmigkeit. Auf Webseiten übertragen heißt das, dass Schrift, Navigation, Designelemente etc. nicht zu stark variieren sollten. Dies hat zum Einen den Sinn, dass der Benutzer sich immer bewusst ist, dass er sich noch auf der Webseite befindet, zum Anderen fällt es dem Benutzer leichter, sich zu orientieren. Zum Beispiel sollte die Navigation auf jeder Seite einer Webseite an der gleichen Stelle sein, Texte immer die gleiche Schriftart und -größe haben, sowie die Farben auf der Webseite gleich bleiben.
Das Wort Konsistenz kommt aus dem Lateinischen und bedeutet soviel wie Zusammensetzung oder innere Stimmigkeit. Auf Webseiten übertragen heißt das, dass Schrift, Navigation, Designelemente etc. nicht zu stark variieren sollten. Dies hat zum einen den Sinn, dass der Benutzer sich immer bewusst ist, dass er sich noch auf der Webseite befindet, zum anderen fällt es dem Benutzer leichter, sich zu orientieren. Zum Beispiel sollte die Navigation auf jeder Seite einer Webseite an der gleichen Stelle sein, Texte immer die gleiche Schriftart und -größe haben, sowie die Farben auf der Webseite gleich bleiben.
Bei größeren Webseiten kann es schwer sein, eine Konsistenz zu erhalten, dabei hilft das Festlegen von Formatvorlagen. <sup>5</sup>
### Hilfestellungen
Für den Fall, dass Besucher auf unserer Seite auf Probleme stoßen, bietet es sich an, bestimmte Hilfestellungen zur Verfügung zu stellen. Zum Einen wäre das ein FAQ (Frequently Asked Questions), welches häufig gestellte Fragen beantwortet und bereits einen großen Teil der aufkommenden Fragen oder Probleme löst. Eine weitere Hilfestellung wäre eine Hilfeseite, die die auf der Webseite verfügbaren Funktionen erklärt. Sollten auf der Webseite viele Fremdwörter vorkommen, bietet sich ein Glossar an, in dem die Wörter erklärt werden.<sup>2</sup><sup>,</sup><sup>3</sup>
Für den Fall, dass Besucher auf unserer Seite auf Probleme stoßen, bietet es sich an, bestimmte Hilfestellungen zur Verfügung zu stellen. Zum einen wäre das ein FAQ (Frequently Asked Questions), welches häufig gestellte Fragen beantwortet und bereits einen großen Teil der aufkommenden Fragen oder Probleme löst. Eine weitere Hilfestellung wäre eine Hilfeseite, die die auf der Webseite verfügbaren Funktionen erklärt. Sollten auf der Webseite viele Fremdwörter vorkommen, bietet sich ein Glossar an, in dem die Wörter erklärt werden.<sup>2</sup><sup>,</sup><sup>3</sup>
### Weitere Usabilityaspekte
Ein mittlerweile sehr wichtiger Aspekt der Usability bildet die korrekte Darstellung der Webseite auf mobilen Endgeräten. Dazu gibt es verschiedene Umsetzungsmöglichkeiten, zum Einen kann das „Responsive Design“ angewendet werden, bei dem sich alle Webinhalte an die Größe des Fensters anpassen, was allerdings auch einige Nachteile birgt, wie man unter „Nachteile von Responsive Design“ nachlesen kann. Zum Anderen gibt es die Möglichkeit, eine zweite Seitenversion zu erstellen, die speziell auf mobile Endgeräte zugeschnitten ist, dabei werden die Besucher auf die mobile-URL umgeleitet, die normalerweise eine der folgenden Formen hat: "http://m.webseite.de" oder "http://mobile.webseite.de". <sup>6</sup>
Ein mittlerweile sehr wichtiger Aspekt der Usability bildet die korrekte Darstellung der Webseite auf mobilen Endgeräten. Dazu gibt es verschiedene Umsetzungsmöglichkeiten. Zum einen kann das „Responsive Design“ angewendet werden, bei dem sich alle Webinhalte an die Größe des Fensters anpassen, was allerdings auch einige Nachteile birgt, wie man unter „Nachteile von Responsive Design“ nachlesen kann. Zum anderen gibt es die Möglichkeit, eine zweite Seitenversion zu erstellen, die speziell auf mobile Endgeräte zugeschnitten ist. Dabei werden die Besucher auf die mobile-URL umgeleitet, die normalerweise eine der folgenden Formen hat: "http://m.webseite.de" oder "http://mobile.webseite.de". <sup>6</sup>
Außerdem wird empfohlen, die Ladezeiten der Webseite möglichst kurz zu halten, da zu lange Ladezeiten die Geduld des Besuchers strapazieren und ihn unnötig Zeit kosten. <sup>3</sup>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment