Grundlagen der Datenvisualisierung und UX

1. Einführung: Hi, mein Name ist Sven. Ich bin freiberuflicher Data Visualization Advisor und Designer. Ich habe einen Doktortitel in Informatik, wo ich mich auf Datenvisualisierung konzentrierte. Ich habe Themen wie die Verbesserung des Bewusstseins der Schüler in Bezug auf ihren Fortschritt untersucht, wie man Arbeitssuchenden durch Visualisierungen hilft und wie man die Erfahrung von Zuschauern von Videospielen verbessern kann. In dieser Klasse werden wir sowohl die Datenvisualisierung als auch die Benutzererfahrung abdecken. Oft gehen wir bei der Datenvisualisierung von den Daten aus. Wir analysieren die Daten, wir versuchen herauszufinden, welche Botschaft wir von den Daten erhalten können, und wir bauen darüber hinaus Produkte. Das wollen wir hier nicht machen. Wir wollen den Ansatz verfolgen, sich zuerst auf den Benutzer zu konzentrieren. Was braucht der Benutzer? Was wünscht der Benutzer? Wie können wir ihren Arbeitsablauf verbessern? Wie können wir neue Erkenntnisse liefern? Um dies zu tun, müssen wir einen ordnungsgemäßen Prozess der Benutzerforschung verfolgen. Sie lernen alles über diesen Prozess im Unterricht, während Sie auch die Grundlagen der Datenvisualisierung lernen. Am Ende dieser Klasse haben Sie ein Datenvisualisierungs-Mock-up erstellt, indem Sie Benutzerstudien durchführen, verstehen, was der Benutzer benötigt, und grundlegende Datenvisualisierungstheorie verwenden. Wir sehen uns bald in der Klasse. 2. Kursprojekt und Übersicht: Die Klasse deckt sowohl die Datenvisualisierung als auch die User Experience Research ab. Die Idee ist, dass man nicht wirklich etwas entwerfen nur indem man an Ihrem Schreibtisch sitzt und einfach weg entwirft. Sie wissen nicht, was der Benutzer will. Sie können eine allgemeine Idee haben, aber Sie können 100 Prozent sicher sein, dass es nicht nur Sie sind, die wie keine Ahnung verlieren. Also, was wir in so ziemlich Design tun, so ziemlich alles in diesen Tagen. Nun, sei es Werkzeuge oder Anwendungen oder Datenvisualisierung, ist, dass, Sie in den Kopf des Benutzers zuerst zu bekommen. Sobald Sie das getan haben, können Sie ein besseres Verständnis bekommen, was sie wollen, können Sie sie auch in das Design einbeziehen. Sie können Dinge erstellen und gehen Sie zurück zu ihnen und zeigen Sie sie und dann erhalten das Feedback und lesen und bekommen es machen es noch besser. Was Sie am Ende haben werden, ist etwas, das sich als nützlich und nutzbar für Ihre Zielgruppe erwiesen hat, wenn Sie es richtig gemacht haben. Also haben Sie etwas, das Sie einem Kunden mitnehmen können und Sie können tatsächlich sagen, okay, das ist eigentlich Ihr gutes Zeug. Du musst mein Wort dafür nicht nehmen. Hier sind die Daten, die wir tatsächlich zeigen können, dass dies tatsächlich gute Sachen ist. In dieser Klassemachen wir diesen Prozess, machen wir diesen Prozess, diesen User Experience Prozess, und wir werden dies tun, indem wir eine Datenvisualisierung erstellen. Daher werden wir die Grundlagen der Datenvisualisierung behandeln oder warum Sie wissen müssen, um Ihre Datenvisualisierungen zu erstellen. Wir werden sehen, was eine gute Datenvisualisierung macht, worauf Sie achten sollten, wie Sie tatsächlich den Betrachter täuschen können, was nicht etwas, das Sie tun wollen, wenn Sie böse Absichten haben. Es deckt alle grundlegenden Theorien ab, die Sie benötigen, um Ihre eigenen Skizzen und Mock-ups zu erstellen. Nun, was das Erstellen von Skizzen und Mock-ups betrifft, wird in dieser Klasse versuchen, werkzeuglos zu bleiben. Das bedeutet, dass wir keine Werkzeuge im Detail abdecken werden. Ich werde im Großen und Ganzen all die verschiedenen Werkzeuge durchlaufen, die existieren. Nun, nicht alle von ihnen, aber ein paar von ihnen , die für Ihren Prozess nützlich sein könnten. Ich werde erklären, was ich benutze. Aber ich gehe davon aus, sicherlich, weil ich vermute , dass in diesem Kurs viele Grafikdesigner fallen, ist, dass Sie bereits die Werkzeuge haben, die Sie mögen, und es ist besser, bei ihnen zu bleiben und einen schnellen Prozess zu haben , wo Sie können tatsächlich Dinge erstellen, die Sie erstellen möchten, anstatt all diese neuen Tools für Lernwerkzeuge zu lernen, was ein bisschen sinnlos ist. Wenn du kein Grafikdesigner bist, mach dir keine Sorgen, ich bin es auch nicht. Ich bin ein Informatiker, also kannst du immer noch erstaunliche Sachen machen, wenn du das nicht unbedingt hast, diese spezifische Fähigkeit, wir gehen von Skizzen zu schönen digitalen Mock-ups oder einfach nur regelmäßige digitale Mock-ups, die du kann an Ihren Kunden mitnehmen, und Sie können sie tatsächlich an das Entwicklungsteam übergeben und sie sollten in Ordnung sein , diese Datenvisualisierung zu einer echten Sache zu machen. Nun, das ist für die Übersicht, als nächstes wählen wir unser Klassenprojekt. 3. Hands-on! Ein Thema wählen: Es ist schon Zeit für Ihren ersten Auftrag. Ich gehe davon aus, dass Sie zu diesem Kurs mit einer bestimmten Idee in Ihrem Kopf gekommen sind, vielleicht eine bestimmte Branche, für die Sie arbeiten möchten, vielleicht einen Kunden mit einem bestimmten Problem haben, dem Sie helfen möchten, oder vielleicht sind Sie nur an Daten interessiert Visualisierung, und Sie wollen nur zu erkunden, und lernen, und was nicht. Sie können das Projektthema auswählen, an dem Sie arbeiten möchten. Wir werden Ihnen keine Standard-Datenvisualisierungsprobleme geben, die Sie lösen können. Ich möchte, dass du etwas kreierst, für das du leidenschaftlich bist. Es wird, viel mehr involviert und viel spannender, hoffe ich. Wenn Sie nicht herausfinden können, woran Sie arbeiten sollen, denken Sie vielleicht an vorhandene Datenvisualisierungen oder Datensätze, die Sie kennen und die Sie für interessant halten, und vielleicht möchten Sie überarbeiten, oder Sie denken vielleicht : „Ich kann Mach das viel besser.“ Das ist eine Art, es zu tun. Der andere Weg ist wie, denken Sie über Dinge in Ihrem täglichen Leben, die Sie vielleicht leidenschaftlich sind, wie zum Beispiel, sagen wir, Sie sehen einige bestimmte Sportarten, es gibt viele Daten im Sport, oder? Du könntest dir das tägliche Zeug ansehen, wie vielleicht dein Pendeln, du lebst Platz x und du denkst an Umzug y, wie viel wird dich das kosten? Ich weiß, es wird teurer sein, dort zu wohnen, aber Ihre Pendelzeit wird sinken, und vielleicht werden die Kosten für den Pendeln sinken. Mithilfe von Visualisierungen können Sie beginnen, all diese Dinge zu vergleichen, und Sie werden ein besseres Werkzeug haben , um Ihnen tatsächlich zu helfen, eine Entscheidung zu diesem spezifischen Thema zu treffen. Versuchen Sie herauszufinden, ob Ihr Thema, versuchen Sie, kreativ zu sein, finden Sie etwas, das Sie leidenschaftlich sind oder etwas, von dem Sie denken, wird wirklich vorteilhaft für Sie zu arbeiten. Wenn nicht, schauen Sie sich vorhandene Beispiele an, ich kann mir eines vorstellen, zum Beispiel die Aktivitätsvisualisierung von Apple Watches. Es macht seine Arbeit, aber es ist nicht wirklich so toll. So viel zu tun, so viele Dinge, über die man nachdenken muss. Ich werde Sie in der nächsten Lektion sehen. 4. UX Recherche: In dieser Lektion werden wir UX behandeln. UX steht für User Experience, etwas, von dem Sie in letzter Zeit wahrscheinlich viel gehört haben. Es ist nicht alles so schwierig, es ist nur die Idee, in den Kopf des Benutzers zu kommen, oder? Es ist für den Benutzer zu entwerfen. Es ist nicht nur, etwas an Ihrem Schreibtisch zu kreieren und es dann einfach rauszuschicken und zu hoffen, dass die Leute es mögen. Nein, wir werden sicher sein, wenn es diesen Spott darüber senden wird , dass die Leute es mögen und es hat sich als gut und nützlich erwiesen und Vorteile für Ihre Benutzer zu bieten. Wenn wir über Nützlichkeit sprechen, wollen wir etwas schaffen, das sein kann verbessert ihren Workflow, verbessert ihr Leben. Wenn Sie dem Benutzer Freude bereiten können. Das ist großartig, oder? Es gibt auch eine Gelassenheit. Serendipity ist ziemlich erstaunlich, wo Menschen einfach Ihre Visualisierung verwenden , um Daten zu erkunden und diese Dinge zu entdecken. Um dies zu tun, müssen Sie diese jedoch einbeziehen, um ein Design zu erreichen, das für Ihre Benutzer nützlich und vorteilhaft ist einbeziehen, um ein Design zu erreichen, das für Ihre Benutzer nützlich und vorteilhaft ist. Um sie einzubeziehen, gibt es verschiedene UX-Methoden, die wir verwenden können, um sie an Ihrem Designprozess zu beteiligen. Hier in dieser Lektion werden wir vier Methoden behandeln, nämlich Interviews, Fragebögen, Workshops, die Brainstorms oder Co-Design-Sitzungen sein können , und Beobachtung. Bevor wir all diese Methoden durchlaufen, ist es sehr wichtig, dass Sie Leute finden, die Ihre typischen Benutzer sind, richtig? Sie möchten für eine bestimmte Zielgruppe entwerfen, sodass Ihre Teilnehmer diese Zielgruppe widerspiegeln sollten. Das ist ziemlich wichtig. Nehmen wir an, Sie konzentrieren sich auf Menschen in ihren Zwanzigern, die ein Haus kaufen wollen. Sie wollen unterschiedliche Altersgruppen, unterschiedliche Geschlechter, vielleicht unterschiedliche Bildungshintergründe, vielleicht unterschiedliche Einkommensarten haben. Stellen Sie also sicher, dass es so breit wie möglich ist. Ok. Also jetzt für die Methoden. Wir fangen mit Interviews an. Interviews sind ziemlich unkompliziert. Man setzt sich einfach mit jemandem zusammen und interviewt sie. Sie werden vorher ein paar Fragen herausfinden und dann versuchen bessere Einblicke in das zu bekommen, was sie brauchen und was sie wollen. Versuchen Sie nicht, sie zu viel zu führen, Sie wollen ihre Ideen zu bekommen. Sie wollen Ihre Ideen nicht auf sie schieben. Sie können Designs mitbringen, wenn Sie sie wollen. Versuchen Sie, sie für mehr das Ende Ihrer Konversation zu halten. Nehmen wir an, Sie haben diese Fragen durchgemacht, Sie haben ihr ganzes Feedback. Dann kannst du ihnen dein Design vorstellen und sagen: „Okay, ich habe diese Ideen, was denkst du davon, geht einfach in die richtige Richtung?“ In Bezug auf die Anzahl der Teilnehmer, wenn sie Experte sind, sagen wir, dass Sie etwas für erfahrene Benutzer machen, brauchen Sie nicht viele Experten, um tatsächlich das Feedback zu bekommen, das Sie wollen. Wenn Sie sich für eine allgemeinere Zielgruppe entscheiden, versuchen Sie einfach sicherzustellen, dass zumindest Ihre Teilnehmerpools, wie ich bereits sagte, eine breite Palette von Hintergründen abdecken. Du kannst nicht Hunderte von Menschen interviewen. Es ist unmöglich. Wir reden vielleicht etwa 10 oder 20, wenn du kannst, aber vielleicht sogar fünf am Anfang werden gut genug sein. Es hängt alles davon ab, dass du Feedback erhältst und wenn du das gleiche Feedback wieder siehst, dann kannst du vielleicht sogar aufhören zu interviewen. Die andere Methode ist der Fragebogen. Jetzt mit Fragebögen, der Vorteil ist, dass wir mit einem Interview eine Menge qualitativer Informationen bekommen, wir gehen sehr tief in das Thema; die Fragebögen geben Ihnen einen breiteren quantitativen Datensatz, was bedeutet, dass es nicht so tief gehen wird, aber Sie werden sicher sein, ein viel breiteres Publikum abgedeckt zu haben. Mit Fragebögen können Sie wie Hunderte von Teilnehmern haben , weil Sie diese Fragebögen ausrichten können. Sie können Tools wie Google Forms oder Monkey Survey verwenden. Sie können sie in Einklang bringen und so viele Menschen auf sie antworten lassen, wie Sie wollen. Wenn Sie das tun, wenn Sie versuchen, all diese Teilnehmer zu bekommen, können Sie entweder zu Ihren Freunden gehen und sie ihren Freunden und ihren Freunden von Ihren Fragebögen erzählen lassen . Sie können sie online auf Ihrem Facebook platzieren. Sie können Reddit durchgehen, was immer sehr beliebt ist. Sie haben diese Subreddits zu bestimmten Themen, sagen wir, es gibt ein bestimmtes Thema für das, woran Sie arbeiten. Geh da hin. Diese Leute sind in der Regel sehr leidenschaftlich. Sie werden deine Arbeit wie die Hölle kritisieren, aber wenigstens bekommst du wirklich ehrliches Feedback, richtig? Wie bei Gradientenfragebögen, versuchen Sie, so viele offene Textfragen wie möglich zu vermeiden , da sie sehr schwer zu verarbeiten sind. Wenn Sie 200 Antworten auf Ihre Frage erhalten und sie alle Text sind, wird es sehr wertvoll sein, aber es wird gehalten, um sie zu verarbeiten. Also, wenn Sie Ihr Leben einfach machen wollen, verwenden Sie Likert-Waagen, sie sind völlig nicht einverstanden, Art von Fragen völlig zustimmen. Es gibt bestimmte Arten von Skalen, die Sie für bestimmte Arten von Fragen verwenden können. dritte Methode ist, eine Art Workshop zu machen. Du musst ein paar Leute zusammenbringen, und du kannst das vielleicht mit deinem Kunden tun, du kannst das tun, indem du ein paar Leute zusammenbringst, die du kennst. Die Idee ist, dass Sie zum Beispiel einen Brainstorming machen, wo jeder seine Ideen einfach rauswirft und Sie versuchen, zusammen zu einer bestimmten Lösung zu konvergieren. Es gibt viele Brainstorm-Techniken da draußen. Ich werde nicht zu viel ins Detail gehen. Eine andere Möglichkeit, die dem Design der Datenvisualisierung sehr gut entspricht, ist Co-Design-Sitzungen, was bedeutet, dass Sie Menschen Papier geben und sie tatsächlich anfangen würden, ihre Ideen zu zeichnen. Sie sprechen über das Problem, oder Sie sprechen über ein Thema, das Sie umgehen möchten, und Sie bitten sie, Probleme zu finden, die sie haben, Ideen zu finden und wie Sie diese Probleme lösen können. Dann können Sie all diese Designs bekommen, sie auf ein Whiteboard legen, versuchen, wie Themen zu finden, die wieder auftauchen und kategorisiert sie. Versuchen Sie herauszufinden, um es mit der Gruppe zu bekommen, welche sind die besten wollen zu bewältigen und welche die größte Wirkung haben wird. Der letzte, den ich über seine Beobachtung sprechen möchte. Der Trick bei der Beobachtung ist, dass Sie bereits etwas brauchen , das die Person daran gewöhnt ist, zu beobachten. Ich habe ein Beispiel aus persönlicher Erfahrung wo wir diese Berater hatten, die Schülern geholfen haben, aber die Daten über die Schüler waren über all diese verschiedenen Systeme verteilt. Wir hatten viele Probleme beim Versuch, all diese Daten zu sammeln und gute Einblicke in die spezifische Situation des Schülers zu erhalten. Nun, durch Datenvisualisierung, konnten wir es lösen. Aber um zu diesem Zeitpunkt zu kommen, was wir getan haben, war, dass wir beobachtet haben, wie sie funktionierten und was die Probleme waren sie in und wie wir den Workflow verbessern konnten, richtig? Wenn Sie zum Beispiel einen Kunden haben , der ein bestimmtes Problem hat, können Sie tatsächlich mit ihren Mitarbeitern sitzen und sehen, wie sie arbeiten. Um das zu tun, können Sie sie beobachten und Dinge aufschreiben. Das ist eine Methode. Sie können Audioaufnahmen aufnehmen, aber dann müssen Sie reden oder sie werden ziemlich viel über das, was sie tun, reden müssen. Es wird eigentlich think-aloud genannt, worauf wir später kommen werden. Sie können ihren Bildschirm aufzeichnen, was möglicherweise ein Problem darstellen kann, wenn Sie mit einem Client arbeiten. Es könnte sensible Daten, Sie müssen sicherstellen, dass alle Vereinbarungen, um dort zu bekommen. Oder Sie können Ihren Bildschirm und ihr Gesicht aufnehmen, was wirklich Spaß macht, weil Sie tatsächlich ihre Ausdrücke sehen können , während sie arbeiten und Sie können an den Punkten sehen, die sie frustriert werden. Das sind also alle Methoden. Eine Sache, die Sie sicherlich berücksichtigen sollten, ist, wenn Sie dies tun, stellen Sie sicher, dass für alle Ihre Benutzer , Sie bekommen ihr Alter, Sie bekommen ihr Geschlecht, Sie bekommen vielleicht ihre Ausbildung Hintergrund, wenn das für das Thema, das Sie arbeiten an. Wenn Sie Informationen über Einkommen und all das bekommen. Sie möchten nicht zu aufdringlich sein, aber wenn es für Ihren Entwurf wichtig ist, dann ist es wichtig, alle diese Daten zu sammeln. Es wird Ihnen auch helfen, wenn Sie Entscheidungen treffen, zwischen Teilnehmer x und y, auf deren Ideen Sie mehr Wert legen sollten? Mit den Hintergrundinformationen, die dort ziemlich viel helfen können. 5. Dataviz Einführung: Ok. Nun wahrscheinlich die Lektion, auf die Sie gewartet haben, einige Datenvisualisierung. Datenvisualisierung ist so ziemlich überall um uns herum, oder? Zum Beispiel sind Ampeln, Ihre Batterie, auf Ihrer Kamera oder auf Ihrem Telefon visuelle Anzeige, wie viel Prozentsatz der Batterie, die übrig ist. Das sind also sehr einfache Visualisierungen, wir sehen sie alle in den Nachrichten. Wir sehen all diese Balkendiagramme und Tortendiagramme, erklären Dinge über Politik, über Abstimmung, vielleicht bestimmte Trends, das Wetter ist auch ein schönes Beispiel. Data Vis kann ziemlich passiv sein, es muss nicht etwas sein, mit dem Sie sofort interagieren. Es kann sein, dass jemand etwas erklärt, es gibt ein Datenvis auf der Seite, es gibt Ihnen irgendwie zusätzliche Informationen. Nehmen wir an, Ihr Dashboard in Ihrem Auto ist eine Art Datenvisualisierung, Ihnen mit den Messgeräten zeigt, wie schnell Sie gehen, wie viel Kraftstoff Sie noch haben. Aber sie sind alle sehr passiv, sie geben dir Informationen, es ist nicht so, als ob du ständig damit interagierst oder es ständig betrachtet. Es kann sehr umgebend sein, wie es nur in Ihrer Umgebung Änderungen der Farben sein kann , um bestimmte Informationen anzuzeigen. Dann haben Sie zum Beispiel auch Infografiken, die sehr beliebt sind. Riesige Mengen an Informationen, die in einer großen visuellen Darstellung in der Regel von Grafikdesignern gemacht werden, destilliert werden. Sie sind sehr hübsch, aber sie erzählen eine Geschichte, aber sie sind auch nicht interaktiv, oder? Dann gibt es interaktive Visualisierungen die für den Benutzer entwickelt wurden, um Daten zu untersuchen. Zum Beispiel ist Google Maps ein ziemlich gutes Beispiel. Also, wenn Sie hier eine Visualisierung entwerfen, müssen Sie denken, okay, was ist der Zweck dessen, was ich erschaffe? Ist es etwas, das für die Erkundung von Daten verwendet wird, richtig? Wir haben keine Ahnung von dem Datensatz zum Beispiel, wir haben nur all diese Daten und wir wollen dem Benutzer eine Möglichkeit geben, es zu erkunden und seine eigenen Erkenntnisse zu finden, interessante neue Daten zu entdecken, Muster zu sehen und alle das. Dann erstellen wir Daten viss speziell für die Erkundung. Das ist also ein Weg. Jetzt können Daten vis auch in informativen verwendet werden, es ist etwas, das Sie Berichte gesehen haben, die Menschen an ihre Manager senden, gemacht in Excel, die bestimmte Ergebnisse zeigen würde, die Unternehmen gemacht hat , und die Person, die diese Daten Visualisierungen, Wir halten es normalerweise ganz einfach und unkompliziert und nicht-interaktiv, nur um die Botschaft zu vermitteln, die sie vermitteln wollen, richtig. Gleiches gilt für die Nachrichten, sie werden ihre Geschichte haben und sie werden Datenvisualisierung verwenden, um diese Geschichte zu unterstützen und nur einen Beweis dafür, dass das, was sie sagen, auch wahr ist, und uns eine Art visuelle Darstellung geben , die dem Betrachter hilft, zu verstehen, was los ist. Jetzt sind diese Dinger nicht interaktiv. Sie könnten sie auch auf News-Websites setzen und sie interaktiver machen, wenn Sie möchten. Wenn du entwerfst, willst du auch herausfinden, okay, wie balanciere ich diese beiden aus? Möchte ich etwas sehr informatives machen? Haben Sie eine bestimmte Geschichte zu erzählen? Ich möchte, dass der Benutzer dieser Geschichte tatsächlich nur folgt, oder möchte ich ihnen völlige Freiheit geben und sie Daten so untersuchen lassen, wie sie wollen? Also gibt es diese verschiedenen Ansichten Fälle auch für diese beiden, Sie müssen herausfinden, wie Sie das ausbalancieren können. Etwas kann irgendwie informativ und geschichtenorientiert sein. Aber es kann immer noch einige Interaktivität geben, die der Benutzer handeln muss , um durch die Geschichte zu gehen. Du führst sie irgendwie durch die Daten. Auf der anderen Seite haben Sie nur die völlige Freiheit, wo Sie sie einfach erkunden lassen, aber es ist fair wird sehr schwer für einen Benutzer zu finden, wonach er sucht, weil er vielleicht nicht einmal weiß, wonach er sucht. Es hängt also von Ihrer Zielgruppe ab und hängt davon ab, was das Ziel ist. Wenn es sich um erfahrene Benutzer handelt, gibt es eine große Chance, dass Sie es exploritativ machen möchten, wenn es nur Ihre allgemeine Zielgruppe ist, werden Sie ihre Hand halten wollen und Sie werden steuern wollen , was sie sehen und wie Sie von einem bekommen zeigen Sie auf den anderen. 6. Dataviz und Geräte: Wenn Sie entwerfen, müssen Sie Geräte denken. Weil eine Datenvisualisierung immer auf irgendeiner Art Bildschirm vorhanden ist. Jeder Bildschirm hat sein eigenes Potenzial, hat seine eigenen Einschränkungen, und Sie müssen auf jeden von ihnen gerecht werden. In der Regel im Tempo mit der Datenvisualisierung, wird es keine Einheitsgröße geben. Es ist nicht wie mit Responsive Design, wo Sie in der Lage sein werden vielleicht nur ein wenig kleiner zu machen, es wäre in Ordnung, nein, wenn Sie mehr vorabgeschirmte Immobilien haben, möchten Sie wahrscheinlich das verwenden, weil der Bildschirm wird der Grund sein, warum Sie tatsächlich dafür entwerfen. Ich gebe Ihnen ein Beispiel. Wenn Sie für Ihre Uhr entwerfen, möchten Sie es so einfach wie möglich machen. Es muss klein sein, jemand muss sofort verstehen. Du darfst nicht allzu viele Details hineinlegen. Wenn Sie für verschiedene Bildschirme entwerfen, müssen Sie denken, okay, nicht nur den Bildschirm Estate, sondern in welchem Kontext der Benutzer diesen Bildschirm tatsächlich verwenden wird? Wenn es eine Uhr ist, wird es wahrscheinlich ein Blick sein. Die Leute werden einfach schnell auf ihre Uhr schauen und wegschauen. So möchten Sie es einfach halten, halten Sie die Informationen sehr begrenzt. Nun, wenn du durch ein Telefon gehst, gibt es mehr Interaktion. Also müssen Sie denken: „Okay, vielleicht ist dieser Anwendungsfall besser für die Interaktion. Die Person hat mehr Zeit, um die Visualisierung zu betrachten, um die Visualisierung zu erkunden, aber Sie sind immer noch begrenzt im Bildschirmbereich. Das wirkt sich also auch auf Ihr Design aus. Wenn Sie einen größeren Bildschirm betrachten, wie zum Beispiel einen Desktop-Bildschirm, haben Sie mehr Platz auf dem Bildschirm, so dass Sie mehr Möglichkeiten haben, interessante Dinge zu tun und Sie können es interaktiver machen. Es geht über nur reguläre Bildschirme hinaus. Sie können über Displays in Autos nachdenken, Sie können über öffentliche, große kommerzielle Displays nachdenken. Diese haben alle verschiedenen Anwendungsfälle wieder als gut. Ich hatte das schon erwähnt, es gibt auch Ambient-Displays, die Displays sind, die in Ihrer Peripherie existieren. Sie könnten sogar denken, dass Ihr Dashboard etwas Ambient ist, weil es nicht etwas ist, das Sie die ganze Zeit beobachten sollten. Sonst werden Sie Unfälle haben. Die Sache gibt es, die Design-Regeln dort sind völlig anders, weil Sie den Benutzer nicht ablenken möchten. Sie möchten Informationen wirklich schnell geben und Sie können sie sogar mit Ihrer Uhr vergleichen. Sie müssen Informationen wirklich schnell geben, aber Sie müssen eine Ablenkung so gering wie möglich haben. Denn wenn Sie ablenken, dann ist der Punkt und es ist mehr auf dem Umgebungsdisplay. Kurz gesagt, es ist nicht nur der Benutzer und seine persönlichen Bedürfnisse, über die Sie nachdenken müssen, Sie müssen über den Kontext nachdenken, in dem sie tun, was sie tun. Wenn sie an einem bestimmten Arbeitsplatz sind, wo es große Bildschirme, kleine Bildschirme, wo es viele Gefahren gibt, hängt es davon ab, wie kompliziert Sie die Visualisierung machen können, wie viel Ablenkung Sie verursachen können, oder wie wenig. Damit kommt auch, wie viele Informationen Sie in eine Visualisierung einfügen können. Wenn alles gut gelaufen ist, haben Sie bereits ein Thema für Ihr Projekt. Sie nun sicher, dass Sie auch darüber nachdenken, wie der Kontext sein wird , in dem diese Lösung, an der Sie arbeiten, verwendet wird. Wird jemand in seinem Bett sitzen, kann auf seinem Handy überprüfen oder wird er eine Uhr benutzen, würde er in seinem Auto sitzen, in der Bibliothek arbeiten, vielleicht am Arbeitsplatz, vielleicht in einer Fabrik. Denken Sie sehr gut darüber nach. Auch wenn Sie Ihre Fragen für Ihre Fragebögen erstellen, was Sie in der nächsten Lektion tun werden. 7. UX Benutzergeschichten, Storyboards und Anwendungsfälle: Ich hoffe, Sie haben viele interessante Rückmeldungen von Ihren Teilnehmern erhalten. Ich hoffe, Sie haben eine Menge Ideen, und ich hoffe, dass Sie jetzt ein besseres Verständnis für das Problem haben. Ich werde Ihnen nicht erklären, wie ich das wissenschaftlich verarbeiten soll, ich komme aus einem akademischen Hintergrund, und wir wurden nur dazu ausgebildet, aber ich glaube nicht, dass das hier sehr notwendig ist. Sie könnten eine statistische Analyse durchführen wenn Ihr Kunde aus irgendeinem Grund erfordert, aber in der Regel in einem professionellen Umfeld, Zeit ist von entscheidender Bedeutung, Sie müssen nur alle seine Daten zu greifen und gehen Sie durch diese schnell wie möglich, und versuchen Sie, eine Vorstellung davon zu bekommen, was Benutzer tatsächlich wollen. Jetzt können Sie versuchen, dies ein wenig zu kategorisieren und lassen Sie es Ihre Entwürfe sicher führen. Dennoch können Sie bestimmte Ideen oder spezifische Kritiken von einem Benutzer ignorieren, haben nur einen sehr guten Grund, warum Sie das tun. Nun werden wir einige Möglichkeiten durchlaufen, um diese Informationen in einem nutzbaren Format zusammenzufassen, damit Sie Ihre Entwürfe fortsetzen können. Eine Möglichkeit, dies zu tun, besteht darin, Personas, Anwendungsfälle, User Stories und Storyboards zu verwenden . Dies ist eine Möglichkeit, all diese Informationen zu erfassen und zu versuchen, sie in verschiedene Eimer zu legen, und zu versuchen, zu verstehen, was sind die verschiedenen Fälle hier und wie soll ich sie angehen? Welches soll ich anpacken? Welche sind wichtig? Auch, um eine bessere Vorstellung von den Kontexten zu bekommen, über die wir zuvor gesprochen haben. Es gibt verschiedene Möglichkeiten, Personas und Anwendungsfälle zu definieren, User Stories und wie Leute sie benutzen, aber wir werden nur einen Weg abdecken, und das sollte gut sein, weil wir nur die Arbeit richtig erledigen wollen. Aber wenn Sie einer anderen Methode folgen möchten, ist das auch in Ordnung. Was wir wollen, ist, dass du am Ende dieser Klasse ein erstaunliches Mock-up kreierst. Jetzt ist es an der Zeit, mit dem Erstellen von Personas zu beginnen. Was ist eine Persona? Per Definition ist eine Person eine fiktive Figur, die Sie basierend auf Ihren Recherchen erstellen, um die verschiedenen Benutzertypen darzustellen, die Ihren Service, Ihr Produkt, Ihre Website oder Ihre Marke in ähnlicher Weise nutzen könnten . Das Erstellen von Personas hilft Ihnen, Ihre Benutzerbedürfnisse, Erfahrungen, Verhaltensweisen und Ziele zu verstehen . Das ist ein bisschen ein Bissen voll. Wir wollen alle Teilnehmer nehmen, die Sie haben, und alle Informationen, die sie haben, und stellen Sie sich diese fiktiven Charaktere vor, die ein paar von ihnen umfassen. Wenn wir 10 Teilnehmer hätten, könnten wir mit einem oder zwei Personas enden. Was wir tun, ist, dass wir jeder Person einen Namen und einen Hintergrund geben. Persona könnte so etwas wie : „Das ist Jenny, und sie lebt in New York City. Sie hat viele Jahre mit ihren Finanzen zu kämpfen, und es scheint mit X, Y, Z zu tun, und sie sucht nach einer Lösung für A, B, C“ Sie können sehr tief ins Detail gehen, Sie können ihnen eine kleine Hintergrundgeschichte geben, aber Sie müssen sicherstellen, dass Sie verstehen, woher sie kommt. Es muss sich wie eine echte Person mit echten Problemen fühlen, und diese Probleme kommen aus allen Daten, die Sie von Ihren Benutzern erhalten. Sobald Sie Ihre Personas haben, möchten Sie sich Ihre User Stories ansehen, und das sind Geschichten, die tatsächlich das Problem erklären, das sie haben und sie versuchen zu lösen. Wir versuchen herauszufinden, was ihr Ziel ist. Normalerweise sind diese im Format geschrieben, As x, Ich möchte Y tun, so kann ich Z. erreichen Das ist die Idee. Sie erstellen ein paar davon, und dann haben Sie richtige User Stories, die Ihnen auch helfen, Ihr Design zu lenken. Sie möchten diese spezifischen Probleme lösen. Diese müssen in Ihrem Datenvisualisierungsdesign gelöst werden. Versuchen Sie, eine Reihe von diesen pro Person zu finden, und dann fügen Sie sie vielleicht in ein paar Teilmengen zusammen, in denen Sie mögen, es deckt tatsächlich alle Details und all die verschiedenen Benutzergeschichten ab, die ich brauche. Vielleicht können Sie sie auch kategorisieren und sagen, dass diese eher mit diesen Problemen zusammenhängen, die diese Person hat, oder diese sind eher mit der Art von Problem verwandt. Jetzt haben wir bereits über Kontext gesprochen, und etwas, das Ihnen bei diesem Prozess helfen kann, ist das Erstellen von Storyboards. Diese können sehr einfach sein, wie vielleicht zwei, drei, vier Panels sind einfach in Ordnung, aber Sie zeichnen tatsächlich, keine Sorge, wenn Sie nicht zeichnen können, Sie müssen nicht in der Lage sein, zu zeichnen, Sie können Zeichnen Sie Strichfiguren, wenn Sie möchten, aber Sie möchten, um die Situation dieser Person zu zeichnen und wie er tatsächlich Ihr Werkzeug verwendet, um zur Lösung zu gelangen. Angenommen, Sie erstellen ein Armaturenbrett für ein Auto. Sagen wir, Panel eins ist, ich stecke im Straßenverkehr fest. Ich sitze da in meinem Auto, ich fahre und bin einfach im Straßenverkehr stecken, und ich bin wirklich verärgert. Das nächste Panel könnte etwas mit wenig Erklärung sein, dass ich im Verkehr stecken und es ist wirklich nervig, weil ich an Platz X muss. Ich muss wissen, wann ich dort ankomme. Das nächste Panel wäre, diese Person kann auf ihrem Telefon oder auf ihrem Armaturenbrett sein, um die Informationen zu erhalten, oder berühren Sie es, oder erhalten Sie die Informationen, die sie über die Zeit der Ankunft wollen. Dann im nächsten Frame sehen Sie, dass sie glücklich sind, weil ihr Problem gelöst wurde. Dies ist ein sehr einfaches Beispiel, aber so funktionieren Storyboards. Wir haben die Person in bestimmte Kontexte gebracht, was bedeutet, jetzt wissen wir auch, wofür wir entwerfen müssen. Wir wissen, dass der Kontext ein Auto ist, also arbeiten wir nicht, zum Beispiel für einen Computerbildschirm. Wir haben uns einiges auf den Benutzer konzentriert. Selbst in den Storyboards haben wir uns immer noch auf den Benutzer konzentriert, obwohl es eine kleine Interaktion gab, oder mit einem kleinen Panel erklärt, dass sie Ihr Tool verwenden oder Ihre Visualisierung verwenden, möchten wir uns jetzt konzentrieren mehr darüber, wie das Design tatsächlich aussehen wird, oder was es tun wird. In Anwendungsfällen können Sie sich mehr auf die tatsächlichen Bildschirme konzentrieren, die Sie entwerfen werden. Wenn es sich um eine interaktive Datenvisualisierung handelt, könnten Sie darüber nachdenken „Der Benutzer tut x, y und z, um das Problem zu lösen, das er versucht.“ Wenn Sie beispielsweise Google Maps verwenden würden, möchten Sie eine bestimmte Stadt finden, dann würden Sie sagen, der Benutzer öffnet die App, der Benutzer gibt einen bestimmten Namen der Stadt ein, grün wäre, die Karte wird geladen, und dann bewegt es sich in die Stadt und zoomt hinein. Das sind all diese verschiedenen Schritte. Wenn Sie immer noch statische Daten machen, sagen wir, Sie machen eine Infografik, es ist immer noch möglich, weil Sie sagen könnten, ein Benutzer wird immer Ihre Visualisierung durchlaufen, es ist nicht so, als würden sie alle Informationen auf einmal, so könnte man sagen, „Dies ist die Gesamtansicht“, und dann wird die Aufmerksamkeit des Benutzers auf diesen Teil gezogen und dann bewegen sie sich durch die Visualisierung. Sogar diese Schritte sind wichtig, um darüber nachzudenken, denn das wird auch wieder definieren, wie Sie Ihre Visualisierung gestalten werden. 8. Hands-on! Verarbeiten deines Feedbacks: In dieser Lektion werden wir Sie nur bitten, einige Personas basierend auf den Daten zu erstellen, die Sie haben. Es geht eigentlich um die Verarbeitung Ihrer Daten. Wenn Sie das schon getan haben, ist das großartig. Sie können sie in Personas verwandeln. Wenn Sie es noch nicht getan haben, bedenken Sie die Personas, wenn Sie Ihre Daten durchlaufen. Es wird das Leben ganz einfach machen. Erstellen Sie einige Personas, denken Sie über die User Stories nach, und erstellen Sie einige Storyboards, wenn Sie möchten, und erstellen Sie einige Storyboards, wenn Sie möchten, und stellen Sie sicher, dass Sie sie teilen, denn es macht immer wirklich Spaß, zu sehen, was die Schüler kommen. Es wird anderen Leuten auch gute Ideen geben, wie man die Storyboards macht. Wenn Sie bereits einige Entwürfe erstellt haben, diese gerne in der Klasse teilen. 9. Dataviz Grundlagen: Beginnen wir mit einigen richtigen Grundlagen der Datenvisualisierung. Ich werde nicht erklären, was ein Balkendiagramm oder ein Kreisdiagramm ist. Ich bin sicher, dass Sie diese online oder im Fernsehen gesehen haben. Sie sind ziemlich häufig. Was ich möchte, dass Sie lernen, ist, was sind die Grundlagen, die diese Visualisierungen funktionieren lassen, richtig? Konzentrieren wir uns zuerst auf etwas, das Gestaltprinzipien genannt wird. Gestaltprinzipien erklären, wie wir Dinge wahrnehmen. Es gibt eine Reihe von diesen, die wir beim Erstellen von Datenvisualisierungen verwenden können. Ich werde ein paar dieser Prinzipien durchgehen. Zuallererst haben wir Nähe oder wenn die Dinge nahe beieinander liegen, sehen wir sie als gruppiert. Das ist eine Möglichkeit, diese Gruppen von Datenpunkten zum Beispiel zusammengehören zu zeigen . Eine andere Möglichkeit, dasselbe zu tun, ist Ähnlichkeit, wenn die Dinge gleich aussehen, nehmen wir sie als gehören zur gleichen Gruppe wahr. Wenn wir Dreiecke und Kreise über den Bildschirm verstreut haben, werden wir die Dreiecke sofort als einen bestimmten Typ oder eine bestimmte Gruppe und dasselbe für die Kreise identifizieren . Jetzt ist eine weitere unkompliziertere Möglichkeit die Verwendung von Gehäuse. Wenn Sie über eine Gruppe von Elementen verfügen und einen Rahmen um diese Elemente erstellen, werden diese auch gruppiert, oder? Das ist ganz offensichtlich. Das ist auch eines der Gestaltprinzipien. Dann gibt es Verbundenheit. Wenn die Dinge miteinander verbunden sind, nehmen wir sie auch als zueinander zu gehören haben eine Beziehung zueinander. Wenn Sie Animation verwenden möchten und wir animieren Objekte und wir haben Objekte in die gleiche Richtung mit der gleichen Geschwindigkeit zu bewegen. Wir nehmen sie auch als gruppiert wahr , und das nennt man das Prinzip des gemeinsamen Schicksals. Wir haben eine Visualisierung aufgerüstet. Ich möchte wissen, was ich zu erreichen versuche? Versuche ich, eine Distribution zu zeigen? Versuche ich, Ordnung zu zeigen? Versuche ich, Beziehungen zwischen verschiedenen Datenpunkten anzuzeigen. Möchte ich verschiedene Arten von Werten miteinander vergleichen? Oder reden wir über die Lage? Zum Beispiel, Karten, das ist ein offensichtlicher. Je nachdem, was Sie tun möchten, haben wir auch verschiedene Methoden, dies zu tun, oder? Zum Beispiel, wenn Sie sehr genau sein wollen und wollen, dass Menschen Dinge vergleichen, Position und Länge waren gut griddy, als wären wir sehr gut im Vergleich der Länge verschiedener Objekte. Sicher, wenn sie alle vom selben Punkt ausgehen. Wenn Sie über eine Achse verfügen und Sie Ihre Balkendiagramme starten, z. B. von demselben Punkt in Reihe, um Entfernungen zu vergleichen. Wir sind auch ziemlich gut darin, Winkel zu vergleichen. Wenn Sie bestimmte unterschiedliche Pisten haben, die wir tatsächlich auch vergleichen können, nicht so gut wie Link obwohl. Dies sind gute Methoden für die Genauigkeit. Aber sobald man anfängt, Dinge wie zum Beispiel zu verwenden, wird Oberfläche schwieriger für die menschliche Wahrnehmung, um tatsächlich zu verstehen, was vor sich geht. Denn wenn man zum Beispiel zwei Kreise hat , wenn sie eine sehr kleine, eine sehr große sind , können wir sagen, okay, das ist deutlich größer und für diese Schätzungen funktioniert das gut. Aber wenn wir zwei Kreise vergleichen, die fast gleich groß sind, wird es wirklich schwer zu sehen. Wenn Sie genau wissen wollen, was die Unterschiede zwischen diesen, müssten Sie die beiden Oberflächenwerte berechnen, was wir nicht einfach in unserem Kopf tun können. Farbton ist für uns noch schwieriger, genau zu vergleichen. Es wird verwendet und Sie können es gut verwenden, es sei denn, Sie möchten, dass die Leute eine sehr korrekte Schätzung dessen haben, was vor sich geht. Das sind eigentlich weitere Grundlagen, um Sie mit all diesen Dingen zu beginnen. Sie können beginnen, Ihre eigenen sehr interessanten Visualisierungen zu erstellen, und es gibt viele Beispiele gibt, und Sie können versuchen, diese zu modifizieren und sie miteinander zu mischen. Aber ich fordere Sie auf, darüber nachzudenken, wie Sie tatsächlich all diese kleinen Gesetze und all diese kleinen Tricks missbrauchen können, um Ihre eigenen sehr interessanten Visualisierungen zu erstellen. Es gibt diese eine wirklich lustige Sache zu tun, wenn Sie das Gefühl haben, es ist, zwei Zahlen zu nehmen , sagen wir, Nummer vier und Zahl sogar und versuchen , sie auf all diese verschiedenen Arten zu visualisieren. Wir haben Workshops zu diesen gemacht und es gibt unbegrenzte Möglichkeiten, es tatsächlich zu visualisieren. Wenn Sie Lust haben, würde ich Ihnen raten, das auszuprobieren. Es könnte Ihnen auch einige Inspiration für Ihr Projekt geben. Hier sehen Sie eine Reihe von Beispielen, die wirklich über das hinausgehen, was Sie normalerweise von der Datenvisualisierung erwarten. Ich liebe diese Prüfungen. Ich werde die Links auch in die Notizen einfügen, weil sie toll aussehen, aber sie zeigen auch tatsächlich viele Informationen auf eine sehr einzigartige Art und Weise. Ich rate Ihnen, wenn Sie mehr Inspiration wollen und gehen Sie auf Pinterest überprüfen. Es gibt tatsächlich viele nette Screenshots auf Pinterest. Nicht alle von ihnen sind perfekt. Einige sehen wirklich gut aus, aber vergessen Sie zum Beispiel diese Gesetze, die wir gerade gesehen haben, und machen diese Fehler, die den Benutzer tatsächlich verwirren, die Ihnen tatsächlich nicht wirklich helfen, irgendwelche richtigen Einblicke zu bekommen, aber immer noch ist es großartig für Inspiration. 10. Dataviz: Wie nicht!: Jetzt ist es sehr einfach, schlechte Visualisierungen zu machen, und ich hoffe irgendwie, dass deine Absichten gut sind, aber viele Leute haben sie tatsächlich missbraucht, um Dinge zu zeigen, die nicht wirklich wahr sind. Ich werde mir ein paar Beispiele ansehen. Die einfachste und am meisten missbräuchliche Datenvisualisierung ist das Balkendiagramm. Ich habe dies in der vorherigen Lektion erwähnt, dass wir gut darin sind, Unterschiede in der Länge zu vergleichen, wenn wir an der gleichen Achse beginnen, was oft neue Seiten tun werden, ist, dass sie ihren Wert bei sagen , 50 beginnen und dann Werte wie 50.2 mit 50,7 Prozent. Aber das Problem ist, dass die Skala völlig ausgeschaltet ist, weil wir nicht bei Null beginnen, und das ist eine Möglichkeit, Ihr Publikum zu betrügen. Also hören Sie viele Leute sagen, Tortendiagramme sind böse, oder? Normalerweise haben sie recht. Wenn wir eine Reihe von Werten in einem Kreisdiagramm haben, wird es schwierig, tatsächlich genau zu sagen , welcher größer als der andere ist, wenn die Werte nahe beieinander liegen. Wenn es einen großen Unterschied gibt, ist es in Ordnung. Nehmen wir an, Sie haben zwei Werte in einem Kreisdiagramm, und die Unterschiede sind riesig, dann funktioniert es gut. Wenn die Werte nahe beieinander liegen, ist es sehr schwierig, diese Unterschiede tatsächlich zu sehen, also verwenden Sie sie in diesen Fällen nicht. Sie möchten sie auch nicht verwenden, wenn Sie mehrere Kreisdiagramme verwenden. Wenn Sie zwei Kreisdiagramme nebeneinander haben, und Sie möchten die Winkel in diesen beiden verschiedenen Kreisdiagrammen vergleichen. Es wird wirklich schwierig, diese Werte zu vergleichen, tun Sie das auch nicht. Ein weiterer großer Fehler und eine, die wieder Nachrichtenkanäle sind bekannt, richtig zu tun, ist die falsche Verwendung der Oberfläche. Nehmen wir an, wir haben eine Reihe von Kreisen und sie zeigen verschiedene Werte an, viele Leute basieren die Größe des Kreises abhängig von ihrem Radius. Wenn also etwas doppelt so groß ist, sagen wir, wir haben Wert 2 und wir haben Wert 4, was sie tun, ist, dass sie den Radius mit zwei multiplizieren und plötzlich haben Sie eine sehr große Oberfläche. Das ist eine Verzerrung der Realität. Der Vergleich ist nicht mehr fair. Was Sie tun müssen, ist, dass Sie die Oberfläche berechnen müssen, dann werden Sie sehen, dass der Unterschied in der Größe des Kreises viel kleiner wird. Das sind also nur ein paar Beispiele. Ich fordere Sie dringend auf, auf sie zu achten, die Nachrichten zu überprüfen, Zeitungen und Websites zu überprüfen, die tatsächlich missbraucht werden, und rufen Sie sie aus, weil es eine gute Chance gibt oder es mit Absicht zu tun, und wenn nicht, können sie jetzt von ihren Irrtümer. 11. UX x Dataviz: Skizze und Design: Okay, also fangen wir an, zu skizzieren. Jetzt kann das auf dem Papier sein, das kann Ihr iPad sein, es spielt keine Rolle, solange Sie frei zeichnen können. Sie wollen keine spezifischen Werkzeuge verwenden oder sich zu viel Zeit nehmen, Sie wollen nur wirklich schnell skizzieren. Vielleicht haben Sie dies bereits getan, als Sie Ihr Projekt gestartet haben. Ich fordere Sie dringend auf, mit all den Informationen, die wir jetzt gesehen haben, so viele Ideen wie möglich zu erforschen. Suchen Sie online nach Inspiration, denken Sie darüber nach, was Sie mit Ihren Daten tun können. Denken Sie darüber nach, wie Ihre Benutzer es verwenden könnten, zeichnen Sie einfach so viele Ideen wie möglich. Sie machen es auf dem Papier, weil es einfach viel einfacher zu iterieren ist, Sie werden nicht so viel zurückhalten, wenn Sie etwas falsch machen, Sie können einfach von vorne anfangen. Jetzt, wenn Sie genug Ideen haben, versuchen Sie, ein oder zwei auszuwählen, die Sie verfeinern werden, und dann nur vielleicht, wenn Sie möchten, zeichnen Sie sie wieder, aber verwenden Sie richtig ein Lineal, verwenden Sie einige Farben, aber immer noch nicht zu viel Anstrengung in ihm. Das Problem ist, wenn Sie sich zu viel Mühe machen, wollen Sie wahrscheinlich nicht von vorne anfangen, also würden wir das immer noch sehr kurz und sehr schnell halten wollen. Nun, wenn Sie diese getan haben, ist es keine schlechte Idee, einige der Teilnehmer, die Sie zuvor hatten, zu gehen und ihnen zu zeigen und die Ideen, die Sie haben, durchzugehen. Gehen Sie zu Ihren Benutzern, erhalten Sie Feedback und gehen Sie zurück zum Zeichenbrett. Tun Sie es so ein paar Mal, bis Sie sehen, dass okay das funktioniert tatsächlich, Leute verstehen meine Idee, es beginnt Sinn zu machen, sie sehen Wert, sie sehen Nutzen in dieser Idee. Sobald Sie da sind, können wir zum digitalen Skizzieren übergehen. Jetzt mit digitalem Skizzieren, was ich eigentlich meine, ist, dass wir ein digitales Mock-up erstellen werden, es kann immer noch sehr einfach sein. Was wir tun wollen, ist, dass wir ein Minimum praktikable Mock-up schaffen wollen. Ich möchte, dass Sie die Formen Ihrer Visualisierung in einer digitalen Umgebung erstellen. Ich möchte nicht, dass Sie zu viel Mühe machen, pixelperfekt zu werden, das ist immer noch eine grobe Skizze, also verwenden Sie einfache Formen, verwenden Sie einfache Farben. Es muss nicht hübsch sein, es muss nur eine bessere Iteration dessen sein, was Sie vorher hatten. Halten Sie es wieder einfach, weil wir gehen, um dies zurück zu den Benutzern, und wir werden Feedback zu bekommen und wir müssen es ändern. Okay, wenn Sie mit dem Skizzieren fertig sind und Sie genug Feedback von Ihren Benutzern haben, ist es Zeit, eine digitale Version zu erstellen, oder Sie können so ziemlich jedes Werkzeug verwenden, das Sie wollen, was Sie sich wohl fühlen. Ich würde etwas wie Figma raten, es gibt Sketch, wenn Sie einen Mac verwenden. Es gibt Affinity Designer, wenn Sie ein iPad verwenden, Illustrator auf jeder Plattform, verwenden Sie alles, was Sie sich wohl fühlen. Wenn ich raten würde, wenn Sie keines dieser Werkzeuge kennen, schauen Sie sich vielleicht Figma an, weil es an vielen Orten zum Standard wird. Aber wenn Sie bereits ein Werkzeug haben, bleiben Sie dabei, versuchen Sie nicht, ein neues Werkzeug zu lernen. Finde einfach etwas, wo du wirklich bist, wo du diesen Prozess wirklich schnell durchlaufen kannst. Ich fordere Sie auf, etwas zu verwenden, mit dem Sie schnell sind, damit Sie sich nicht wieder schlecht fühlen, wenn Sie iterieren , es ändern und alles wegwerfen und neu anfangen. Denn wenn Sie gut mit dem Werkzeug sind, wird es Ihnen nichts ausmachen, das tatsächlich zu tun. Ich persönlich nutze die Affinity Designer-App auf dem iPad Pro. Ich finde es toll, dass ich es überall hin mitnehmen kann, und ich kann einfach an diesen Entwürfen arbeiten, wann immer ich will. Mein Rat ist, was auch immer Sie sich wohl fühlen, verwenden Sie einfach dieses Werkzeug. Ich bin sicher, dass Sie eine viel bessere Zeit haben werden, diese Designs zu machen. 12. Hands-on! Beginne mit dem Skizzieren: Endlich fangen wir mit dem Design an. Holen Sie all diese Ideen da raus, legen Sie sie auf Papier. Sobald Sie bereit sind, wenn Sie denken, okay, ich habe ein paar von denen, die wirklich gut sind, ich möchte sie dem Benutzer zeigen, „verfeinern Sie sie zuerst ein wenig. Zumindest sind sie geklärt, sie sind einfach keine Kritzeleien und die Leute verstehen tatsächlich, was du ihnen zeigst. Achten Sie darauf, für die nächsten Lektionen zu bleiben, denn es wird lernen, wie man Feedback aufgrund richtiger Bewertungen mit dem Benutzer bezüglich Nützlichkeit und Benutzerfreundlichkeit erhält , und wie wir das nutzen können, um unsere Designs weiter zu iterieren. 13. UX Benutzerfähigkeit und Nützlichkeit: Jetzt ist es an der Zeit zu lernen, wie man diese Entwürfe bewertet. Jetzt haben wir bereits mit den Teilnehmern gesprochen, wir haben mit den Nutzern gesprochen, wir haben Feedback zu der ursprünglichen Idee erhalten. Jetzt haben wir ein Design, wir haben eine richtige ID auf Papier, die wir Feedback bekommen möchten. Jetzt gibt es zwei Dinge, die wir tun müssen, wir müssen auf Usability testen und wir müssen auf Nützlichkeit testen. Jetzt ist die Benutzerfreundlichkeit wichtig, weil Sie etwas schaffen möchten, das Menschen verwenden können. Sonst ist es sehr sinnlos. Aber es ist eine völlig andere Art zu bewerten, als zu versuchen, zu bewerten, ob etwas für einen Benutzer Sinn macht. Wie in, liefert es tatsächlich irgendeinen Wert überhaupt. Wir werden mit Usability beginnen, es gibt diese allgemeine Regel, die besagt, dass Sie etwa fünf Benutzer benötigen, um Usability Testing zu tun, es ist, weil nach fünf Benutzern die Menge der Fehler in Ihrem Design oder in Ihrer Schnittstelle, sie gehen nach unten, die gleiche Sache immer wieder auftaucht, es nützt nichts, mit mehr Benutzern als dem zu testen. Wenn wir über Usability sprechen, müssen wir uns auf ein paar Dinge konzentrieren. Es gibt Lernfähigkeit, wie einfach ist es für jemanden, Ihr Werkzeug zu lernen? Wie einfach ist es für jemanden, Ihre Visualisierung zu verwenden. Es gibt Effizienz, was bedeutet, wie effizient ist Ihre Anwendung? Wie effizient ist Ihre Datenvisualisierung? Muss ich zehn Mal klicken, um zu dem zu gelangen, was ich tun möchte? Muss ich zwei Mal klicken? Dies hängt alles davon ab, wenn Sie etwas für erfahrene Benutzer erstellen vielleicht müssen sie auf 20 Parameter klicken, bevor sie tatsächlich ihr Ergebnis erhalten. Aber wenn wir von einem gemeinsamen Benutzer sprechen, der nur durch ein Einkaufszentrum geht und einen riesigen Bildschirm mit der Visualisierung sieht, möchten Sie, dass sie die Informationen erhalten, die sie benötigen, so schnell wie möglich. Wenn sie zum Beispiel nach einem bestimmten Geschäft suchen, möchten Sie nicht, dass sie 20 Mal klicken , bevor sie den Shop oder zum Beispiel die große Karte finden. Dann gibt es Einprägnierbarkeit, wie effizienter etwas ist, oder einfacher es zu benutzen ist. Wie einfacher sie sich auswendig lernen , wie sie tatsächlich die Schritte machen, die sie tun sollen. Jetzt, um all diese Dinge zu bewerten, können Sie Fragebögen verwenden, jetzt werde ich einige in die Notizen setzen. Es gibt viele standardisierte Fragebögen, die Sie verwenden können , um Feedback zu diesen spezifischen Artikeln zu erhalten. Es gibt einen SUS-Fragebogen, der sehr berühmt ist , den Sie tatsächlich als Fragebogen verwenden können, um Feedback zur Benutzerfreundlichkeit zu erhalten. Was Sie tun können, ist, dass jede Iteration Ihres Designs denselben Fragebogen verwendet, und es gibt Ihnen einen Zahlenwert, den Sie vergleichen können. Wenn der Wert steigt, bedeutet dies, dass Ihr Design nutzbarer wird. Wenn es heruntergeht, bedeutet das, dass es weniger nutzbar wird. Sie nun daran, dass Sie während einer Iteration manchmal eine Funktion hinzufügen, so dass die Benutzerfreundlichkeit sinkt. Es liegt daran, dass Sie Ihr Design kompliziert haben, was in Ordnung ist. Aber die Frage ist, wie bekomme ich diese Benutzerfreundlichkeit wieder? Nun können Sie neben Fragebögen auch etwas verwenden, das als Think-aloud-Protokoll bezeichnet wird, und es ist sehr ähnlich dem, was wir zuvor gesehen haben, ist, dass Sie einen Benutzer mit Ihren Designs ablegen und ihnen einfach sagen: „Okay, gehen Sie durch mein Design und sagen Sie was Sie sehen, denken Sie laut nach, sagen Sie alles, was Sie denken, in Ihrem Kopf.“ Sie können das aufzeichnen. Stellen Sie sicher, dass Sie ihre Zustimmung für die Aufnahme erhalten. Sie können Notizen aufschreiben, was sie sagen, wenn sie laut denken, können Sie tatsächlich sehen, was sie denken, wo sie stecken bleiben, was sie mögen, was sie nicht mögen, aber tun Sie machen Sie Ihren Teilnehmern klar, dass es nie ihre Schuld ist. Wenn etwas nicht funktioniert, wenn sie etwas nicht mögen, wenn sie nicht mit etwas arbeiten können, dann sind die Designs Fehler. Sie machen Fehler, weil sie nicht verstehen, was Sie versuchen zu tun, und Sie müssen von ihnen lernen. Wenn Sie Ihre Teilnehmer glücklich machen wollen, stellen Sie sicher, dass sie es wissen, es nie ihre Schuld ist. Nun, was Sie auch tun können, ist, dass Sie Eyetracking, was Sie mit Webcams tun können, nicht wirklich so gut funktioniert. Wenn Sie die Hardware dann großartig haben, können Sie es mit der richtigen Hardware tun, aber Sie können Eyetracking davon tun, wo sie suchen, was immer sehr interessant ist, auch bei statischen Designs, können Sie sehen, was tatsächlich greift ihre Aufmerksamkeit, können Sie Dinge sehen, die sie verpasst haben, Dinge, die sie nie betrachten, bestimmte Bereiche in Ihrer Datenvisualisierung, die nie Aufmerksamkeit bekommen. Es ist immer interessant zu wissen. Wir haben uns jetzt hauptsächlich auf Benutzerfreundlichkeit konzentriert. Nun, worauf wir uns konzentrieren wollen, ist Nützlichkeit. Mit Nützlichkeit möchten wir sicherstellen, dass das, was wir entwerfen, sinnvoll ist, für den Benutzer, für Ihre Zielgruppe nützlich ist. Es ist wieder wichtig, wie wir bereits gesagt haben, dass die Teilnehmer, dass sie sich erweitern, um ein breites Spektrum davon abzudecken, wie Ihre Zielgruppe aussehen würde. Wenn wir diese kleinen Iterationen durchlaufen, dann brauchen Sie keine große Menge an Teilnehmern. Aber sobald dein Design fertig ist, wenn du siehst: „Okay, wir kommen tatsächlich dorthin. Ich denke, das ist so ziemlich es.“ Dann ist es immer gut, eine abschließende Bewertung zu machen, bei der Sie es in die Wildnis legen und eine Menge Feedback von einer großen Anzahl von Teilnehmern online bekommen. Wir haben immer davon gesprochen, dass digitale Mockups sehr statisch sind, wir haben diese nur in Sketch oder in Illustrator entworfen, aber Sie könnten etwas wie Adobe XD verwenden um Ihre Designs zu erstellen, sie aber tatsächlich interaktiv zu machen. Die interaktive ist begrenzt, bis Sie klicken, Sie gehen zu einem anderen Bildschirm. Sie können sehr kleine Animationsaufgaben ausführen, aber diese Methode eignet sich hervorragend, um echtes Benutzerfeedback zu erhalten , wo Sie wirklich Replikation verwenden, ohne dass Sie zu viel involviert sein müssen. Wenn du das nicht willst, kannst du vielleicht die verschiedenen Designs ausdrucken oder sie auf dem Bildschirm zeigen und jemand sagt: „Okay, ich klicke dort.“ Sie gehen einfach zum nächsten Bildschirm oder Sie zeigen ihnen das nächste Papier, das tatsächlich funktioniert gut, es ist gut genug, um diese Art von Bewertungen zu tun. Das bedeutet auch, wenn Sie ein Visualisierungs-Mockup erstellen, das sehr interaktiv ist, müssen Sie in verschiedenen Phasen entwerfen. Sie könnten vielleicht einen Überblick haben, eine Reihe von Datenpunkten, und wenn jemand auf einen klicken würde, dann könnten Sie vielleicht darauf hineinzoomen und ein Design erstellen, in dem es vergrößert und viele weitere Informationen zeigt in Bezug auf den Datenpunkt, das ist ein Beispiel. Es gibt Beobachtung, wieder, wie in der Usability, wir können laut denken, wo sie nur sagen, was sie tun, und Sie können tatsächlich beobachten, wo sie stecken bleiben, welche Erkenntnisse bekommen sie? Was lernen sie aus Ihrer Visualisierung , lernen sie überhaupt etwas? Es ist nie eine schlechte Idee, Fragebögen vor und zu posten, die nur mündlich oder auf Papier sein können. Vielleicht möchten Sie sehen, wie viele Erkenntnisse es zu einem bestimmten Thema gibt , bevor sie eine Visualisierung sehen, und dann stellen Sie ihnen die gleichen Fragen nach, und Sie können vergleichen, ob es tatsächlich einen Unterschied gemacht hat. Haben sie mehr erfahren, indem sie sehen, wie Sie die Daten visualisieren , anstatt was Sie standardmäßig über dieses Thema wissen. Jetzt können Sie auch Mockups vergleichen. Manchmal werden Sie mit zwei oder drei oder vielleicht sogar vier Designs enden und Sie wissen nicht wirklich, welches das Beste ist. Jetzt ist es besser, dies nicht selbst zu wählen und es ist besser, Ihren Kunden nicht zu fragen, es ist eigentlich besser, zu Ihren Teilnehmern zu gehen und zu sehen, welche für den Benutzer am sinnvollsten sind. Nun, um das zu tun, machen Sie eine Vergleichsstudie, sehr wichtig ist, dass Sie es umschalten. Sie zeigen dem Benutzer zuerst Design A an, dann zeigen Sie Design B an und erhalten dessen Feedback. Jetzt wechseln Sie mit dem nächsten Benutzer um, zeigen Sie zuerst Design B an und zeigen dann Design A an, weil sie sich gegenseitig beeinflussen. Wenn sie ein Design sehen, wird es sie dazu bringen, anders über das zweite Design zu denken, es ist sehr wichtig, die herum zu wechseln. Es wird innerhalb des Themas Design aufgerufen, wenn Sie es mit einem Thema tun und nur umschalten, wenn Sie viele Teilnehmer haben, können Sie 20 Teilnehmer haben, die sich Design A ansehen, 20 Teilnehmer sehen Design B und dann einen Vergleich machen, das ist schwieriger zu tun. Innerhalb der Fachstudie ist es in der Regel viel einfacher zu erreichen. Bis zum endgültigen Auftrag. 14. Hands-on! Design, Bewertung und Iteration: Ok. Diese endgültige Aufgabe, werden Sie am Ende mit Ihrem letzten Mock-up. Es wird ziemlich viel Arbeit sein, je nachdem , wie viel Sie bereits in den vorherigen Aufgaben getan haben, aber was ich möchte, dass Sie zu einem letzten Modell kommen. Um das zu tun, werden Sie zu allen Schritten gehen. Sie haben bereits das Feedback zu Ihrer Idee erhalten. Sie wissen, was funktionieren wird, Sie haben bereits angefangen, einige Skizzen zu erstellen. Jetzt möchte ich, dass Sie mit Ihren Skizzen zu Benutzern gehen, Feedback erhalten und anfangen zu iterieren. Beginnen Sie zuerst mit der Iteration auf Papier, beginnen Sie dann mit der Iteration des digitalen Designs, das in Sketch, Illustrator, Affinity Design erstellt wird oder was auch immer Ihren Anforderungen entspricht. Benutze einen Haufen der Techniken, über die ich mit dir gesprochen habe. Machen Sie einige Beobachtungen, probieren Sie Fragebögen aus, versuchen Sie, welche Methoden in einer Situation funktionieren, in der Sie sich auch befinden. Stellen Sie einfach sicher, dass Sie über Ihre Designs iterieren, die Sie das Feedback verwenden, das Sie erhalten. Wenn Sie kein Feedback Ihrer Benutzer verwenden, stellen Sie sicher, dass Sie einen guten Grund haben, da Sie zu Ihren Benutzern zurückkehren müssen und erklären, warum Sie ihre Ideen nicht befolgt haben. Stellen Sie sicher, dass Sie so viele Teilnehmer wie möglich erhalten. Verwenden Sie das Feedback, das Sie von den Benutzern in Ihren Designs und Ihren Iterationen erhalten, gehen Sie zurück zu ihnen, erhalten Sie mehr Feedback und versuchen Sie, ein endgültiges Design zu finden, mit dem Sie sagen können, dass Sie zufrieden sind, aber mit dem Sie Ihre Benutzer sind auch zufrieden mit, sehr wichtig. Ich denke, es ist nicht wichtig, Usability zu tun wenn Sie Ihre Ideen skizzieren und zu Ihren Benutzern gehen, Sie wollen nur so viele Ideen da draußen bekommen und Sie wollen nicht durch technische Probleme oder Usability-Probleme zu sehr eingeschränkt werden . Sobald Sie Ihre Skizzen fertig gestellt haben, können Sie anfangen, über die Benutzerfreundlichkeit nachzudenken und das auch zu bewerten. Ich fordere Sie dringend auf, Ihre letzten Mock-ups in der Projektgalerie zu teilen, aber nicht nur das. Wenn du uns den gesamten Prozess zeigen kannst, beginne von der Idee über Skizzen, all deine verschiedenen Iterationen, bis hin zu deinem endgültigen Mock-up oder auch nur wenn dein Anfang und dein Ende auch großartig ist, deine Skizzen auf Papier und deine -Projekt. Ich werde mich sehr freuen, das zu sehen. Ich denke, dass Kommilitonen auch viel davon lernen würden. Wirklich neugierig, um Ihre Ergebnisse zu sehen. Viel Glück. 15. Zusammenfassung: Endlich haben wir das Ende dieses Crashkurses in der Datenvisualisierung und UX erreicht. Wir haben gelernt, wie man von einer ID kommt, um Benutzerfeedback zu erhalten und diesen gesamten Prozess der Benutzerforschung durchlaufen, um etwas zu schaffen, das für Ihre Zielgruppe wertvoll ist. Ich hoffe, Ihre Kreativität wurde verrückt und Sie haben einige erstaunliche Projekte erstellt , und ich bin wirklich aufgeregt zu sehen, was Sie in der Projekt-Galerie getan haben, und ich fordere Sie auf, auch den Prozess zu veröffentlichen, den Sie durchgemacht haben, und zeigen Sie uns Ihre ursprüngliche Ideen, Ihre ursprünglichen Skizzen, und wie es zu einem schönen endgültigen Datenvisualisierungs-Mock-up wurde . Sie fallen mein Profil, überprüfen Sie mich auf Twitter. Ich bin auch auf [unhörbar], wenn Sie mir dorthin folgen wollen. Wenn Ihnen die Klasse gefallen hat, hinterlassen Sie eine Rezension. Wenn Sie irgendwelche Gedanken darüber haben, wie sich diese Klasse verbessern kann, oder wenn Sie möchten, dass ich in zukünftigen Klassen noch tiefer in bestimmten Themen eingrabe , lassen Sie es mich wissen. Alle Rückmeldungen sind willkommen. Hoffe, Sie genossen diese Klasse und lassen Sie mich wissen, ob dies zu Ihnen in Ihrem Leben oder Karriere beigetragen hat in sowieso.