Refactoring des Formularentwurfs

Was macht ein Design benutzerfreundlicher und benutzerfreundlicher als ein anderes?

Links: Version 1, rechts: Neugestaltung

Formular Design (oder in diesem Fall Redesign)

Der Zweck eines Formulars besteht darin, Informationen von einer anderen Partei zu sammeln. In diesem speziellen Fall ist das Publikum jeder, der daran interessiert ist, bei Two Guys und einem Pizza Place zu arbeiten.

Drei große Schwerpunkte für die benutzerfreundliche Formulargestaltung:

  1. Da die Person, die das Formular ausfüllt, normalerweise die Fragen eines Formularherstellers beantworten muss, ist es wichtig, dass der Inhalt des Formulars notwendig und relevant ist. Wenn der Bewerber nicht in der Lage ist, die Stunden zu arbeiten, die das Unternehmen benötigt, spielt der Lieblingsfilm keine Rolle. Nur nach den relevanten und wichtigen Informationen zu fragen, macht das Ausfüllen des Formulars so einfach wie möglich.
    1. Es muss ausreichend Platz für die Beantwortung von Fragen vorhanden sein (Schwesinger 608), damit das Fragenfeld für „Warum möchten Sie hier arbeiten?“ Größer ist und der Benutzer einige Sätze schreiben kann. Zur Erhöhung der Benutzerfreundlichkeit werden Zeilen hinzugefügt. Das Formular ist einspaltig angelegt, wodurch die Struktur und Reihenfolge, in der das Formular ausgefüllt werden soll, für den Benutzer klar wird (Schwesinger 608).
    2. Die Sprache muss für den Laien verständlich sein. Dies bedeutet kein Jargon und es bedeutet auch klare prägnante Sätze (Schwesinger 608). "Warum willst du hier arbeiten?" Ist ausreichend, da die Seite ihnen anzeigen sollte, dass sie sich für Two Guys and a Pizza Place bewerben. Es ist nicht notwendig, den langen Namen des Unternehmens zu wiederholen. Statt nur „Küche“, was unklar ist, da eine Person physisch keine Küche sein kann, sollten Begriffe wie „Koch, Sous-Chef oder Linienkoch“ für das Küchenpersonal verwendet werden.
    3. Entscheidungen im Zusammenhang mit Gestaltprinzipien und CRAP (Robin Williams):

    4. Die Ausrichtung wird in diesem Stück durch die durch dünne vertikale schwarze Linien unterteilten Unterabschnitte in die Praxis umgesetzt. Diese schwarzen Linien, die an einer bestimmten Stelle auf der Seite aneinandergereiht sind, um einen Bezugspunkt zu haben. Beispielsweise stimmt die Zeile neben "Verfügbares Startdatum" mit der Zeile neben "Beziehung" im Abschnitt "Referenzen" überein. Die Seite ist ein einspaltiges Layout, bei dem der gesamte Text zur besseren Lesbarkeit linksbündig ausgerichtet ist.
      1. Die Wiederholung der Markenfarben auf der gesamten Seite sorgt für ein einheitliches Markenimage und -design. Eine ähnliche Schriftart wird auf der gesamten Seite verwendet, um einen zusammenhängenden Stil zu erstellen.
      2. Verwandte Themen liegen nahe beieinander, sodass beispielsweise Beschäftigungsverlauf und Arbeitszeugnisse zusammengefasst werden, da es wahrscheinlich ist, dass die von den Arbeitgebern angeforderten Zeugnisse aus früheren Beschäftigungsverhältnissen stammen.
      3. Der Kontrast wird bei der Neugestaltung verwendet, um die Lesbarkeit zu verbessern. Weißer Text auf Schwarz wird als starker Kontrast verwendet. Noch wichtiger ist, dass die weißen San-Serif-Überschriften auf dem schwarzen Hintergrund groß sind (Pettersson 90), damit sie sich deutlich vom Haupttext unterscheiden und besser lesbar sind.
      4. Die Gruppierung ist in den Elementen zu sehen, die innerhalb der Überschriften von Begrenzungen umschlossen sind. Die Benutzer wissen, dass es sich um einzelne Einheiten handelt. Beispielsweise werden bei Positionen "Verfügbares Startdatum" und "Gewünschter Stundenlohn" alle durch vertikale Linien getrennt, damit klar ist, dass es sich jeweils um einzelne Entitäten handelt.
      5. Literaturverzeichnis:

        Schwesinger, Borries. „Form Follows User Follows Form“. Informationsdesign: Forschung und Praxis, Routledege, Taylor & Francis Group, 2017, S. 607–618.

        Williams, Robin. Das Designbuch für Nicht-Designer: Design und typografische Prinzipien für den visuellen Anfänger. Peachpit Press, 2015.