Themen heute
- Präsentation der Recherche-Ergebnisse
- Menschliche Eigenschaften
- verschiedene Arten von Fehlern
- Habituation
- Entwicklung eigener Spiel-Ideen
- Illustrator Grundlagen
Hölzchenspiel: Recherche-Präsentation
Präsentiert (in Euren Teams), welche Art von Hölzchenspielen Ihr gefunden habt und welche Kategorien Ihr dafür festgelegt habt!
Verwendet dazu Eure in der Gruppe angelegten Miro-Boards!
Jedes Team hat max. 10min Zeit, um die Ergebnisse zu zeigen und auf Fragen & Anmerkungen zu reagieren
Pause
100 Things Every Designer Needs to Know About People
Dr. Susan Weinschenk has been applying psychology to the design of technology for 30 years and is the author of „Neuro Web Design: What makes them click?“
Gesichtserkennung
In unserem Gehirn gibt es einen speziellen Bereich nur zur Gesichtserkennung. Deswegen macht es Sinn, Fotos von (attraktiven) Menschen zu verwenden um z.B. für ein Produkt zu werben.
… das hat zum Teil bizarre Auswüchse, siehe:
Women laughing alone with salad
A blog devoted to the bizarre stock photo trend of women looking WAY too happy to be eating salad, sometimes literally in the middle of cracking up laughing at their hilarious greens, while alone.
http://womenlaughingalonewithsalad.tumblr.com
und genauso gerne lachen Frauen mit ihren Tablets…
Menschen achten nur auf relevante Merkmale
Bild von Andres Rueda
Wer von Euch kann – ohne Hinzuschauen – den 5-Euro-Schein zeichnen?
Macht ein paar schnelle Skizzen, wie der Schein von vorne und hinten aussieht …
Menschen achten nur auf relevante Merkmale
Hättet Ihr die Details gewusst?
Was sind die entscheidenden Merkmale des Scheins, die Ihr Euch tatsächlich gemerkt habt?
Menschen identifizieren Objekte durch Mustererkennung
Research now suggests that you recognize basic shapes in what you are looking at, and use these basic shapes, called geometric icons (or geons), to identify objects.
Susan Weinschenk
Bedienung verständlich machen!
If you want people to take action on an object, you need to make sure that they can easily figure out, what they can and should do with it.
Susan Weinschenk
Satisficing
Satisficing ist ein Begriff der Entscheidungstheorie und bezeichnet die Strategie, in einer Entscheidungssituation nicht nach der optimalen Lösung zu suchen, sondern sich mit der erstbesten Möglichkeit zu begnügen, die den angestrebten Zweck erfüllt.
Satisficing online
man probiert z.B. auf einer Website nicht alle Möglichkeiten durch, sondern wählt die, die spontan als richtig erscheint und wurstelt sich so durch …
Social Proof
Social proof is a psychological phenomenon where people assume the actions of others in an attempt to reflect correct behavior for a given situation. This effect is prominent in ambiguous social situations where people are unable to determine the appropriate mode of behavior, and is driven by the assumption that surrounding people possess more knowledge about the situation.
Kaum schaut jemand auffällig nach oben, schauen andere Menschen in die gleiche Richtung…
Social Proof online
Social proof is a psychological phenomenon where people assume the actions of others in an attempt to reflect correct behavior for a given situation. This effect is prominent in ambiguous social situations where people are unable to determine the appropriate mode of behavior, and is driven by the assumption that surrounding people possess more knowledge about the situation.
Website mit Empfehlungen anderer Menschen profitieren vom Phänomen „Social Proof“!
Vier Dinge gleichzeitig
People can hold three or four things in working memory as long as they aren’t distracted and their processing of the information is not interfered with.
One of the interesting strategies people employ to help our fragile memories is “chunking” information together into groups. It’s no accident that U.S. phone numbers look like this: 712-569-4532
Susan Weinschenk
IBAN-Nummern
// sind von Menschen fast nicht fehlerfrei lesbar
DE18412600000035613452
// Gruppiert ist es deutlich einfacher…
DE18 4126 0000 0035 6134 52Vier Dinge gleichzeitig: Menüstruktur
In ähnlicher Form kann man z.B. Navigationspunkte auf einer Website „clustern“, um diese übersichtlich und einfach bedienbar zu machen …
Time is relative
Wer kennt das nicht: Wenn man sich langweilt, scheint die Zeit nur so dahin zu kriechen…
Experten sprechen dabei von objektiver Zeit (die Zeit, die eine Uhr misst) und subjektive Zeit (die Zeit, die man selbst empfindet).
Oft es ist es leichter, die subjektive Zeit als die objektive Zeit zu verkürzen…
Time is relative: Interaction Design
Volumio Web-Interface
The more mental processing you do, the more time you think has elapsed. If people have to stop and think at each step of a task, they’ll feel that the task is taking too long.
To make a process seem shorter, break it up into steps and have people think less.
Susan Weinschenk
mehrere, hintereinander geschaltete Screens mit jeweils wenig Inhalt scheinen somit weniger „subjektive Zeit“ zu brauchen als ein komplexer Screen, auf dem man viel Zeit verbringt …
Übung & Wiederholung
If we repeat the information enough times, the neurons form a firing trace. Once the trace is formed, then just starting the sequence triggers the rest of the items, and allows us to retrieve the memory. This is why we need to hear information over and over to make it stick.
Susan Weinschenk
Schemata
The better people are at something, the more organized and powerful their schema about it will be. This makes retrieval of information faster and easier, and makes it easier for the expert to put new information into long-term memory.
The expert can remember a lot of information as a single chunk.
Susan Weinschenk
Beispiele
- Schachspiel: Eröffnung (bis zu 15 Züge)
- Autofahren: Einparken
- Photoshop: Bild freistellen
- …
People Process Information Best in Story Form
Stories are very powerful. They grab and hold attention. But they do more than that. They also help people process information.
No matter how dry you think your information is, using stories will make it understandable, interesting, and memorable.
Susan Weinschenk
People can’t actually multitask
I know it’s popular to think that you are multitasking, but the research is clear: people can’t actually multitask.
We are pretty good at switching back and forth quickly, so we think we are multitasking, but in reality we are not.
Menschen machen Fehler!
… besonders, wenn sie gestresst sind! Dann sehen sie sogar ganz auffällige Sachen nicht mehr!
Kill switch
A kill switch, also known as an emergency stop or e-stop, is a safety mechanism used to shut off a device in an emergency situation in which it cannot be shut down in the usual manner.
Errors by Design
Most accidents are actually due to design errors rather than errors of human operation.
Universal Principles of Design, S. 66
Three Mile Island accident
The mechanical failures were compounded by the initial failure of plant operators to recognize the situation as a loss-of-coolant accident due to inadequate training and human factors, such as human-computer interaction design oversights relating to ambiguous control room indicators in the power plant's user interface.
In particular, a hidden indicator light led to an operator manually overriding the automatic emergency cooling system of the reactor because the operator mistakenly believed that there was too much coolant water present in the reactor and causing the steam pressure release.
Human Errors: Slips
Slips (Ausrutscher)
Man vertippt sich oder drückt auf einen falschen Knopf.
Human Errors: Mistakes
Bild von Phil and Pam
Mistakes are caused by conscious mental processes, and frequently result from stress.
Universal Principles of Design, S. 66
Gegenmittel
- Ablenkungen vermeiden/reduzieren
- Anzeigen und dazugehörige Bedienelemente nah zusammen darstellen
- Nur so viel darstellen, wie zur Erledigung der Aufgabe nötig ist, aber auch nicht weniger
- Bei schwerwiegenden Entscheidungen mehrere Bestätigungsstufen („Wollen Sie wirklich …“) einbauen
Forgiveness
Photoshop Protokoll
Designs should help people avoid errors and minimize the negative consequences of errors when they do occur.
Universal Principles of Design, S. 88
Wer hat sich nicht schon mal „⌘ + Z“ im echten Leben gewünscht?
Eingeschränkte Auswahl
Es ist wahrscheinlicher, dass wir uns für etwas entscheiden, wenn es weniger Auswahlmöglichkeit gibt!
Desire Lines
In some cases, land planners have deliberately left land fully or partially unpathed, waiting to see what desire paths are created, and then paving those. In Finland, planners are known to visit their parks immediately after the first snowfall, when the existing paths are not visible. People naturally choose desire paths, clearly marked by their footprints, which can be then used to guide the routing of new purpose-built paths.
Es macht meistens mehr Sinn, zuerst die Leute zu beobachten, bevor man z.B. einen Weg pflastert…
Habituation
Habituation bezeichnet eine einfache (und beim Menschen in der Regel nicht-bewusste) Form des Lernens. Habituation setzt ein, wenn ein Individuum wiederholt einem Reiz ausgesetzt ist, der sich als unbedeutend erweist. Die Reaktion auf diesen Reiz schwächt sich dann allmählich ab und unterbleibt schließlich womöglich völlig.
Habituation: Alltagsgegenstände
Sehr interessantes Buch: Keny Hara: Designing Design
The section on the Hara-curated Re-Design: Daily Products of the 21st Century exhibition details Shigeru Ban’s square toilet paper roll, which makes shipping more efficient, while inefficient rolling reminds consumers to save squares
Als gute DesignerInnen müssen wir wieder lernen, wie Kinder zu sehen, um somit auch in vertrauten Alltags-Situationen das besondere, absurde, mühsame, verbesserungswürdige… zu sehen
The Marshmallow Test
Wie gemein. Da liegt die Versuchung, direkt vor der Nase, auf einem Teller. Genau dort sollen die Schokolade oder der Kuchen auch liegen bleiben - bis der Erwachsene zurückkommt, der eben den Raum verlassen hat. Wenn die Süßigkeit dann nämlich noch unberührt auf dem Teller liegt, so hat es der Erwachsene versprochen, dann verdoppelt er die Portion. Aber wann kommt er endlich? Alleine im Zimmer, ließe sich doch unbeobachtet das bereits Vorhandene naschen. Merkt ja niemand, oder?
Ein enormer Unterschied, doch wie ist er zu interpretieren? Den Marshmallow-Test ersann der österreichisch-amerikanische Persönlichkeitspsychologe Walter Mischel, der damit in den späten 1960er-Jahren erstmals die Fähigkeit von Kindern zum Belohnungsaufschub testete. Der Forscher begleitete die Entwicklung vieler seiner jungen Probanden über Jahrzehnte und stellte fest: Wer sich als Kind beherrschen konnte, erzielte als Erwachsener höhere Bildungsabschlüsse, war eher stressresistent, beruflich erfolgreicher und verfügte über ein besseres Selbstbewusstsein.
… sehr interessanter Artikel – schaut ihn Euch mal an: Sieger im "Marshmallow-Test"
Cognitive Biases
Back in 2015, software engineer Jacky Alciné pointed out that the image recognition algorithms in Google Photos were classifying his black friends as “gorillas.” Google said it was “appalled” at the mistake, apologized to Alciné, and promised to fix the problem.
Cognitive biases are systematic patterns of deviation from norm or rationality in judgment, and are often studied in psychology and behavioral economics. [Wikipedia]
Es gibt eine sehr umfangreiche Liste von Biases (Vorurteilen), die wir alle – mehr oder weniger – in uns tragen und die uns unbewusst beeinflussen…
Design for All 5 Senses
Good design looks great, yes -- but why shouldn't it also feel great, smell great and sound great? Designer Jinsop Lee (a TED Talent Search winner) shares his theory of 5-sense design, with a handy graph and a few examples
Adobe Illustrator
Adobe Illustrator ist ein vektorbasiertes Grafik- und Zeichenprogramm. Es dient also dem Herstellen von Computergrafiken, die man ohne Qualitätsverlust beliebig in ihrer Größe verändern kann – im Unterschied zu pixelbasierten Bildbearbeitungsprogrammen wie z. B. Photoshop. Das Programm wurde 1987 von dem kalifornischen Softwareunternehmen Adobe Systems für den Apple Macintosh entwickelt und wird bis heute von Adobe gepflegt und vermarktet. Es läuft auf den Computerbetriebssystemen Windows sowie Apple Mac OS und gilt seit Jahren als Standardanwendung auf dem Gebiet der Vektorgrafik.
Illustrator ist ein super Werkzeug, um Vorlagen für den Lasercutter zu erzeugen!
Das Programm ist auf allen iMacs an unserer Fakultät installiert und Teil der Adobe Creative Cloud
LinkedinLearning
LinkedinLearning bietet zu ganz vielen Themen gute Video-Tutorials an – schaut Euch dort mal um!
Illustrator-Tutorials auf linkedin learning
Bitte schaut Euch folgende Illustrator-Tutorials auf linkedin learning an und probiert die dort gezeigten Sachen aus:
- A bright and confident beginning
- Welcome to the Home screen
- Creating a new document
- Welcome to the interface
- Getting around your document
- Creating snapping guidelines
- Drawing geometric shapes
- Drawing straight lines
- Drawing with the Pencil tool
- Editing a path with the Pencil tool
Ihr müsst die Tutorials nicht bis zum nächsten Mal durchgemacht haben – aber spätestens, wenn Ihr Eure Lasercutter-Vorlagen erstellen wollt, solltet Ihr damit durch sein!
Bitte bis zum nächsten Treffen (30.10.20)
Bild von Schaakbond
Versucht gemeinsam in Euren Teams mind. 10 verschiedene Ideen für Hölzchenspiele zu entwickeln!
- noch nicht detailliert ausgearbeitet
- muss es dabei immer Sieger und Verlierer geben?
- Spiel-Ideen aus verschiedenen, von Euch festgeleten Kategorien
- beim nächsten Treffen wieder gruppen-interne Besprechungen mit mir
- nutzt auch hierfür wieder Euer Miro-Board und ladet dort Eure Skizzen & Ideen hoch
In einem 2. Schritt könnt Ihr im Team schon mal eine Bewertung abgeben, welche der Spiele Ihr für besonders interessant findet!