Design für die Zukunft: UI/UX-Prototyping | Patricia Reiners | Skillshare
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Design für die Zukunft: UI/UX-Prototyping

teacher avatar Patricia Reiners, UX/UI Designer // Innovation //

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Trailer

      1:54

    • 2.

      Kurs und Projektübersicht

      2:16

    • 3.

      Der Designprozess

      3:58

    • 4.

      Aufgabe: Ideenfindung in deiner Küche

      1:40

    • 5.

      Sieh mir bei der Arbeit zu: Ideenfindung

      4:30

    • 6.

      Was ist Prototyping?

      2:23

    • 7.

      Beispiele für Prototyping

      0:55

    • 8.

      Analoge Prototyping-Methoden

      7:06

    • 9.

      Aufgabe: Papie-Prototyping

      2:40

    • 10.

      Arbeite mit mir: Papier-Prototyping

      4:47

    • 11.

      Adobe Xd: Digitales Wireframing

      8:10

    • 12.

      Adobe Xd: Analoges Wireframing

      3:43

    • 13.

      Benutzertests vorbereiten

      5:08

    • 14.

      Abschließende Gedanken: Erkenntnisse und Tipps

      2:02

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

6.912

Teilnehmer:innen

12

Projekte

Über diesen Kurs

Prototyping ist eine Kernkompetenz im User-Experience-Design und ein leistungsstarker Ansatz für alle Designer und Kreativen. 

In diesem Kurs lernst du die Grundlagen der Prototypenerstellung, um die Funktionsweise von etwas für eine flüssigere Benutzerfreundlichkeit neu zu gestalten.  Wir behandeln alles, was du wissen musst, um Prototypen deiner Ideen zu erstellen, und leiten dich an, dein erstes UX-Projekt (User Experience) direkt im Zentrum deines eigenen Zuhauses zu erstellen, was natürlich deine Küche ist!

Kurz gesagt geht es beim Prototyping darum, durch das Testen deiner Ideen ein großartiges Nutzererlebnis zu entwerfen. Während wir die Schlüsselkonzepte und Best Practices behandeln, führst du Aktivitäten durch, um einen Papierprototypen zu erstellen, um die Funktionalität eines Geräts in deiner Küche zu verbessern. Außerdem behandeln wir die Grundlagen der digitalen Prototypenerstellung in Adobe Xd. Von dort aus kannst du den Prototyping-Ansatz in vielen Fällen anwenden, von digitalen Schnittstellen bis hin zu physischen Tools und Produkten.

Dies ist ein Kurs für Designer, Künstler, Vermarkter und alle anderen, die daran interessiert sind, Techniken des User-Experience-Designs anzuwenden oder ihre UX-Design-Karriere voranzutreiben.

  • Möchtest du erfahren, wie du deine großen Ideen testen kannst? 
  • Interessierst du dich für UX und möchtest du den Prozess besser verstehen?
  • Bist du kreativ oder designst und bist begierig mit dem ersten UX-Projekt zu beginnen?

Dieser Kurs ist gefüllt mit Tipps, Tricks und Erkenntnissen für alle Level!

Was ist ein Prototyp?

Ein Prototyp ist eine einfache, kostengünstige und effiziente Möglichkeit, Ideen schnell zu testen. Das Beste daran ist, dass du nicht viel Zeit benötigst, um einen effektiven Prototyp zu erstellen, aber es wird entscheidend dazu beitragen, dass du dein Design verbesserst, um eine größere positive Wirkung zu erzielen. Wir werden behandeln, wie man einen durchdachten Prototyp erstellt und ihn mit echten Benutzern testet.

Am Ende dieses Kurses hast du einen getesteten Papierprototyp, der angewendet werden kann, um die Funktionsweise deiner Küche zu verbessern. Du hast auch die Möglichkeit, deinen Papierprototyp in Adobe Xd in ein funktionierendes digitales Drahtmodell umzuwandeln.

Was du während des Kurses lernen wirst:

  • Die Grundlagen des Prototypings
  • Verschiedene Methoden für analoges Prototyping
  • So erstellest du einen digitalen Prototyp
  • Wie man Benutzertests durchführt

Arbeitsblatt:

  • Hier ist ein herunterladbares Arbeitsblatt, das mit den Aktivitäten für dein Kursprojekt übereinstimmt

Software (optional)

Triff deine:n Kursleiter:in

Teacher Profile Image

Patricia Reiners

UX/UI Designer // Innovation //

Kursleiter:in



Hello, I'm Patricia Reiners! I am a freelance UX/UI Designer based in Berlin, and I am running my own business. I have been in the design industry for over 9 years, having worked with many different brands and clients, including startups, but also some bigger corporates like Adobe or Google. Furthermore, I focus on interactive products like services, apps, and smart devices and I absolutely love to share knowledge through courses, talks, and workshops.

Free Guide for you

I have a little present for you! My free AI mini Training learn how to integrate AI in your design workflows.

Grab your free AI training here:

Vollständiges Profil ansehen

Skills dieses Kurses

