Ich möchte hier als Beispiel gerne eine Reihe von Lichtschaltern anführen, die bei mir in der Arbeit angebracht sind. Der rote Pfeil auf dem Grundrissplan zeigt an wo sich diese Schalter im Raum befinden. Es ist schier unmöglich herauszufinden welcher Schalter, welche Lichtreihen betätigt. Darum wurde versucht mittels Beschriftungen festzuhalten welcher Schalter, welche Lichtreihe bedient. Meiner Meinung nach ist aber auch die Beschriftung nicht gut gelungen, da z.B. bei Fenster rechts die Lichtreihe auf der linken Seite (wenn ich vor dem Schalter stehe) angeht. Obwohl ich diesen Lichtschalter schon sehr oft bedient habe muss ich immer einige Zeit nachdenken um den richtigen Schalter zu erwischen.
Labels
Aufgabe 2
Sketchbook
Aufgabe 1
Udacity
Lesson 1
Lesson 2
Sketching User Experiences
The Workbook
10 Minuten Skizzen
Sketch what you see
Upside-Down
Aufgabe 3
Lesson 3
Photo Sampling
Taking your pencil for a walk
Aufgabenstellung 1
Aufgabenstellung 2
Aufgabenstellung 3
Designtheorie
Goethes Farbenlehre
Hybrid Sketches
Produktverpackungen
Vanilla Sketch
Photo Sampling
| Good Design | Bad Design | Hand Operations |
|---|---|---|
| Flickr Album - Good Design | Flickr Album - Bad Design | Flickr Album - Hand Operations |
Posts mit dem Label Udacity werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Udacity werden angezeigt. Alle Posts anzeigen
21.10.2015
Udacity - Lesson 2: Conceptual Model & System Image - Project 2 Evaluation
Die Evaluierung der umgestalteten Box ergab, dass alle Punkte mit Ja beantwortet werden konnten.
Die bunte Gestaltung und vor allem das Fragezeichen, sowie das Schachbrettmuster hielten die Leute an stehen zu bleiben und die Box zu betrachten. Durch die Leine, sowie durch einen von einem Motorrad bekannten Griff wurden die Personen animiert die Box anzufassen und hochzuheben. Durch die Schrauben im Inneren der Box und dem damit verbundenen Geräusch wurde die Box geschüttelt und gedreht. Die wegstehenden Fähnchen wurden berührt und es wurde mit ihnen gespielt.
20.10.2015
Udacity - Lesson 2: Conceptual Model & System Image - Wrong System Image
Ich besitze einen Radiowecker der ein äußerst unklares System Image darstellt.
Wie im ersten Bild ersichtlich gibt es bereits bei der Uhranzeige mehrere Symbole die verschiedene Zwecke repräsentieren sollen. Beispielsweise können zwei Weckzeiten eingestellt werden. Sind diese aktiv leuchtet neben den Glocken ein Licht. Es kann auch eingestellt werden, dass der Radio sich nach einer Gewissen Zeit abschaltet. Ist dies eingestellt wird das über ein Licht neben dem Bettsymbol dargestellt.
Die Knöpfe zum betätigen der Einstellungen sind allerdings noch viel unübersichtlicher. Fast jeder Knopf hat eine Doppelbelegung, wobei die Funktionalität davon abhängt ob ich gerade im Radiomodus oder Uhrenmodus/Weckmodus bin.
Desweiteren sind einige Buttons nur nützlich wenn diese eine länger Zeit betätigt werden. Ohne die Bedienungsanleitung zu lesen ist es wohl unmöglich diesen Radiowecker zu bedienen.
Wie im ersten Bild ersichtlich gibt es bereits bei der Uhranzeige mehrere Symbole die verschiedene Zwecke repräsentieren sollen. Beispielsweise können zwei Weckzeiten eingestellt werden. Sind diese aktiv leuchtet neben den Glocken ein Licht. Es kann auch eingestellt werden, dass der Radio sich nach einer Gewissen Zeit abschaltet. Ist dies eingestellt wird das über ein Licht neben dem Bettsymbol dargestellt.Die Knöpfe zum betätigen der Einstellungen sind allerdings noch viel unübersichtlicher. Fast jeder Knopf hat eine Doppelbelegung, wobei die Funktionalität davon abhängt ob ich gerade im Radiomodus oder Uhrenmodus/Weckmodus bin.
Desweiteren sind einige Buttons nur nützlich wenn diese eine länger Zeit betätigt werden. Ohne die Bedienungsanleitung zu lesen ist es wohl unmöglich diesen Radiowecker zu bedienen.
Udacity - Lesson 2: Conceptual Model & System Image - Fix the Faulty System Image
Um das zu verhindern könnte eine Information darüber gegeben werden, wie lange es noch dauert bis die gewünschte Temperatur erreicht wird. Der Benutzer bekommt so ein Feedback, dass es nichts bringt das Thermostat höher bzw. niedriger einzustellen. Solch ein Ansatz wird bereits von Nest (https://nest.com/thermostat/meet-nest-thermostat/) verfolgt. Ich finde diese Interfacelösung äußerst gelungen.
Udacity - Lesson 2: Conceptual Model & System Image - Conceptual Model of a Home Heating System
Ich stelle das Thermostat auf 23°C (73°F) ein, da ich davon ausgehe das die Heizung solange läuft bis die 23°C erreicht wurden und sich danach ausschaltet. Fällt die Temperatur wieder darunter, schaltet sich auch die Heizung wieder ein. In meinem Conceptual Model bringt es nichts die Heizung höher einzustellen, da die Heizleistung dadurch nicht erhöht wird. Außerdem könnte die Temperatur dann über 23°C steigen wenn ich als Benutzer nicht aufpasse.
Udacity - Lesson 2: Conceptual Model & System Image - Example of a Good System Image
Meiner Meinung nach stellt die GoPro Hero 4 Black Edition ein gutes Beispiel für ein Good System Image dar. Die Kamera verfügt genau über drei Bedienelement die gut gekennzeichnet sind (Farblich, sowie mit bekannten Symbolen). Es ist ganz klar ersichtlich, dass der Button an der Frontseite der Kamera zum ein- und ausschalten bzw. zum wechseln des Modus gedacht ist. Der Button an der Oberseite ist für das Aufnehmen eines Videos/Fotos vorgesehen und der Button an der Seite öffnet die Einstellungen.
Udacity - Lesson 2: Conceptual Model & System Image - Find a good conceptual model
Ich habe die Befüllung des Kühlschranks in unserer Wohnung als Conceptual Model gewählt. Die obere Darstellung zeigt das Hauptfach und wie die Speisen in die einzelnen Fächer verteilt werden. Die untere Darstellung zeigt die Seitentür und wie dort Lebensmittel verstaut werden.
Udacity - Lesson 2: Conceptual Model & System Image - Chinese Puzzle Pot - How Does it Work?
Meine Lösung sieht eine Wasserzufuhr über ein Rohr in der Mitte der Kanne. Dieses Rohr hat Öffnungen aus denen das Wasser in den Hohlraum der Kanne entweichen kann. In dem Rohr befindet sich außerdem eine Kugel die nach oben und unten bewglich ist, jedoch in beide Richtungen nicht herausfallen kann.Wird nun Wasser eingefüllt fällt die Kugel in dem Rohr und das Wasser kann durch die Rohröffnungen in den Hohlraum. Wird die Kanne umgedreht fällt die Kugel an das andere Ende und verhindert somit den Austritt des Wassers.
Edit: Man bräuchte noch eine Barriere die beim Befüllen das ausfließen des Behälters verhindert
Edit: Man bräuchte noch eine Barriere die beim Befüllen das ausfließen des Behälters verhindert
Udacity - Lesson 1: Affordances and Signifiers - Ending Reflection
Ich hatte mir vorher nur wenige Gedanken darüber gemacht wie sehr Produkte von Affordances und Signifiers abhängen. Ich betrachte die Dinge nun etwas anders und achte darauf wie viele Versuche ich benötige um Gewisse Dinge zu erlernen.
Udacity - Lesson 1: Affordances and Signifiers - Project 1: Improve a Confusing Signifier
Ich möchte hier gerne den bereits im vorigen Eintrag beschriebenen Gasherd verwenden, da hier ein einfacher Richtungspfeil am Schalter bereits helfen würde zu erkennen, dass der Knopf gedrückt werden muss um einen Funken und somit die Flamme zu erzeugen. Dies habe ich versucht in dem zweiten Bild beispielhaft darzustellen.
Udacity - Lesson 1: Affordances and Signifiers - Five deliberately misleading affordances or signifiers
- Unser Herd ist ein Gasherd und der Funken zum entzünden der Flamme wird erst durch das Drücken des jeweiligen Knopfes erzeugt. Dies ist jedoch nicht beschrieben.
- Ich hatte eine Nachttischlampe die ohne Kippschalter funktionierte, sondern durch Berühren des Metalls drei Stufen an Helligkeit erzeugte bzw. auch ein und ausgeschaltet werden konnte. Auch das war nicht beschrieben.
- Eine Freundin schenkte mir eine "Survivalcard" die ähnliche Funktionen wie ein Schweizer Taschenmesser bieten soll. Ohne Bedienungsanleitung sind diese Funktionen jedoch nur schwer bzw. überhaupt nicht herausfindbar.
- Bei Fußgängerampeln gibt es in Wien einige, welche nur nach Betätigen eines Knopfs auf Grün umschalten. Es gibt aber auch Kästen für die Blindenakustik. Diese sehen sehr ähnlich aus und so vergesse ich oft darauf zu drücken (obwohl teilweise sogar beschrieben)
- Bei einem Fenster in unserem Stiegenhaus muss zuerst ein Hebel betätigt werden damit eine Seite geöffnet werden kann. Danach muss ein Schiebeknopf betätigt werden um den Rest zu öffnen. Dieser sieht jedoch nicht beweglich aus.
Udacity - Lesson 1: Affordances and Signifiers - Signifiers or Affordances?
Diese Aufgabe beschäftigt sich mit der Unterscheidung von Affordance und Signifier. Wie wird ein Signifier beschrieben?
Signifier: communication devices
Meine Antwort lautete:
Wie im Video erklärt wären der Stacheldraht und der Türknopf neben Affordance aber auch zu den Signifiern zu zählen:
Udacity - Lesson 1: Affordances and Signifiers - Posts in Japan
Diese Aufgabe beschäftigt sich mit Affordance.Was jedoch ist Affordance genau?
Affordance: the relationship between an object and a person
Man soll hier wohl erraten, dass diese Pfeiler/Pfosten aufgestellt wurden, damit die dahinterliegende Straße bzw. der Gehweg nicht mit dem Auto benutzt werden soll. Am oberen Ende der Pfosten sind wahrscheinlich reflektierende, weiße Ringe angebracht um die Pfosten auch bei Nacht gut erkennen zu können.
Udacity - Lesson 1: Affordances and Signifiers - Strange Looking Object
Mein außergewöhnlicher Tipp ist, dass es sich hier um einen Behälter für eine Soße handelt die besonders heiß sein kann. Das Gefäß wird in der Mitte des Tisches platziert und jede Person kann den "Soßenspender" am Henkel aufnehmen, ohne das dieses vorher gedreht werden muss.
Udacity - Lesson 1: Affordances and Signifiers - Understandable and Confusing Design
In der nächsten Aufgabe sollte je ein Beispiel für ein verständliches Design und verwirrendes Design gefunden werden. Hier meine Beispiele und die Erklärungen dazu:
Understandable
Diese Liftsteuerung ist simple aufgebaut und zeigt die Stockwerke übereinander, so wie diese auch tatsächlich angeordnet sind. Damit wird ein langer Suchprozess überflüssig. Die beiden zusätzlichen Knöpfe sind von den Stockwerksknöpfen durch größeren Abstand getrennt und werden somit nicht zur Stockwerksauswahl zugehörig empfunden.
Confusing
Diese Piktogramme habe ich in der U-Bahnlinie 1 aufgenommen. Sie sollen vermutlich anzeigen, was sich hinter der Abdeckung verbirgt. Leider kann ich mir, besonders bei dem unteren Piktogramm, aber überhaupt nicht vorstellen was damit gemeint sein soll. Beim Oberen könnte eine Leiter gemeint sein. Es könnte aber auch irgendetwas mit den Schienen zu tun haben.
Udacity - Lesson 1: Affordances and Signifiers - Why Are You Here?
In dieser ersten Aufgabe war ein Forumseintrag zu erstellen, welcher beschreibt warum man an dem Kurs teilnimmt um eben das Forum besser kennen zu lernen. Ich habe dazu folgendes geschrieben:
























