Design für deine Mutter - Was sagt ihr alle, meine Lieben?

#

80/20 Regel

80 % der Ergebnisse lassen sich durch 20 % der Ursachen erklären. Anwendbar auf alles (Website-Funktionen, Produktivität, Ihre Garderobe)

A

A/B-Test

Forschungstechnik, bei der Sie mehrere Varianten mit Nutzern testen. Zum Beispiel wird getestet, ob Variante A oder Variante B für die Nutzer besser funktioniert.

Erreichbarkeit

Siehe 'Zugänglichkeit'.

Akzeptanz der Umgebung

Dies ist wie eine Generalprobe, nur für Software. Hier testen Sie die Software in einer Umgebung, die der realen Welt sehr ähnlich ist, um zu sehen, ob alles gut funktioniert, bevor sie tatsächlich eingesetzt wird. Siehe auch 'Staging' und 'Test environment'.

AI

Künstliche Intelligenz, aber nicht so intelligent, wie man hofft. Siehe auch 'ChatGPT'

Das Projekt klein halten.

Analytik

Statistiken zum Nutzerverhalten auf Ihrer Website oder App. Siehe auch 'Google Analytics 4'.

Erleichterung

Funktioniert es so, wie es aussieht?

After-Action-Bericht

Ziehen Sie 'Retrospektive'.

Archetyp

Wiedererkennbarer Charaktertyp für Ihre Marke auf der Grundlage von Charaktereigenschaften, um Menschen anzusprechen.

B

Rückstand

Ein Fachwort für Aufgabenliste für Ihre Website.

Backend

Der Code und die Funktionalitäten hinter einem digitalen Produkt

Branding

Siehe 'Markenidentität'.

Briefing

Was Sie glauben, dass Sie brauchen, um ein Projekt richtig zu machen. Siehe auch 'Debrief'.

Brotkrümel

Auch Breadcrumbs genannt, ist eine Form der Navigation auf Ihrer Website, die anzeigt, wo Sie sind und wie Sie dorthin gelangt sind. Wichtig für SEO und benutzbarkeit.

Fehler

Ein Bug ist ein Fehler auf Ihrer Website oder App. Ein Fehler bewirkt, dass Ihre Website nicht so funktioniert, wie sie sollte. Etwas läuft schief.

C

Aufruf zum Handeln (CTA)

Ein Link oder eine Schaltfläche mit aussagekräftigem Text, damit Sie darauf klicken;

Fall

Beispiele für frühere Arbeiten und Kooperationen.

Kasse

Online-Kassierer.

Cialdini

Der Guru der Beeinflussungsprinzipien und wie man Menschen überzeugt. Er hat 7 Prinzipien: Social Proof, Autorität, Knappheit, Engagement & Konsistenz, Sympathie, Reziprozität und Einigkeit.

CI/CD (kontinuierliche Integration/kontinuierliche Bereitstellung)

Das ist ein bisschen wie ein Fließband in einer Fabrik, aber für Software. Jedes Mal, wenn jemand etwas an der Software ändert, prüft das System automatisch, ob alles noch funktioniert, und gibt die neueste Version frei.

Der digitale Kumpel, von dem Sie nie wussten, dass Sie ihn brauchen, ohne den Sie aber nicht mehr leben können - eine Mischung aus Shoerd (sprich: einer menschlichen Bibliothek) und dem einen Freund (Tom, der Tester), der bei Quizabenden immer zu viel weiß. (Geschrieben von ChatGPT selbst 😉 )

Inhaltsverwaltungssystem. Das System, in dem der Inhalt Ihrer Website gespeichert ist und in dem Sie Texte und Bilder bearbeiten können. Zum Beispiel Wordpress oder Statamic.

CMYK

Der Druckfarbcode, nicht zu verwechseln mit RBG, steht für die Farben Cyan (Blau), Magenta (eine Mischung aus Rot und Blau), Yellow (Gelb) und Key.

Konzept

Eine gute Idee.

Konzept7

Die beste Idee

Inhalt

Inhalt, wie Text, Bilder oder Video. 

Eine Aktion, die dazu führt, dass der Besucher der Website etwas kauft oder seine Daten hinterlässt (oder was auch immer Sie als Zweck definiert haben).

Conversieratio

