Upgrade to Pro — share decks privately, control downloads, hide ads and more …

5 wichtige Dinge,
die wir in den letzten 5 Jahren lernten (German)

Martin Jordan
October 09, 2017

5 wichtige Dinge,
die wir in den letzten 5 Jahren lernten (German)

How do government and administration need to change the way they work in the 21st century? In this talk, Martin Jordan outlines why working in an agile way, adopting the users’ perspective, and questioning old rules and processes is utterly necessary. He also explains how civil servants can develop services that work for everyone and why they need to need to cut through organisational silos to make services fundamentally better for the people.

Martin Jordan used versions of this deck in talks throughout 2017— presented at IT Planungsrat congress in Bremen, Senatsverwaltung Berlin, Freie und Hansestadt Hamburg and Landeshauptstadt München.

Martin Jordan

October 09, 2017
Tweet

More Decks by Martin Jordan

Other Decks in Design

Transcript

  1. GDS

  2. GDS

  3. GDS

  4. GDS

  5. GDS

  6. GDS HMRC DWP HO FO DH MOJ DfT DfE DCLG

    BEIS DEF GDS Martin Jordan
  7. GDS HMRC DWP HO FO DH MOJ DfT DfE DCLG

    BEIS DEF GDS Martin Jordan
  8. Barrierefreiheit ist wie ein Heidelbeer-Muffin –
 Du kannst die Beeren

    nicht mehr am Ende hineindrücken GDS Martin Jordan
  9. Gestalten für Benutzer mit Autismus Richtig Falsch Einfache und konsistente

    Layouts erstellen Komplexe und überhäufte Layouts erstellen Selbsterklärende Buttons verwenden Datei anhängen Buttons unklar und unvorhersebar gestalten Hier klicken! Einfache Sätze und Aufzählungen verwenden Eine Wand aus Text erzeugen Tu das. In klarer Sprache schreiben Redewendungen und Sinnbilder verwenden Schlichte Farben verwenden Leuchtende, kontrastierende Farben benutzen Lizensiert unter der Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz. Lizenz-bedingungen unter https:// creativecommons.org/licenses/by-nc-sa/4.0/deed.de Deutsche Übersetzung: Andreas Kiermaier (https://andreas.kiermaier.net) Gestalten für Benutzer mit Schwerhörigkeit oder Gehörlosigkeit Richtig Falsch Zur Kontaktaufahme verschiedene Kommunikations- wege bereitstellen  Kontakt nur telefonisch ermöglichen Das Lesen langer Textblöcke erfordern Inhalt durch Überschriften, Bilder und Videos auflockern Komplexe Layouts und Menüs erstellen Ein lineares, logisches Layout verwenden Bei Videos Untertitel benutzen oder Abschriften bereitstellen CC Informationen nur als Audio oder Video vorhalten Komplizierte Wörter oder Redewendungen verwenden Tu das. In klarer Sprache schreiben  Lizensiert unter der Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz. Lizenz- bedingungen unter https://creativecommons.org/licenses/by-nc-sa/4.0/deed.de Deutsche Übersetzung: Andreas Kiermaier (https://andreas.kiermaier.net)
  10. Gestalten für Benutzer mit Leseschwäche XyL dAS e i XyL

    dAS e i XyL dAS e i Richtig Falsch Es ermöglichen, den Kontrast von Hintergrund und Text zu erhöhen ! Zu viele Inhalte an einer Stelle platzieren ! Korrekte Recht- schreibung erfordern ohne Autokorrektur " Dyslexie dsyle Inhalte kurz, einfach halten, klare Aufforderungen Benutzer zwingen, sich Informationen zu merken # # Informationen in anderen Formaten bereitstellen (z.B. Audio oder Video) $ Text linksbündig setzen und ein konsistentes Layout einhalten Texte unterstreichen, kursiv setzen oder in Großbuchstaben schreiben NICHT GUT! Lange, komplexe Textblöcke verwenden %% Bilder und Diagramme zur Leseunterstüzung einsetzen & Lizensiert unter der Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz. Lizenz-bedingungen unter https:// creativecommons.org/licenses/by-nc-sa/4.0/deed.de Deutsche Übersetzung: Andreas Kiermaier (https://andreas.kiermaier.net) Gestalten für Benutzer mit motorischen Einschränkungen Richtig Falsch Abkürzungen bereitstellen Ort finden Postleitzahl Benutzer durch langes Scrollen und viele Eingaben ermüden Adresse Kurze Timeouts setzen Beim Gestalten Mobilgeräte und Touchscreens berücksichtigen Dynamische Inhalte, die Mausbewegungen erfordern ȡ 1 2 3 2a 2b 2c Die Seite auf Tastatur- und Sprachsteuerung auslegen Eingabeflächen geräumig gestalten Interaktionen zusammen- pferchen ȡ Präzision erfordern Nein Großzügige Klickflächen für Aktionen vorsehen Ja Tab Ihre Sitzung ist abgelaufen Lizensiert unter der Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz. Lizenz-bedingungen unter https:// creativecommons.org/licenses/by-nc-sa/4.0/deed.de Deutsche Übersetzung: Andreas Kiermaier (https://andreas.kiermaier.net)
  11. ! " Gestalten für Benutzer von Screenreadern Richtig Falsch Aussagekräftige

    Links und Überschriften verwenden Kontakt Bedeutungslose Links und Über- schriften verwenden Hier klicken Die Seite auf reine Tastaturbedienung auslegen # Die Benutzung von Maus oder Display erzwingen $ HTML5 benutzen, um den Inhalt zu strukturieren <h1> <nav> <label> Strukturen nur durch Textgröße und Position abbilden Titel 36pt, bold Einem linearen, logischen Aufbau folgen ! Den Inhalt über die ganze Seite verteilen ! Bilder beschreiben und Abschriften von Videos bereitstellen <alt> Informationen nur als Bild oder Video darstellen Lizensiert unter der Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz. Lizenz-bedingungen unter https:// creativecommons.org/licenses/by-nc-sa/4.0/deed.de Deutsche Übersetzung: Andreas Kiermaier (https://andreas.kiermaier.net) Gestalten für Benutzer mit Sehschwäche Richtig Falsch Schaltflächen und Benachrichtungen in ihren Kontext einbetten Senden Aktionen und zugehörige Informationen trennen Senden Einem linearen, logischen Aufbau folgen ! 200% Vergrößerung Den Inhalt über die ganze Seite verteilen ! 200% Vergrößerung Eine Kombination aus Farben, Formen und Text verwenden Start " Bedeutung nur mit Farben vermitteln Informationen in Downloads verstecken # Alle Informationen auf Webseiten veröffentlichen $ HTML Aa Hohe Farbkontraste und eine gut lesbare Schriftgröße einsetzen Geringe Farbkontraste und kleine Schriften verwenden Aa   Lizensiert unter der Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz. Lizenz-bedingungen unter https:// creativecommons.org/licenses/by-nc-sa/4.0/deed.de Deutsche Übersetzung: Andreas Kiermaier (https://andreas.kiermaier.net)
  12. Entwickeln Sie Dienste schrittweise, testen Sie sie fortwährend und holen

    Sie sich kontinuierlich Feedback GDS Martin Jordan