Design UX/UI-Design Prototyping
Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Trailer: Hi. Mein Name ist Patricia Reiners, ich bin UX/UI Designerin mit Sitz in Berlin. Mein Fokus liegt darauf, interaktive Erlebnisse für die Zukunft für Online, aber auch für mobile Apps zu schaffen . Ich war in der Lage, mit vielen Unternehmen wie Google oder Adobe, aber auch Startups, Agenturen und Unternehmensunternehmen auf der ganzen Welt zu arbeiten . Meine Arbeit ist ständig auf der Suche nach neuen Möglichkeiten, Probleme für die Zukunft zu erforschen , zu entwerfen und zu lösen. Ich muss Wissen durch Vorträge, Workshops teilen, aber auch ich teile mein Wissen durch Podcasts, andere Quellen und Interviews. Der Podcast wird Future of UX genannt. Wenn ich Probleme für meine Kunden entwerfe und löse, muss ich schnell und einfach Prototypen erstellen, die Ideen schnell testen müssen. In diesem Kurs lernen Sie, wie Sie Ihre eigenen Ideen für Schnittstellen der Zukunft in Ihrer Küche entwickeln, wie Sie wirklich schnelle Prototypen bauen und mit echten Anwendern testen können. Wir werden alle Schritte des Prozesses durchlaufen , so dass es für Sie leicht sein wird, weiterzuverfolgen. Wir werden durch die Grundlagen des Prototypings sprechen und wir werden verschiedene Methoden lernen. Als abschließendes Projekt bauen Sie Ihren eigenen Prototyp für ein Objekt in Ihrer Küche. Jeder kann einen großartigen Prototyp bauen. Sie müssen keine besonderen Fähigkeiten kennen und es wird keine Codierung beinhalten. Dieser Kurs ist ideal für Designer, die gerade mit User Experience Design begonnen haben, oder für alle, die mit digitalen Produkten arbeiten. Lasst uns loslegen. 2. Kurs und Projektübersicht: Hallo und herzlich willkommen zum Kurs-Prototyping für zukünftige Schnittstellen. Ich bin [unhörbar] und ich bin Ihr Lehrer für diesen Kurs. Ich bin seit fast sieben Jahren in der Designbranche und arbeitete für viele verschiedene Kunden für viele Startups, aber auch für einige größere Marken wie Google und IKEA. Während meiner Zeit als Creative President bei Adobe habe ich digitale Schnittstellen erforscht und viele Produkte für die Zukunft entwickelt. Dieser Kurs enthält alle Umrisse, die Sie für einen übersichtlichen und produktiven UX-Prototyp benötigen . Sie erhalten ein Verständnis darüber, wie Sie Ihre Ideen schnell Prototypen erstellen und testen können, was Ihnen hilft, gute Designentscheidungen zu treffen, so dass die Fähigkeit, gute Prototypen zu bauen, für jeden Designer sehr wertvoll ist. Dies wird Ihnen helfen, Jobs zu bekommen und Zeit und Geld Ihrer Kunden zu sparen. Wir werden den Prozess in einzelnen Schritten unterbrechen, um die richtigen Erkenntnisse und das richtige Feedback zur richtigen Zeit zu sammeln . Sie werden in diesem Kurs an Ihrem Projekt arbeiten, Sie werden ein Problem finden, das Sie lösen möchten, skizzieren Sie die Benutzererfahrung und testen, ob Ihre Idee das Problem wirklich löst. Sie können entweder an Ihrem eigenen Projekt arbeiten oder einfach die Lektionen selbst verfolgen. Ich habe auch ein Arbeitsblatt für Sie vorbereitet, so zögern Sie nicht, das auszudrucken und das während des gesamten Kurses zu verwenden. Ich habe drei Übungen während des gesamten Kurses integriert und es ist super einfach, ihnen zusammen mit dem Arbeitsblatt zu folgen. Diese Klasse ist ideal für Designer, Vermarkter, Produktmanager, Entwickler und alle, die daran interessiert eine großartige Benutzererfahrung zu erstellen und ihre Ideen frühzeitig im Prozess zu testen. Sie erhalten ein umfassenderes Verständnis für das Testen Ihres Prototyps, das Ihnen ermöglicht, die Benutzererfahrung zu entwerfen , zu bewerten und zu iterieren. Sie werden auf jeden Fall viel lernen, aber Sie werden auch eine Menge Spaß haben. Das kann ich dir versprechen, also lass uns gehen. 3. Der Designprozess: Bevor wir mit dem Prototyping beginnen, möchte ich Ihnen mitteilen, warum Prototyping im User Experience Prozess so wichtig ist. Was ist User Experience und warum ist Prototyping so wichtig? User Experience, kurz UX, ist die Emotion und Einstellung einer Person über die Verwendung eines bestimmten Produkts, Systems oder Dienstes. Wenn wir Produkte entwerfen, ist es sehr wichtig, sicherzustellen, dass diese Produkte tatsächlich ein Problem für den Benutzer lösen und sie sind nützlich für den Benutzer. Andernfalls wird der Benutzer es nicht verwenden, so wirklich einfach. Mit einem Prototyp können Sie das am Anfang überprüfen, um sicherzustellen, dass Sie den richtigen Weg folgen. Wenn wir zurückblicken, viele Design-Teams die Wasserfallmethode verwendet. Dies ist eine Einbahnstraße mit nicht viel Feedback und Prototyping enthalten. Design-Teams haben in den letzten zehn Jahren erkannt, dass sie eine weitere bessere Möglichkeit sein müssen, Ideen zuerst zu testen und früh im Prozess zu realisieren, wenn die Dinge am Ende funktionieren , denn mit der Wasserfall-Methode, einmal ein Anwendung in der Testphase ist, ist es sehr schwierig, zurück zu gehen und zu ändern, was bereits in der Konzeptionsphase war. Keine funktionierende Software wird bis spät während des Lebenszyklus so hohe Risiken und Unsicherheit produziert . Der menschenzentrierte Designansatz ist sehr unterschiedlich weil der Mensch im Mittelpunkt des gesamten Prozesses für das gesamte Projekt steht und es hilft, mit Feedback so früh wie möglich umzugehen , da der Benutzer an jedem Schritt von den Prozess. Das Interessante hier ist, dass es bei diesem Ansatz darum geht, die gesamte Erfahrung während des gesamten Prozesses zu verbessern, hin und her und her zu gehen und wieder. Sie schließen Benutzerforschung in mehreren Schritten in Ihrem Projekt ein, dann ist es sehr wichtig, wirklich auf den Benutzer zu hören und ihre Bedürfnisse und Wünsche zu verstehen, und wirklich zu verstehen, was ihnen hilft dann ist es sehr wichtig, wirklich auf den Benutzer zu hören und ihre Bedürfnisse und Wünsche zu verstehen, und wirklich zu verstehen, was ihnen hilft, bestimmte Aufgabe oder in der Regel verstehen ihr tägliches Leben. Das hilft Ihnen am Ende, etwas zu entwerfen, das der Benutzer wirklich braucht. Es ist eine nichtlineare Methode, so dass Sie immer wieder zum Prototyping zurückkehren können. Ich mache eine Menge Tests und Prototyping für verschiedene Projekte. Hier können Sie einen Prototyp sehen, den ich für eine Augmented-Reality-Schnittstelle entworfen habe? Der Benutzer konnte durch verschiedene Ereignisse gleiten, entweder zustimmen oder sie entfernen und es funktionierte wirklich großartig mit dem ersten Papierprototyp, weil ich ein frühes Feedback und Tests mit den Benutzern bekam . Viele der Prototypen, die ich baue, sind sehr futuristisch und schwer zu bauen, so dass Prototyping und Erprobung von Prototypen unerlässlich sind. Dies können Schnittstellen für Produkte, für Augmented Reality, für Virtual Reality und Debian sein, also sogar Stimme in diesen Schnittstellen und ich werde über diese immersive Technologie in einem anderen Kurs teilen, aber in diesem Kurs werden wir uns auf Prototyping konzentrieren, ob es sich um die gleiche Methode für jedes Medium handelt , das Sie verwenden. 4. Aufgabe: Ideenfindung in deiner Küche: Wir haben bereits über das Thema dieses Kurses gesprochen, bei dem es um Prototyping für zukünftige Schnittstelle in Ihrer Küche geht. Über das Lösen eines Problems in Ihrer Küche für ein Objekt. Die Aufgabe in diesem Kurs wird also darin bestehen, eine Schnittstelle in Ihrer Küche neu zu gestalten. Stellen Sie sich vor, ich sei Ihr Kunde und gebe Ihnen die kurze, bitte helfen Sie dem Benutzer, mehr frische Zutaten zu verwenden und weniger Lebensmittelverschwendung zu produzieren. Ich wurde wirklich sehr bewusst des Themas und, ja, durch die Arbeit mit [unhörbar] konzentriert sich immer auf diesen Bereich. Wir haben bereits über das Thema dieses Kurses gesprochen, bei dem es um Prototyping für die Zukunft geht, um ein Problem in Ihrer zukünftigen Küche zu lösen. Die Aufgabe in diesem Kurs wird es sein, eine Schnittstelle in Ihrer Küche neu zu gestalten . Hier ist die Aufgabe. Gehen Sie in Ihre Küche, nehmen Sie sich sieben Minuten, um sich wirklich umzusehen, suchen Sie nach anderen Objekten, die Sie täglich verwenden, wählen Sie eines, denken Sie, ja, das ist das interessanteste und wo Sie denken, der größte Raum für passieren könnte und dann wieder kommen und wir werden mit dem nächsten Abschnitt weitergehen. 5. Sieh mir bei der Arbeit zu: Ideenfindung: Ich hoffe, Sie haben ein Objekt gefunden, das für Sie interessant ist. Hier sind ein paar, die Sie in der Regel in jeder Küche finden können. Fühlen Sie sich frei, eine von denen zu wählen, aber Sie sind völlig frei. Sie können eine mit einer Schnittstelle oder sogar ohne Schnittstelle wählen und sich eine völlig neue Idee einfallen lassen. Nachdem Sie ein Objekt ausgewählt haben, werden wir nach Problemen suchen. Ich habe mich für den Kühlschrank entschieden. Die Aufgabe besteht jetzt darin, Post-its zu nehmen und so viele Probleme aufzuschreiben, wie Sie sich vorstellen können. Was helfen könnte, ist, über das letzte Mal nachzudenken, als Sie diese Objekte verwendet haben und darüber nachdenken, was schief gelaufen ist. Nehmen Sie sich so viel Zeit, wie Sie wollen, aber ich kann Ihnen empfehlen, etwa 10 Minuten. Lassen Sie uns ein paar Post-its holen und alle Probleme aufschreiben, die wir finden können. Erstens ist, manchmal kann man Dinge nicht im Kühlschrank finden, das ist wirklich schwierig. Manchmal essen Sie etwas, was Sie für eine andere Mahlzeit geplant haben, oder was könnte ein anderes Problem sein? Sie wissen nicht, was Sie bereits geöffnet haben, also öffnen Sie etwas zweimal. Dinge gehen schlecht, weil man nicht weiß, was man damit kochen soll, zum Beispiel mit den Resten. Manchmal ist es einfach wirklich chaotisch, oder man vergisst, was man gekauft und wieder gekauft hat, oder dass es im Kühlschrank bleibt und man es völlig vergessen hat, oder dass man versehentlich Essen von seinen Mitbewohnern oder so etwas isst, was ist nicht wirklich deins. Lassen Sie uns alle Post-its an die Wand legen, damit wir einen besseren Überblick über alle Probleme haben , die wir aufgefunden haben. Das ist in der Regel super hilfreich. Werfen wir einen Blick auf all die Probleme, auf die wir uns gestoßen haben. Hier sind ein paar Probleme, die ich auf mich gestoßen habe. Wir werden uns jetzt für eines dieser Probleme entscheiden. Fühlen Sie sich frei, eines der Probleme zu wählen, die Sie aufgeschrieben haben, aber Sie können auch eines meiner Probleme verwenden, ich bin völlig in Ordnung damit. Haben Sie sich für ein Problem entschieden? Wie können wir das jetzt lösen? Ich wählte das Problem, dass es wirklich schwierig für Leute ist zu sehen , was im Kühlschrank ist und dann interessante Rezepte zu finden, aber sie können mit den Dingen, die sie im Kühlschrank haben, tun, was eigentlich ein wirklich großes Problem ist. Viele Dinge gehen zurück, ohne das wirklich zu merken. Sie können auch an dem gleichen Problem arbeiten, aber fühlen Sie sich frei, Ihr eigenes Problem oder Ihr eigenes Objekt zu verwenden. Die Auswahl eines Objekts, das Sie jeden Tag verwenden, macht es einfacher, eines der Probleme anzugehen. Wir werden einen Prototyp bauen und testen, ob die Idee, die wir in der nächsten halben Stunde kommen, funktioniert. Sie sich keine Sorgen um Machbarkeit, nutzen Sie Ihre Phantasie. Hier geht es nur um Innovation und die Zukunft. Jetzt werden wir nach Ideen suchen, wie man dieses Problem mit einer digitalen Schnittstelle lösen kann. Nehmen wir die Post-Its wieder und brainstorming Ideen. Vielleicht haben wir schon eine Idee im Sinn. Wenn nicht, brainstormen Sie einfach und denken Sie an so viele Ideen wie Sie können. Lassen Sie uns die Post-its holen und über Ideen nachdenken. Zum Beispiel könnten wir Bilder von unseren Zutaten machen und Empfehlungen bekommen, wie sie damit zu tun sind. Wir können die Zutaten zum Beispiel außerhalb des Kühlschranks zeigen. Wir könnten den Kühlschrank organisieren, damit es einfacher ist. Eigentlich haben wir so viele Dinge, die wir tun können. Wir könnten die Rezepte in Bezug auf die Zutaten personalisieren. Denken Sie an so viele Ideen, wie Sie können. Lasst uns sie an die Wand stellen. Meine Ideen sind eigentlich hübsch, ziemlich einfach, aber Sie können auch mit einigen wirklich coolen futuristischen Ideen kommen. Hier sind ein paar der Ideen, die ich mir ausgedacht habe. Ich werde mit der Idee gehen, tatsächlich die Zutaten außerhalb des Kühlschranks zu zeigen und dann dem Benutzer helfen, mit interessanten Rezepten zu kommen, also eine Art intelligenter Rezeptgenerator. Meine Idee ist eigentlich, eine Funktion in den Kühlschrank zu integrieren , mit der der Benutzer auf der Außenseite sehen kann, was im Kühlschrank ist, und dann wählt die Rezepte, die sie eigentlich für den gesamten Kochprozess wollen, und kann die verschiedenen Zutaten, die sie dort integrieren wollen. 6. Was ist Prototyping?: Bevor wir mit dem Bau unseres Prototyps beginnen , lassen Sie uns kurz über die Grundlagen des Prototypings sprechen. Prototypen helfen Ihnen, Ihre Ideen zu demonstrieren und mit anderen zu kommunizieren. Dies könnte Ihre Kollegen, Stakeholder oder Benutzer für Benutzertests sein und hilft Ihnen, Zeit und Geld zu sparen , da Sie nicht das gesamte Produkt erstellen müssen , sondern mit einem einfachen und billigen Prototyp beginnen. Sie können es testen und viel lernen, bevor Sie wirklich das Endprodukt bauen. Keine Sorge, wenn Sie kein Designer sind, kann jeder einen großartigen Rapid Prototyp bauen, so dass Sie keine besonderen Fähigkeiten dafür brauchen. Was ist Rapid Prototyping? Rapid Prototyping ist ein iterativer Prozess. Das bedeutet, dass es sich wiederholend ist. Der Prozess wird verwendet, um zu visualisieren, wie eine Website oder eine Anwendung aussehen wird, um Feedback und Validierung von Benutzern, Stakeholdern, Entwicklern und Designern zu erhalten . Wenn es gut verwendet wird, wird Rapid Prototyping die Qualität Ihrer Entwürfe verbessern , indem die Kommunikation zwischen den verschiedenen Parteien verbessert wird, wodurch das Risiko verringert wird, etwas zu bauen , das niemand so sagen will wirklich einfach. Was brauchen Sie für das Prototyping? Ein Prototyp ist nicht als voll funktionsfähige Version eines Systems konzipiert, sondern dient lediglich dazu, die Benutzererfahrung des Endprodukts zu visualisieren. Wie Google Venture Design-Partner, Daniel Burka sagt, „der ideale Prototyp sollte Goldilocks Qualität sein.“ Wenn die Qualität zu niedrig ist, werden die Leute nicht wirklich glauben, dass der Prototyp ein echtes Produkt ist. Wenn die Qualität zu hoch ist, werden Sie die ganze Nacht arbeiten und Sie werden nie fertig sein wahrscheinlich. Die Qualität sollte nicht zu hoch, nicht zu niedrig, sondern genau richtig sein. Sie können nicht nur Bildschirme, Apps oder Websites Prototypen erstellen, sondern fast alles. Prototyping ist eine ausgezeichnete Methode, um Designs zu testen. Was auch immer Sie entwerfen. Sie können bereits darüber nachdenken, welche Art von Bildschirmen oder Schnittstellen Sie in Ihren Prototyp integrieren müssen und um Ihre Idee wirklich zu testen. 7. Beispiele für Prototyping: Werfen wir einen kurzen Blick auf einige Beispiele. Hier sehen Sie zum Beispiel einige Prototypen, die McDonald's tatsächlich getan hat. Ihre Küchenmitarbeiter entlang eines leeren Tennisplatzes. Sie verwenden Kreide, um alle möglichen Arrangements für die Restaurants, verschiedene Kochanwendungen und Vorbereitungsstationen abzubilden. Dies war eigentlich super essentielle Benutzertests. Sie haben auf diese Weise getestet, was am effizientesten und das beste Layout für die Unterbringung aller Menschen war. Ein weiteres wirklich tolles Beispiel ist die Erfindung des Dyson-Staubsaugers weil der Erfinder tatsächlich rund 500 Prototypen vor dem Endergebnis, das sie verkauft haben, gemacht hat. 8. Analoge Prototyping-Methoden: Wir haben ein Problem, wir haben eine Idee, das zu lösen, also lassen Sie uns über Prototyping-Methoden sprechen. Es gibt tatsächlich viele verschiedene Methoden da draußen, da es buchstäblich eine endlose Anzahl von Möglichkeiten gibt, diese einige Prototypen zu bauen, und ich werde Sie durch verschiedene analoge Methoden führen. Jetzt werden wir mit wirklich einfach einmal beginnen, so dass es wirklich gut für Sie sein wird, in das Thema zu bekommen. Verwendung dieser Methoden wird Ihnen helfen, Ihren Prozess zu beginnen, auf diesen Prototypen aufzubauen , um mit Ihren Benutzern zu betonen, darüber zu entscheiden und Ihre Ideen zu verfeinern und Ihre Lösungen zu testen, alles, was wir bereits gelernt haben in ihren vergangenen Kapiteln. Aber das Wichtigste an Ihrem Prototyp ist, dass Sie einen erstellen, mit dem der Benutzer wirklich interagieren kann und Ihnen die Erkenntnisse geben, die Sie benötigen. Wir werden jetzt an einer Schnittstelle arbeiten, und vor allem für digitale Produkte wie mobile Apps, Websites und Web-Services sowie andere bildschirmbasierte Produkte oder Erlebnisse, erfordert es oft eine Reihe von Prototyping-Methoden, um das endgültige Design und die Entwicklung zu testen. Beginnen wir mit Papierprototypen. Papierschnittstellen sind in den frühen Stadien des Prototypings für digitale Produkte praktisch, und Sie können Papierprototypen erstellen, indem Sie sie skizzieren oder durch Zeichnen und Ausschneiden verwendbarer Teile einer Schnittstelle wie das Textfeld oder einen Drop erstellen. unten Menü, etc. Es ist wirklich einfach und der perfekte Weg, um loszulegen. Jakob Nielsen, Mitbegründer der Nielsen Norman Group, erklärt, dass Papierprototypen extrem einfach und billig sind. Warum? Sie können Ihnen viele Einblicke geben, die Ihnen helfen können, am Ende Geld zu sparen. Wenn Sie digitale Produkte entwerfen, können Sie versucht sein, super detaillierte Prototypen direkt auf Ihrem Computer zu erstellen super detaillierte Prototypen direkt und sofort mit dem Handel mit diesen Problemen zu beginnen. Aber was wirklich hilfreich ist, sind wirklich Papierschnittstellen. Sie können jedoch viele Bereiche der Verbesserung aufdecken, wie beispielsweise Usability-Probleme, oder sogar die gesamten Ideen verbessern oder die gesamte Struktur überdenken. Es ist genial für die frühen Stadien, und es wirklich vermeidet, jede Zeit zu verlieren oder die zu viele Kosten zu produzieren. Die zweite Sache ist das Storyboard. Es ist eine weitere großartige und einfache Technik, indem Sie ein Storyboard zeichnen. Geschichten erzählen ist eine ausgezeichnete Möglichkeit, Menschen durch eine Benutzererfahrung zu führen, und Storyboarding ist die Technik, die aus der Filmindustrie abgeleitet wird. Es ist etwas, das Sie für frühe Prototyping verwenden können um sich die Benutzererfahrung zu visualisieren, oder wie Benutzer beispielsweise ein Problem oder ein Produkt erleben würden. Wenn Sie ein Storyboard zeichnen, versuchen Sie, sich die vollständige Benutzererfahrung vorzustellen, und erfassen Sie es dann in einer Reihe von Bildern oder Skizzen. Ich kann Ihnen empfehlen, rund sechs Skizzen sind wirklich hilfreich. Storyboarding als Prototyping-Methoden sorgt dafür, dass wir unsere Benutzer gut genug kennen. Sonst wird es nicht schwer sein, ein Storyboard zu skizzieren. Es ermöglicht uns, den Kontext der von uns entworfenen Lösungen im Auge zu behalten. Es ist sehr nützlich für die Entwicklung und besseres Verständnis der Benutzer und für die Generierung von Ideen und Diskussionen auf hohem Niveau. Aber Storyboards sind nicht sehr nützlich für die Feinabstimmung der Details von Produkten, weil Zeichnung tendenziell eher wie mikroskopisch, also ein bisschen größer ist. Hier siehst du ein Storyboard, das ich mir ausgedacht habe. Wie Sie sehen können, habe ich sechs einzelne Schritte gezeichnet, genau wie auf Post-it, super-einfach und super-schnell. Vom Benutzer kaufen Produkte im Supermarkt, setzen alles in den Kühlschrank, und dann machen Notizen aus dem Kühlschrank und der Schnittstelle, was er tatsächlich in den Kühlschrank gelegt, und dann tritt das Problem auf, wo der Benutzer Dinge wie : „Was soll ich essen?“ Dann finden Sie hier bereits die Lösungen, wo er Rezepte außerhalb des Kühlschranks bekommt, die er kochen kann. Dann am Ende, glücklicher Benutzer, so kocht er etwas, was er wirklich mag mit Zutaten, die Sie im Kühlschrank haben. Das ist eine Möglichkeit, das zu tun. Kommen wir zu Punkt Nummer drei, was Lego ist. Wir alle wissen, dass aus unserer Kindheit stand, schätze ich. Die Integration einiger physischer Probleme könnte sehr hilfreich sein, um eine Idee zu visualisieren, und Lego ist wirklich genial Weg, dies zu tun. Der beste Teil der Verwendung von Lego ist, Ihre Prototypen zu bauen, ist, dass sie leicht zu verstehen und zu zwicken. Lösen Sie einfach einen Teil Ihrer Lego-Prototypen schnell hier, erstellen Sie ein alternatives Design und spielen Sie damit, um zu sehen, wie es funktioniert. Punkt Nummer vier ist Rollenspiel. Wenn Ihre Lösung für das Problem ein Service ist und sich nicht viel auf einen Bildschirm oder eine Schnittstelle konzentriert, und Sie ein Rollenspiel angeben und den Bildschirm für den Kunden so einstellen können , dass er bestimmte Teile erleben kann, ist es der beste Weg, das zu tun. Rollenspiel ist super hilfreich. Punkt Nummer fünf, sind physikalische Modelle. Wenn Ihre Ideen von physikalischen Produkt, zum Beispiel, ein neues Produkt oder physischen Prototyp super-hilfreich. Der Zweck eines physikalischen Modells besteht darin, eine immaterielle Idee oder eine zweidimensionale Skizze in eine physische dreidimensionale Plattenebene zu bringen . Dies ermöglicht eine bessere Prüfung, verweigert bearbeiten Ginsburg Diskussionen über den Formfaktor der Lösung. Hier sehen Sie einen Prototyp, den ich vor ein paar Jahren für einen Rucksack entworfen habe. Punkt Nummer sechs ist der Zauberer von Oz. Der Zauberer von Oz ist eine großartige Möglichkeit, Ihren Prototyp zu testen. Vielleicht kennen Sie bereits die Geschichte des Wizard of Oz. Der einfachste Weg, um Wizard of Oz-Tests durchzuführen ist einen einfachen und einfach zu bedienenden Prototyp zu bauen, der dem Assistenten ermöglicht , schnell auf die Gesten des Benutzers reagieren tatsächlich entworfene Antwort eines einzigen Klicks zum Beispiel. Wizard of Oz Prototypen sind Prototypen mit gefälschten Funktionen. Zum Beispiel Interaktivität, die von einem Menschen stammt, anstatt von einem Algorithmus oder Software-Code mit Benutzern, die glauben, dass letzteres der Fall ist. Sie können dies verwenden, um mit Ihren Benutzern zu testen. Zum Beispiel, wenn Sie ein Sprachdesign oder eine bestimmte Interaktion prototypisieren und Wizard of Oz tatsächlich so funktioniert, dass ein Benutzer auf bestimmte Schaltflächen klickt, aber es gibt tatsächlich keine Funktionalität dahinter, aber jemand in der Hintergrund liefert wirklich die Informationen. Das ist wirklich hilfreich und wirklich einfach, Ihre Ideen zu testen. 9. Aufgabe: Papie-Prototyping: Sie können einen Prototyp dafür bauen. Ich habe zum Beispiel Entwicklung gemacht, aber auch für die Kommunikation, um die Idee Vision Ihres Design-Teams auszurichten, zum Beispiel, weil manchmal Sie alle über das Gleiche sprechen, aber finden Sie heraus, dass Sie tatsächlich völlig reden verschiedene Ideen. So können Sie auch Ihre Idee mitteilen; könnte ein Kollege sein oder jemand würde für einen Kunden viel einfacher mit einem Prototyp arbeiten als mit einer schriftlichen Beschreibung einer Idee. So lernen und testen. Wenn Sie einen Prototyp für das Lernen erstellen, stellen Sie sicher, dass Sie ihn so erstellen, dass der Testbereich Ihnen wirklich helfen würde die Erkenntnisse zu verstehen und zu erhalten, die Sie benötigen. Wir begannen damit, nach Benutzerbedürfnissen zu suchen und dann über mögliche Lösungen nachzudenken. Was wirklich wichtig ist, ist, immer sicherzustellen, dass Sie sich fragen, der Prototyp wirklich überprüft die Benutzerbedürfnisse. Zum Beispiel, wenn Ihre Annahme am Anfang war, dass Benutzer viel Essen verschwenden, weil sie nicht wissen, was sie mit den linken Overs kochen sollen, und die Annahme ist, dass ein Werkzeug, mit dem Sie angepasste Rezepte für das Essen bekommen können , das Sie in der Kühlschrank, gute Hoffnung, Sie können diese Annahmen tatsächlich überprüfen, indem Sie einen Papierprototyp bauen , wo Sie diese Zutaten und alles, was im Kühlschrank ist, außerhalb mit bestimmten Rezepten zeigen diese Zutaten und alles, was im Kühlschrank ist, und dann einladen Menschen, um Ihren Prototyp zu testen und sie zu beobachten und zuzuhören, stellen Sie die richtige Frage. Hier kommt also die Aufgabe für Sie. Denken Sie an die Bildschirme und die Informationen, die Sie benötigen, um Ihre Idee zu Prototypen zu erstellen. Sie können verschiedene Bildschirme zeichnen und Ihren eigenen Papierprototyp erstellen , indem Sie einen einzigen Bildschirm entwerfen. Denken Sie immer über Interaktionen nach und welche Art von Informationen Sie tatsächlich benötigen, um Ihre Idee zu zeigen. Ich werde es meine Ideen aufstellen, so fühlen Sie sich frei zu beobachten und nehmen Sie alle Informationen, die Sie brauchen. Meine Idee ist eigentlich die Verwendung eines intelligenten Kühlschranks, der Ihnen andere Zutaten zeigt, die sich im Inneren und auf der Außenseite befinden. Das hilft den Menschen wirklich, ihr Essen nicht zu vergessen und bietet auch Rezepte für die Zutaten, die im Kühlschrank sind. Also, das zeigt Ihnen, welche Zutaten zuerst gegessen werden mussten und kommen mit wirklich guten Rezepten, die der Benutzer genießt. So werden wir sehen, wie das geht. Lasst uns loslegen. 10. Arbeite mit mir: Papier-Prototyping: Beginnen wir mit dem Papierprototyp. Normalerweise beginne ich eigentlich, indem ich darüber nachdenke, welche Art von Bildschirmen ich brauche. Ich brauche definitiv einen Bildschirm mit für Home-Screen oder für alle grundlegenden Informationen, die der Benutzer zuerst sieht. Dann brauche ich einen Bildschirm mit der Rezeptauswahl, weil das Hauptmerkmal davon tatsächlich sein wird, dass der Benutzer personalisierte Rezepte mit den Dingen im Kühlschrank bekommt. Dann auch etwas, wo der Benutzer das Rezept sehen kann, durch die Auswahl aus Rezept, wie das aussehen. Ich werde mit diesen drei Bildschirmen beginnen und jetzt über die Elemente nachdenken , die ich auf jedem dieser Bildschirme oder Papierbogen im Moment brauche . Das erste Feature wird tatsächlich sein, dass, Sie sehen, welche Art von Zutaten Sie außerhalb haben und auch sehen, wenn es abläuft. Wann muss es gegessen werden? Du könntest das mit etwas Farbcodierung machen. Wird auch verschiedene Rollen widerspiegeln und ich werde diese Empfehlungen hier zum Beispiel tun. Wenn Zutaten können in mehr als einer Woche oder in einer Woche oder in ein oder zwei Tagen gegessen werden. Es ist dringend, das zu essen und dann werden sie in den verschiedenen Reihen platziert. Ich benutze Post-it. Es ist schön, sie zu bewegen und alles. Es ist auch wirklich hilfreich für das Testen später. Sie können sehen, ich ziehe nur ein paar Zutaten und Ihren Käse, zum Beispiel, und lege sie in verschiedene Reihen hier. Die andere Funktion ist der Rezepturgenerator. Es ist eine wirklich wichtige geboren, wo der Benutzer andere Rezepte wählen kann und dann Post-its Rezepte bekommt. Die Idee ist, dass sie die Post-its in diesen Bereichen am Ende setzen können. Digital-Eingang sieht natürlich ein bisschen anders aus. Dann haben Sie Einstellungen. Sie können auch einige Einstellungen für die Rezeptauswahl vornehmen. Buttons natürlich, erstellen Sie Ihr Rezept. Meine Einstellungen wären Schwierigkeiten, und Zeit und auch die Möglichkeit andere Zutaten hinzuzufügen, die wahrscheinlich nicht im Kühlschrank sind, zum Beispiel. Dann fügen Sie auch mehr Zutaten hinzu, wenn es mehr als drei ist. Wenn Sie vier, fünf, sechs oder sogar mehr Zutaten integrieren möchten. Hier sind Zutaten, die im Moment nicht im Kühlschrank enthalten sind. Der nächste ist, darüber nachzudenken, wie eine Liste aussehen würde. Wenn der Benutzer die Rezepturerstellung gestartet hat und eine Liste bekommt und jetzt denke ich darüber nach, wie das aussehen sollte. Ich brauche auf jeden Fall ein Bild des Rezepts und dann könnte der Name Ratatoiue sein, zum Beispiel, Schwierigkeit, Zeit sowie die Zutaten und wenig Bild, wie das aussieht und, natürlich, etwas, wo man füllen kann aus anderen Rezepten. Ich könnte Kludge Aktionen, ein Knopf, wo ich anfangen konnte, dieses Rezept sofort zu kochen. Dann ein anderes Rezept, das sein könnte, zum Beispiel, Pasta mit Gemüse und dann die gleiche Art von Informationen hier, die gleiche Schaltfläche und senden Sie dies. Es wäre eine Liste mit der Möglichkeit, mehr Informationen wenn Sie die ersten Schritte sehen möchten, bevor Sie entscheiden, dass Sie das kochen wollen. Sie können sehen, dass es sich um grundlegende Funktionen handelt. Ich habe hier nicht alles angegeben, sondern nur die Grundlagen, die wie man eine ganze Rezeptpersonalisierung erstellt, sieht am Ende wirklich aus. Dann denke ich auch darüber nach, wie Bildschirm aussehen würde, wenn Sie ein Rezept auswählen. Welche Art von Informationen benötigen Sie? Ich werde zum Beispiel über Ratatoiue nachdenken und darüber nachdenken, welche Art von Informationen ich brauche. Ich fange mit wirklich grundlegenden an. Natürlich integriere ich diejenige, die ich bereits etwas mit anderen Karten gemacht habe. Sie können mit Mühe und Zeit und die Zutaten sehen, die auch die verschiedenen Kochschritte beeinflussen, die Sie tun, um das mit einigen Bildern vorzubereiten. Ja. Auch einige Navigationselemente, sehr wichtig. Vergiss das nicht. Dann lasst uns gehen. 11. Adobe Xd: Digitales Wireframing: Digital Prototyping, diese Lektion ist nur optional. Sie brauchen keinen digitalen Prototyp zu entwerfen, um Ihre Idee zu testen, aber wenn Sie wollen, können wir das jetzt gemeinsam tun. Du hast entschieden, welches Level du jetzt bist. Heute werden wir Adobe XD verwenden. Wenn Sie sich entscheiden, Ihren Prototyp zu digitalisieren, wenn Sie ein anderes Design-Tool verwenden möchten, das gerne tun. Was auch immer Sie sich vertraut fühlen, aber ich empfehle die Adobe XD, weil es kostenlos ist und Sie können einfach herunterladen wirklich einfach. Ich werde Sie durch diese drei Schritte führen. Zuerst werden wir alle Elemente entwerfen, dann werden wir sie auf dem iPad platzieren und die Signal-Bildschirme entwerfen, dann werden wir es Prototypen erstellen. Warum sind die verschiedenen Elemente zusammen? Dass es wirklich interaktiv ist. Nachdem Sie die kostenlose Adobe XD-Version auf adobe.com heruntergeladen haben, werden wir einige Funktionen hinzufügen, die das Wireframe-UI-Kit sein werden. Sie können finden, dass hier gerade kostenlos heruntergeladen, ich habe bereits heruntergeladen, ich werde das nicht wieder tun. Es ist kostenlos und wirklich genial hilft Ihnen sehr viel auf dem Weg, den ich sagen würde. Dann öffnen Sie Ihr erstes Dokument, iPad Haustiergröße, egal welche Größe Sie gehen, um für die Tests zu verwenden, ich werde mein iPad verwenden. Dann öffne ich das Wireframe-UI-Kit und speichere es in der Cloud, das ist sehr wichtig, weil wir das jetzt mit unserem Design verbinden werden. Ich setze das in der Cloud und dann gehe ich zurück zu meinem Dokument, und ich habe gerade geöffnet und ich eingefügt, integrierte das Wireframe-UI-Kit hier auf der Seite, ich habe alle Elemente jetzt auf meinem Originaldokument, das ist wirklich genial. Lassen Sie uns beginnen, ich beginne mit dem Home-Bildschirm und entwerfe alle grundlegenden Elemente. Zuerst beginne ich mit dem Essen, das im Kühlschrank ist, wo ich verschiedene Zeilen integrieren möchte, wo Sie sehen können, wann es tatsächlich abläuft. Wenn es mehr als eine Woche ist, wenn es innerhalb einer Woche ist oder wenn es nur in den zwei bis drei Tagen ist, so dass es dringend ist und dann alle Gegenstände dort automatisch platziert werden, ist es wirklich cool für den Benutzer zu sehen, was tatsächlich zuerst gegessen werden muss. Dann möchte ich einige Buttons Dinge mit all den verschiedenen Lebensmitteln und Gemüse und wie ein winziges Symbol zu integrieren . Im Folgenden möchte ich die Rezept-Generator integrieren, wo Menschen sie einen Ort verwenden sie verschiedene Lebensmittel gibt, drei verschiedene Elemente oder vielleicht sogar mehr und dann erstelle ich, bekommt ein gutes Rezept, ein interessantes Rezept, was Passt wirklich dazu. Ich werde irgendwie drei und dann ein Pluszeichen hinzufügen, damit sie vielleicht mehr von allen Zutaten integrieren können , die sie haben, und auch einen Knopf. Was Sie jetzt tun können, ist, die Bibliothek zu verwenden oder sie selbst zu erstellen , so dass es wirklich Ihre Entscheidung ist, und dann möchte ich auch einige Icons hier integrieren, ich lade sie auf flaticon oder bei den Nicht-Projekten herunter. Stellen Sie einfach sicher, wenn Sie das verkaufen oder wenn Sie wirklich die Gesamtentwicklung geben, müssen Sie für diese Symbole bezahlen, aber Sie können eine kostenlose Version herunterladen, um das einfach zu testen und zu überprüfen, ob es wirklich schön aussieht, aber in der vorgeburtlich, dafür bezahlen. Ich werde das jetzt mit der ganzen Schnittstelle machen. Fast fertig, ging ich in den Prototyp-Modus und verband alles zusammen so dass es anklickbar ist und ich kann wirklich durch alle Folien gleiten und auf alle Tasten klicken, die anklickbar sind. Ich muss das jetzt auf meinem iPad testen. Das funktioniert schon recht gut, ich muss alle verschiedenen Bildschirme entwerfen, gut aussehen. Jetzt reden wir ganz kurz, wie wir das interaktiv machen können. Das ist super einfach, nachdem wir alle Elemente auf der Zeichenfläche entworfen haben, können wir zum Prototyp wechseln, dies ist in der unteren linken Ecke. Dann wählen wir ein Element, das wir tatsächlich anklickbar machen wollen, wir bekommen diesen kleinen Draht und bewegen ihn auf die Zeichenfläche, die unser Ziel sein wird, in dieser Zeichenfläche wird eine Zutat im Datenordner platziert. Wir können einige Anpassungen auf der Seite vornehmen und welchen Auslöser wir haben. Wir wollen Trigger tippen und dann, wie wir eigentlich wollen, dass die Interaktion sein wird? Wir würden alle Animationen verwenden, so dass es automatisch von dem anderen in den anderen Zustand bewegt, es wird so aussehen, dass am Ende funktioniert ziemlich gut. Jetzt für das Testen, kann ich Ihnen empfehlen, die kostenlose Adobe XD-App herunterzuladen, Sie können das auf jeden Fall super einfach auf Ihrem Gerät tun, egal welche Art von Gerät Sie verwenden, Sie können sehen, dass alles interaktiv ist. Lassen Sie uns diese App wirklich kurz zusammenfassen, hier sind die wichtigsten Tipps und Tricks, wie Sie das digitale Prototyping-Tool wie Adobe XD verwenden. Zuerst beginnen Sie tatsächlich mit dem Entwerfen aller Elemente, also alle einzelnen Elemente, die Sie benötigen, dies könnte eine Schaltfläche oder eine Tab-Leiste oder ein Eingabefeld oder welche Art von Elementen Sie verwenden. Beide Dinge, die Sie bereits auf Ihrem Papierprototyp gezeichnet haben, auf Ihren Skizzen. Dann haben Sie sie bereits auf einer Zeichenfläche platziert, Sie stellen sicher, dass ihr Platz an der richtigen Position, damit die gesamte Zeichenfläche tatsächlich ganz richtig aussieht, Sie entwerfen auch die verschiedenen Szenarien. Dann ist der letzte Schritt, das interaktiv zu machen, wirklich in den Prototyp-Modus zu gehen und alle verschiedenen Elemente miteinander zu verdrahten , sie interaktiv zu machen. Dies ist super einfach, indem Sie einfach eines der Elemente auswählen, die das Ding sein wird, aber Sie können auf klicken und dann den Draht an den Ausgang bewegen, tatsächlich ist das Ziel. Dann können Sie den Interaktionstyp auswählen, zum Beispiel Drag & Drop oder Sprachinteraktion oder ein Tippen oder so etwas, Sie können auch die Art der Interaktion ändern oder personalisieren. Dies kann höchstens automatisiert werden, automatisch von der anderen über die erste bis zur zweiten Position oder andere Interaktionspunkte. Das ist super einfach und Sie haben ein wirklich gutes Ergebnis, mit nicht zu viel Arbeit. 12. Adobe Xd: Analoges Wireframing: Sie können Ihren Papierprototyp auch integrieren , indem Sie ein Bild machen und es auf der Kunsttafel platzieren. Beginnen Sie einfach mit Fotos von Ihren Papier-Prototyp-Folien und von den verschiedenen Phasen. Dann legen Sie sie einfach in Adobe XD und legen Sie sie auf die einzelnen Art-Boards. Das ist es, was ich hier getan habe. Sie können alle Seiten sehen. Dann legte ich sie auf das Kunstbrett und passte die Größe ein wenig an. Sie spiegeln nur die verschiedenen Phasen wider. Lassen Sie uns in den Prototyp-Modus wechseln. Was Sie jetzt tun können, ist, einfach ein Rechteck über den Bereich zu zeichnen , den Sie tatsächlich animieren möchten, und entfernen Sie die Farbe, Hintergrund und alles, gehen Sie zum Prototyp, und dann verwenden Sie dieses kleine Draht-Ding und verbinden Sie es mit einem anderen Ausgang. Tun Sie das mit all Ihren Einzelbildschirmen. Alles, was Sie interaktiv haben wollen, genauso wie die Tomaten hier. Wir werden die Farben wieder verschieben, aber die Rechtecke bleiben dort. Dann gehen Sie zum Prototyp und verschieben Sie das auf die andere Kunsttafel. Das machst du mit allem. Fast fertig. Lassen Sie uns das wirklich schnell testen. Ich kann auf diese Dinger klicken. Es funktioniert fast wie ein digitaler Prototyp mit nur [unhörbaren] Bildschirm, also ist das eine einfache, perfekt. Toll, so dass funktioniert. Lassen Sie uns das wirklich kurz zusammenfassen. Das erste, was ist eigentlich, dass Sie ein Bild von Ihrem Papierprototyp machen. Die interaktiven Elemente sind die Dinge, die man tatsächlich bewegen kann. Sie müssen verschiedene Bilder von all den verschiedenen Möglichkeiten machen, mit den verschiedenen Zutaten, zum Beispiel, an den Orten. Danach fügen Sie diese Bilder in Adobe XD ein und platzieren sie auf einer Bildplatine. Am Ende haben Sie all diese Kunsttafeln ohne digitale Elemente, aber [unhörbare] Bilder des Papierprototyps. Punkt Nummer 3 ist tatsächlich, dass Sie transparente Rechtecke an den Stellen zeichnen , die interaktiv sind, und dann verbinden Sie sie miteinander. Das bedeutet, dass Sie zum Prototyp gehen, das transparente Rechteck auswählen und dann das Ziel-Art-Board auswählen, das extra anklickbar ist. Wenn Sie das testen, gehen Sie in den Vorschaumodus, klicken Sie auf die kleine Wiedergabe-Schaltfläche. Sie können sehen, dass Sie, wenn Sie auf das transparente Rechteck klicken, automatisch auf die andere Kunsttafel gehen. Es ist interaktiv, obwohl es immer noch ein Prototyp ist. Super schön, etwas Prototyp, wirklich einfach, ohne zu viel Zeit und Mühe. 13. Benutzertests vorbereiten: In diesem Kapitel werden wir darüber sprechen, wie Benutzertests durchzuführen und Feedback zu sammeln. Wenn Sie Ihren Prototyp testen, geht es darum, die richtigen Fragen zu stellen. Lassen Sie mich einige Tipps und Tricks teilen, bevor wir mit unseren eigenen Anwendertests beginnen. Es gibt tatsächlich ein paar einfache Tipps und Tricks , die Menschen helfen, sich wohl zu fühlen und darüber zu reden, was sie brauchen, was sie wollen, was sie denken. Aber bevor wir darauf eingehen, lassen Sie uns darüber sprechen, wie Sie Ihre Benutzertests mit Ihrem Prototyp planen und vorbereiten können. Wir werden darüber sprechen, mit wem wir testen können, wo wir sie treffen können und wie sie es ihnen ermöglichen können, wertvolles Feedback zu erhalten. Die ersten Dinge zuerst, wer. Entscheiden Sie, mit wem Sie den Prototyp testen möchten. Am Anfang ist es wirklich einfach, mit Freunden, Familie oder Kollegen zu testen. Nun, ich würde Sie für dieses Projekt empfehlen. Schauen Sie sich um, wenn Sie einen Freund oder ein Familienmitglied haben, mit dem Sie testen können, stellen Sie einfach sicher, dass sie mit dem Thema verwandt sind. In der realen Welt würden Sie wahrscheinlich echte Benutzer rekrutieren. Aber hier funktioniert es auch mit Ihrem inneren Kreis und Freunden und Familie. Wo, wo finden Sie Ihre Benutzer? Denken Sie auch an die Umgebung, in der Sie testen möchten. Es könnte in einem Labor sein, es könnte auf der Straße sein, vielleicht im Büro, aber für dieses Projekt ist es sinnvoll , die Tests durchzuführen, wo alles passiert, die Küche. Lassen Sie uns schnell über die Vorbereitung sprechen. Es ist wirklich hilfreich, einige Fragen vorbereitet zu haben. Ich habe ein Startblatt für Sie vorbereitet, so fühlen Sie sich frei, dieses für die Vorbereitung zu verwenden, und bereiten Sie die Fragen auf diesem Arbeitsblatt vor. Wir werden jeden der Schritte sehr schnell durchlaufen. Drucken Sie das Arbeitsblatt aus, das ich für Sie vorbereitet habe, und verwenden Sie Seite 3 und 4 für die Benutzertests. Das wird super hilfreich für Sie sein, um die Frage aufzuschreiben. Es gibt auch einige Bereiche, um Notizen zu machen. Dies wird super hilfreich sein, aber wir werden jetzt jeden der vier Schritte gemeinsam durchlaufen. Das erste, was ist, um Kontext zu schaffen. Die Teilnehmer müssen den Prototyp aus der richtigen Perspektive betrachten. Bevor ich ihnen tatsächlich den Prototyp zeige, werde ich ihnen normalerweise ein paar Fragen stellen, einfach, die nächste einzurichten, um sicherzustellen, dass sie sich von der richtigen Denkweise nähern, indem sie diese Fragen stellen, sogar diejenigen, die ich kenne die Antwort auf, Ich habe die Teilnehmer für die nächste Reihe von Aufgaben Prime. Stellen Sie sich vor, Sie wollen dies und das tun. Stellen Sie sich vor, Sie sind hungrig und wollen etwas kochen, was für Sie am wichtigsten wäre, zum Beispiel. Zweitens: Erhalten Sie erste Eindrücke. Fragen Sie den Benutzer nach den ersten Eindrücken. Was ist das erste, was Ihre Aufmerksamkeit auf diesen Prototyp auf dieser Schnittstelle erregt? Was denkst du, kannst du mit dieser Schnittstelle machen? Punkt Nummer 3 ist zu beachten. Geben Sie ihnen eine Aufgabe. Erstellen Sie zum Beispiel ein Rezept auf dieser Schnittstelle, weil sie hungrig sind und beobachten Sie sie und beantworten Sie wirklich die Fragen, was sie von der Fertigstellung ablenkt? Was verwirrt sie und auch, wie schnell werden sie die Aufgabe erfüllen? Es ist wirklich wichtig, vor allem die Beobachtung ist eine super wertvolle Sache. Vier, Nahaufnahme mit ein paar endgültigen Fragen. Bevor Sie das Interview abschließen, stellen Sie einige abschließende Fragen, um sicherzustellen, dass Sie alle Informationen erhalten, die Sie benötigen. Dies könnte sein, wäre diese Schnittstelle für Sie nützlich und warum? Was wäre sonst noch nützlich für Sie? Vermisst du etwas? Was würden Sie normalerweise tun, um so etwas zu tun, um diese Aufgabe zu erledigen? Und was hat Sie überrascht? Generell ist es wirklich wichtig, viel zu fragen, warum wirklich verstehen, was sie denken und fühlen. Hier kommt die Aufgabe für Sie. Jetzt ist es an der Zeit, Ihren Prototyp zu testen. Das können Sie mit Ihrem Papierprototyp, aber auch mit Ihrem digitalen Prototyp testen . Fühlen Sie sich frei, das Arbeitsblatt zu verwenden, das ich für Sie vorbereitet habe, zögern Sie nicht, es herunterzuladen und sich auf das Interview vorzubereiten, bevor Sie beginnen. Notieren Sie sich die Fragen, die Sie stellen möchten, entscheiden Sie, wen Sie treffen möchten, und richten Sie dann alles für den Test ein und vergessen Sie nicht, Notizen zu machen. Was auch immer Sie realisieren, die Tests zu machen, schreiben Sie uns auf und wir werden nach Ihren Testsitzungen sprechen und über die nächsten Schritte nachdenken. Lasst uns loslegen. 14. Abschließende Gedanken: Erkenntnisse und Tipps: Jetzt ist ein guter Zeitpunkt, um Ihren Prototyp anzupassen. Was haben Sie bei den Benutzertests gelernt? Irgendwelche Rückmeldungen? Was hat nicht geklappt? Wenn sie es benutzen, haben einige Bereiche nicht wirklich verstanden, das ist überhaupt kein Problem. Sie können einfach den Prototyp verbessern und den Test danach wiederholen. Dann können Sie über Framing oder UI-Design zur nächsten Ebene wechseln, aber dies ist ein weiterer Kurs. Denken Sie daran, dass die besten Designer nicht zum ersten Mal den perfekten Prototyp bekommen. Es geht mehr um Schnell, aber nicht perfekt. Perfektionismus ist nicht der richtige Ansatz. Feedback ist das Wichtigste, früh und oft, also stellen Sie sicher, dass Sie an den gleichen Problemen arbeiten. Was haben wir in diesem Kurs gelernt? Wir haben tatsächlich eine Menge gelernt. Wir lernten die Grundlagen des Prototypings kennen. Wir haben die verschiedenen Prototyping-Methoden, analog und digital,gelernt analog und digital, und einen eigenen Prototyp gebaut und getestet. Wow, das ist eigentlich eine Menge. Sie können absolut stolz auf sich sein, dass Sie diesen Kurs absolviert haben. Einige Male, zum Beispiel, wenn Sie mit Menschen in anderen Teams zusammenarbeiten, kann ich Ihnen ein paar Tools empfehlen. Zum Beispiel, Miro. Das ist ein wirklich cooles Tool, um gepostete Sitzungen aus der Ferne zu machen, das ist genial. Oder ich kann Ihnen Zoom für Remote-Benutzertests empfehlen, das ist auch wirklich genial. Leute, das sind die letzten Worte. Ich kann es kaum erwarten, deine Prototypen zu sehen. Ich kann es kaum erwarten, welche Ideen du dir einfällt. Ich bin super aufgeregt, das zu sehen. Vielen Dank, dass Sie diesen Kurs genommen haben. Es war super lustig und wirklich genial. Sie können absolut stolz auf sich selbst sein, dass Sie diesen Kurs abgeschlossen haben, und bis bald Jungs. Vielen Dank, dass Sie den Kurs genommen haben.