Die Anzahl der Personen, die eine Aktion auf Ihrer Website durchgeführt haben, geteilt durch die Anzahl der Gesamtbesucher. Im Idealfall sollte dieser Prozentsatz hoch sein, aber es gibt immer Raum für Verbesserungen.

Optimierung der Konversion

Conversion-Optimierung ist im Grunde nichts anderes als digitale Überzeugungsarbeit: Wie stellen Sie sicher, dass sich die Besucher Ihrer Website nicht verirren, abspringen oder mysteriöse Verschwindetricks ausführen, kurz bevor sie auf "Jetzt kaufen" klicken? Das ist Psychologie, UX und ein bisschen Magie - aber ohne die Nebelmaschinen.

Kopieren

Texte sind wie die Erdnussbutter auf Ihrem Kommunikations-Sandwich: Sie verteilen alles schön und sorgen dafür, dass die Botschaft haften bleibt.

CRO

Conversion Rate Optimisation. Drehen Sie an allen Stellschrauben auf Ihrer Website, bis Ihre Konversionsrate am höchsten ist und Ihre Besucher sich stärker angesprochen fühlen;

Krabbelnd

Der Prozess der Suchmaschinen, bei dem kleine "Bots" oder digitale Spider Ihre Website scannen, um festzustellen, wie relevant Ihr Website-Inhalt ist. 

Ein Code-Dokument, das festlegt, wie Ihre Website aussieht.

CTR

Click-Through-Rate: Wie viele Personen klicken auf etwas, geteilt durch die Anzahl der Personen, die es gesehen haben.

Kundenerfahrung (CE)

Die vollständige Erfahrung Ihres Kunden mit Ihrem Produkt oder Ihrer Dienstleistung

Was Ihre Kunden im Zusammenhang mit Ihrem Produkt und Ihrer Dienstleistung tun, und nicht, was Sie von ihnen erwarten. Auch Customer Journey genannt.

Customer Journey Mapping

Customer Journey Mapping bedeutet, eine Route für Ihre Kunden zu erstellen, damit sie den Weg zur Zufriedenheit einschlagen können, ohne sich im Labyrinth der Verwirrung zu verlieren.

D

Debuggen

Die Entwickler machen sich an die Arbeit wie Detektive: Sie finden und beheben, was in der Software oder auf einer Website schief gelaufen ist.

Lieferbar unter

Was wir bei Projekten leisten

Herausforderung Design

Siehe 'designchallenge'.

Überprüfung des Designs

Holen Sie sich Feedback zum Entwurf ein und geben Sie es ab, um zu prüfen, ob der Entwurf den Anforderungen entsprechend gut oder richtig ist.

Entwurfssprint

Entwickeln Sie innerhalb einer Woche eine Idee und testen Sie sie.

Vertiefen, sprechen und testen Sie mit Ihrem Zielpublikum, bevor Sie etwas erstellen.

Was wir glauben, dass Sie brauchen.

DPI

Dots Per Inch, eine Einheit für die Auflösung von Bildern, siehe auch 'PPI'.

E

Elektronischer Geschäftsverkehr

Online-Shopping und Webshops.

Augenspur

Eine Forschungsmethode, um zu sehen, was sich andere auf einer Website ansehen.

Expertenbewertung

Lassen Sie Ihr Produkt von jemandem prüfen und analysieren, der sich damit auskennt.

F

Feature Creep

Je länger ein Produkt oder eine Website existiert, desto mehr Funktionen schleichen sich ein

Figma

Das Programm, mit dem wir (visuelle) Designs für Ihre Website und App erstellen

Rückmeldung

Kommentare und Rückmeldungen. Manchmal fundiert, manchmal nicht.

Falten

Die "Faltung": der erste sichtbare Teil Ihrer Website oder App. Kann für jeden Nutzer anders sein und ist daher eine etwas veraltete Metapher aus der Zeitungswelt;

Frontend

Ausarbeitung des visuellen Designs in Code.

Ein bestimmter Stil eines Buchstaben-Typs. Kann auch austauschbar verwendet werden, wir sind wirklich nicht böse;

Fußzeile

Der untere Teil Ihrer Website mit Text und Links zu verschiedenen Seiten  

Eine Funktionalität sagt etwas darüber aus, wie Sie eine Website oder ein digitales Produkt nutzen können. Zum Beispiel eine bestimmte Aufgabe oder Aktion wie: Nachschlagen von Kontaktinformationen.

Trichter

Englisch für 'Trichter'. Das Ding, das man manchmal in der Küche für Wasser benutzt, zum Beispiel. So etwas gibt es auch für Websites, nur dass man die Besucher dort hineinwirft, damit sie konvertieren (siehe "Conversion").

G

Grafische Gestaltung

Siehe 'Visuelles Design'. Nicht zu verwechseln mit Grafikdesign oder DTP (Druck).

Person, die sich immer ein bisschen anders verhält, als man denkt (:

Fragen Sie Ihre Kunden, ob sie verstehen, was Sie sich ausgedacht haben und was sie brauchen.

Wie leicht ein digitales Produkt von den wahrscheinlichen Nutzern verwendet werden kann.

Gestalt

Psychologische Grundsätze darüber, wie man Dinge erlebt.

Goldener Kreis

Warum Ihr Unternehmen existiert (Eine Übung von Simon Sinek).

Die neuere Version von Google Analytics mit einer Übersicht von Statistiken über Ihre Website, z.B. wie viele Nutzer welche Seiten besucht haben.

Eine Möglichkeit, verschiedene Tracking-Codes (siehe 'Tracking (2)') an einer Stelle zu speichern und Ziele für Ihre Website festzulegen, die über Google Analytics verfolgt werden.

Google Suchkonsole

Ein Überblick darüber, wie Ihre Website in Google gefunden wird.

Gefälle

Ein Farbverlauf zwischen 2 oder mehr Farben

Raster

Ein Raster, das hilft, Elemente in einem Layout richtig zu platzieren

H

Heatmap

Eine Karte, die Klick-Aktionen oder Bewegungen auf einer Seite durch Farben darstellt, rot für heiß (viele Klicks, viel Bewegung) und blau für kalt (wenige Klicks oder wenig Bewegung).

Heuristik

Die goldenen Regeln von Sjoerd Walinga für die richtige Gestaltung einer Website.

Hobson + 1

Eine Wahlmöglichkeit ist keine Wahlmöglichkeit. Sie fügen eine zusätzliche Option zu der bereits vorhandenen Auswahl/Aktion hinzu. Die zusätzliche Option ist oft weniger wichtig oder interessant, so dass der Besucher die erste Option wählt.

Holacracy

Eine Art der Unternehmensführung, bei der das Selbstmanagement im Mittelpunkt steht. Manchmal liebevoll interpretiert als "Finde es selbst heraus".

Hotjar

Ein Programm zur Durchführung von Benutzerumfragen über Ihre Website

HTML

Abkürzung für HyperText Markup Language. Technische Geschichte. Die Standard-Auszeichnungssprache (oder Code) des Internets. Die Sprache, die z. B. angibt, was ein Titel und ein Absatz auf einer Webseite ist.

Menschenzentriertes Design (HCD)

Achten Sie bei der Entwicklung zunächst auf die Bedürfnisse der Menschen, die Ihr Produkt verwenden werden;

Unternehmensidentität

Die visuellen Richtlinien Ihrer Marke.

I

Ideatie

Ideenfindung im Rahmen von Design Thinking.

Informationsarchitektur

Layout, Beschriftung und Freischaltung von Inhalten und Seiten auf Ihrer Website.

Innovatie

Neue Dinge erfinden, herstellen und testen.

Interaktionsdesign

Eine technische Skizze, die zeigt, wie etwas funktionieren soll.

Iteratie

Ein weiteres Mal, aber besser.

IXD

Siehe 'Interaction-design'

K

Klant

Käufer unserer Produkte oder Dienstleistungen. Wir arbeiten mit und hören gut zu. Aber nicht so gut wie mit Ihren Nutzern.

Kanalen

Twitter / Linkedin / Notiz bei der Albert Heijn.

Anpfiff

Gemeinsamer Start eines Projekts. Wir tun dies intern mit dem Team und dann mit dem Kunden.

Kerning

Die R u i m t e zwischen einzelnen Buchstaben eines Wortes.

KPI

Leistungsindikator. Ein messbarer Punkt, der für Ihr Unternehmen wichtig ist.

L

Etikett

Die Fragen in einem Formular, die jemand beantworten soll;

Gestaltung und Aufbau einer Seite

Führend

Zusätzlicher Abstand zwischen den Textzeilen

Schlank

Mach es klein. 

Eine 'Familie' von Schriftarten. Arial ist eine Schriftart, Arial bold in 12 Punkt ist eineSchriftart. 

Look & Feel

Das Design in Farbe und Form

M

MBTI

Myers-Briggs-Typenindikator. Eine Methode, die untersucht, wie Menschen Entscheidungen treffen. Ist recht interessant, lesen Sie unsere Artikel über MBTI einmal durch! 

Was Sie als Marke darstellen, in Farbe, Schriftart und Geschichte.

Metrisch

Etwas, das gemessen und nachverfolgt werden kann.

Merge Request

Eine Zusammenführungsanfrage ist, wenn Sie Ihren Teil eines Gruppenprojekts zum Gesamtprojekt hinzufügen möchten, allerdings mit Code.

Mikrokopie

Ein kurzer, aber aussagekräftiger Text, oft kombiniert mit einer CTA-Schaltfläche.

Mockup

Sieht genau so aus wie in echt, nicht wahr? Zum Beispiel ein Bild von Ihrer Website.

Mobile first

Das Design der Website wird zuerst für mobile Bildschirme und erst dann für den Desktop erstellt.

MVP

Mindestversion Ihres Produkts, die Sie in Betrieb nehmen können.

N

NFC

Die Technologie von z.B. kontaktlosen Debitkarten

NPS

Stark überbewertete Metrik. Kann sofort vergessen werden.   

O

Onboarding

Machen Sie es Ihren neuen Kunden leicht, wenn sie das erste Mal mit Ihrem Produkt in Berührung kommen.

Online-Strategie

Hilft Ihnen, Entscheidungen darüber zu treffen, was online zu tun ist, um Menschen einzubeziehen und zu halten.

Formulierung des Kernproblems, das Sie für Ihre Nutzer lösen müssen

Grundsätze der Gestaltung

Grundsätze für gutes und einheitliches Design.

P

Pipeline

Ein technischer Weg, auf dem Codestücke zusammengeführt und vom Laptop auf den Bildschirm übertragen werden

Pixels per Inch, eine Form der Auflösung. Mehr = schärferes Bild. 

Prototyp

Schnelles Erstellen eines testbaren Modells Ihrer Idee. Zum Beispiel eine klickbare Version Ihrer Website, die in Figma ohne Code erstellt wird.

Person

Fiktiver Beispielcharakter aus Ihrer Zielgruppe.

Eigentümer des Produkts

Entscheidungsträger im Projekt.

Propositum

Was Sie Ihren Besuchern vermitteln wollen und warum sie bei Ihnen sein sollten. Ausgehend von den Bedürfnissen Ihrer Besucher geschrieben.

Photoshop

Designprogramm für Designer, die viel mit Bildern arbeiten.

Q

Qualitätssicherung (QA)

Sicherstellen, dass der Entwurf wie geplant ausgeführt wird.

R

Resolution

Wie viele Pixel auf einem Bildschirm angezeigt werden.

Befragter

Jemand, der (oft gegen eine geringe Gebühr) an einer Nutzerumfrage teilnimmt.

Ansprechbar

Ihre Website lässt sich auf alle Bildschirmgrößen skalieren: Desktop, Handy und Tablet.

Rückblick auf das Projekt oder den Sprint, was ist gut gelaufen, was ist nicht gut gelaufen und wie können wir es besser machen.

RGB

(Rot, Grün und Blau) Digitaler Farbcode.

Straßenkarte

Ein Überblick über das Projekt für die nächsten 12 Monate, in Übereinstimmung mit Ihrer Online-Strategie

ROI

Rentabilität der Investition: aber ist sie auch wirklich gegeben?

S

Sans-serif

Schriftart ohne Serifen. Oft moderner. 

SCRUM

Arbeit in kleine Würfel aufteilen

Umfang

Wie groß oder wie umfangreich das Projekt ist. Was fällt unter die Vereinbarungen und was nicht (out of scope).

SEO ist wie ein Versteckspiel mit Google, bei dem man ständig "Hier bin ich!" ruft, um sicherzustellen, dass man zuerst gefunden wird. Steht für Suchmaschinenoptimierung oder Search Engine Optimisation.

Serif

Schriftart mit Serifen. Oft klassisch. 

Skizze

Designprogramm, das seit der Einführung von Figma von niemandem mehr verwendet wird.

Slack

Plaudern über die Arbeit und den Kommunikationskanal mit Ihren Kunden.

Sozialer Beweis

Sozialer Beweis, einer der 7 Cialdini-Grundsätze. Menschen vertrauen Menschen und möchten daher Erfahrungen von echten Menschen sehen.

Sprint

Harte Arbeit in kurzer Zeit.

Dies ist die letzte Prüfung, bevor es in Betrieb geht. In der Staging-Umgebung wird die fast fertige Version des Codes getestet, um sicherzustellen, dass alles einwandfrei funktioniert, bevor es an die echten Benutzer geht.

Das CMS, das wir bei den meisten Kunden einsetzen.

Studenten.net

Ein Internetprojekt aus den frühen 2000er Jahren, über das John immer noch oft spricht.

T

Vorlage

Eine Vorlage, z. B. ein allgemeines Design für eine Seite

Tester

Ein spezieller Typ, der bei Concept7 arbeitet und sich mit dem Testen (sprich: demolieren) von Kundenwebsites beschäftigt. Sie sind nie zufrieden und finden alles schlecht, sorgen aber für ein digitales Produkt von höchster Qualität

Betrachten Sie die Testumgebung als ein Übungsgelände. Sie ist ein sicherer Ort, an dem Entwickler neue Dinge ausprobieren und testen können, bevor sie tatsächlich eingesetzt werden.

Das Ausmaß, in dem alle Besucher Ihrer Website, unabhängig von Seh-, Hör-, motorischen oder kognitiven Beeinträchtigungen, Ihre Website nutzen können.

QuickInfo

Ein kleiner Hinweis, der erscheint, wenn jemand auf ein "i" klickt, das zusätzliche Informationen enthält.

Toptaak

Der häufigste Grund, warum Menschen Ihre Website besuchen.

Übersicht über die wichtigsten Aufgaben

Methode zur Nutzerforschung mit einem Tool wie Hotjar. Wer kommt auf Ihre Website und warum. 

Verfolgung (1)

Vergrößerung oder Verkleinerung aller Abstände zwischen den Buchstaben

Nachverfolgung von Besuchern auf Ihrer Website, z. B. mit Google Tag Manager.

Typografien

Anwendung von Schriftarten in Ihrem Design

U

Benutzerfreundlichkeit

Benutzbarkeit.

UI/User Interface

Grafische Darstellung, über die Benutzer und Geräte interagieren. Wird manchmal "Goewie" ausgesprochen (GUI).

User journey

Ziehen Sie 'Customer journey'.

Nutzerforschung

Denken Sie nicht selbst daran, fragen Sie Ihre Nutzer.

Anwenderbericht

Eine Beschreibung dessen, was jemand auf Ihrer Website tun können sollte. Eine Funktionalität, die aus der Sicht des Nutzers hervorgehoben wird.

UX

User Experience (UX) - Das Gefühl, das man während und nach der Nutzung eines Produkts hat. Sei es der reibungslose Ablauf einer gut gestalteten Website oder die schiere Frustration bei einem Online-Formular. Wird oft als schickes Wort für "sicherstellen, dass die Leute nicht schreiend von Ihrer Website wegrennen" verwendet.

V

Valideren

Testen, ob etwas richtig ist oder funktioniert

Die visuelle Seite des Designs: Typografie, Verwendung von Farben, Bildern usw.  

Vektor

Digitale Informationen über einen Punkt in einem Entwurf. Das Entwerfen in Vektoren macht es skalierbar bis zum Sinusstrich

Ansichtsfenster

Der sichtbare Teil einer Webseite. 

W

Wasserfall

Arbeiten von A bis Z in 1 x. Gegensatz zum Agilen Arbeiten

WCAG

Accessibility guidelines.

Konstruktionszeichnung in Schwarz, Weiß und Grau eines digitalen Produkts.

Weißer Raum

Fügen Sie in Ihrem Layout absichtlich zusätzlichen Platz ein, zum Beispiel zwischen Text und Bildern.