Wireframing für UX Design : Skizziere deine große Idee | Carlye Cunniff | Skillshare

Playback-Geschwindigkeit


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

Wireframing für UX Design : Skizziere deine große Idee

teacher avatar Carlye Cunniff, Experience Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

7 Einheiten (34 Min.)
    • 1. Einführung : Wireframing für UX-Design

      2:01
    • 2. Was ist Wireframing?

      7:15
    • 3. Warum machen wir Wireframe?

      5:51
    • 4. Wie machen wir Wireframe?

      4:38
    • 5. Wie machen wir Wireframe (2)

      4:24
    • 6. Wie machen wir Wireframe? (3)

      4:08
    • 7. Wie machen wir Wireframe? (4)

      6:03
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

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.

4.532

Teilnehmer:innen

23

Projekte

Über diesen Kurs

ba6f2388

Wireframing ist eines der wichtigsten Konzepte und Phasen im Design von user UX-Designer verwenden Drahtrahmen als eine Möglichkeit, einen Fluss durch einen Prozess auszudrücken oder einzelne Bildschirme in einem Produkt zu kommunizieren.

Drahtrahmen können in Treue von Skizzen auf bar bis hin zu schönen, interaktiven napkins reichen. Dieser Kurs gibt einen grundlegenden Überblick darüber, warum wir Drahtrahmen sind, wo Drahtrahmen in den UX-Prozess passt, wie du es verwenden kannst (von stakeholder bis hin zu usability Schließlich verbringen wir eine Menge Krawatte mit der Erstellung unserer eigenen lo-fi für den Kurs mit dem Kurs.

Triff deine:n Kursleiter:in

Teacher Profile Image

Carlye Cunniff

Experience Designer

Kursleiter:in

 

Hi! I'm a designer, creative leader, and design educator.

I found my way to design non-conventionally; after spending several years as a dancer and movement educator, I taught myself basic design skills and have been on a journey ever since! I worked as a freelance writer, web designer, and content strategist before taking a formal course in UX design. I was drawn to UX because it allowed me to use my research skills (sociology degree with an emphasis in public health), my new-found love for digital design, and my genuine curiosity about human behaviour.

I’ve worked with start-ups, as a design consultant, and in-house as a designer. I've also spent a lot of time leading design organisations, and focus on helping organisations figure out how to do d... Vollständiges Profil ansehen

Kursbewertungen

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

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

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 bei 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. Einführung : Wireframing für UX-Design: warum Framing ist eines der wichtigsten Konzepte und Phasen und User Experience. Design-UX-Designer verwenden Drahtrahmen ist eine Möglichkeit, einen Fluss durch einen Prozess auszudrücken oder einzelne Bildschirme in einem Produkt zu kommunizieren. Mein Name ist Carly CANis Ich bin Aux-Designberater, der in Seattle lebt. Ich arbeite mit Unternehmen zusammen, um Designstrategien zu entwickeln, angewandtes Designdenken zu entwickeln und menschlich zentrierte Designprozesse zu fördern. Ich liebe menschliches zentriertes Design, weil es mir erlaubt, meine Neugier mit kreativer Problemlösung zu verbinden . Ich glaube, die besten Designer sind nicht diejenigen, die ständig schöne Dinge schaffen, sondern sie sind die Menschen, die dem Prozess vertrauen und sich dazu verpflichten, menschlich zentrierte Designprinzipien zu verwenden . Erstellung fokussierter und absichtlicher Drahtrahmen hilft Designern dabei, Herausforderungen zu verfeinern und letztlich ihre großen Ideen zu bringen Zehenlebenslange Drahtrahmen können Untreue reichen, von Skizzen auf Stangenservietten bis hin zu schönen, interaktiven Photoshopped Mock Ups. Diese Klasse bietet einen grundlegenden Überblick darüber, warum wir Drahtrahmen, bei denen Drahtrahmen in den UX-Prozess passt . Wie man Drahtrahmen von Stakeholder-Interviews bis zu Usability-Tests verwendet. Dies ist eine großartige Klasse für Produktmanager, Projektmanager, Webdesigner, Webdesigner, Entwickler oder angehende UX-Designer, die mehr über den Designprozess erfahren möchten, da Drahtrahmen letztendlich ein Kommunikationstool sind. Jeder, der mit Schnittstellen interagiert, wird davon profitieren, zu verstehen, wie Abschleppdrahtrahmen unser Klassenprojekt mit Skizzieren und Iterieren einer Ihrer eigenen großen Ideen verbunden ist. Wir werden den Prozess des Skizzierens von Personas und Szenarien durchlaufen, über glückliche Pfade sprechen und verschiedene Skizzenlösungen für unseren Anwender entwickeln. Nachdem Sie mehrere Iterationen Ihrer Drahtrahmen präsentiert haben, wird Ihre endgültige Lieferung Kräuter ein Medium Fidelity Drahtrahmen, die Sie mit der Welt teilen können . 2. Was ist Wireframing?: Hallo, alle. Willkommen bei Drahtrahmen für User Experience Design. Ich bin so aufgeregt, dass du an diesem Kurs interessiert bist. Mein Name ist Carly Can, wenn ich ein UX-Designberater bin. Ich lebe und arbeite in Seattle, bevor ich mich in User Experience Design befinde. Ich hatte eine Menge Jobs. Ich war eine professionelle Tänzerin, vor allem ah, Kajakführer. Ein Outdoor-Erzieher, Ähm, und hielt mich wirklich für einen kreativen Typ, wollte aber etwas tun, das ein wenig stabiler war, aber auch diese Kreativität aufrechterhielt. Ich habe dein Ex-Design gefunden, weil es kreativ ist, und es ist eine Menge kreativer Problemlösung, aber es beinhaltet auch viel Empathie und die Arbeit mit Menschen. Also muss ich eine Menge meiner Fähigkeiten auf DNA kombinieren. jetzt Unterstützen Sie Unternehmenjetztbei der Arbeit an verschiedenen Produkten, verschiedenen Projekten, und ich helfe User Experience Design-Teams dabei, den Prozess wirklich durchzugehen, um die besten Erlebnisse für Menschen zu schaffen . Also bin ich so aufgeregt, dass du hier bist, Zeh, nimmst diesen Kurs mit mir. Ähm, also ist dies eine Einführung Abschleppdrahtrahmen, und am Ende dieses Kurses werden Sie wissen, warum UX-Designer Drahtrahmen. Sie wissen, wie Sie effektive Drahtrahmen erstellen und wie Sie diese Drahtrahmen für die Präsentation vorbereiten . Ich denke, dies ist eine großartige Klasse für Web-Designer, Web-Entwickler, Produktmanager, visuelle Designer oder sogar UX-Designer, die einige dieser Fähigkeiten aufbürsten möchten. Also der Plan für die Art und Weise dieser Unterricht Arbeit ist, wir werden ein wenig Vortrag und Diskussion Zehe uns für, warum wir Draht Rahmen und Weiß wichtig. Ah, ux Design ist ein ziemlich technisches Feld auf, also wollen wir es einrichten. Nun, dann kommen wir direkt in das Produkt die Projekteinführung. Wir starten unser Projekt in der dritten Klasse. um Ux Design dreht sich allesumIteration. Nachdem wir das Projekt gestartet haben, werden wir wieder jittery, bis wir ein Produkt haben, das wir teilen können. Und dann teilen wir es auf der Klassenseite und hoffentlich werden Sie es auch mit Freunden und Familie teilen . Also, bevor wir in Draht-Framing springen, gehen schnell über das, was User Experience Design ist, gibt es viele verschiedene Definitionen von Ihnen ist User Experience Design, das manchmal machen kann es wirklich schwierig zu definieren. , Aber eine Definition,die ich benutze, ist, dass es ah ist, es ist eine Methode, Denken zu entwerfen und zu entwerfen, die zuerst an Menschen denkt und an Menschen denkt, die Bedürfnisse, die Menschen haben, die verschiedenen Probleme , die ein Design lösen könnte. Ähm, und die verschiedenen Arten, die Menschen in einem Willen waren, interagieren mit diesen Designs, um wirklich das beste Produkt zu machen. Ich glaube also, wenn Sie nicht mit Benutzern arbeiten oder nicht mit Daten arbeiten, dann machen Sie wirklich kein User Experience Design. Also in einer idealen Welt, uh, User-Experience Designer würden diesen Prozess weiter durchlaufen. Natürlich leben wir nicht in einer idealen Welt, aber wenn wir etwas über den Prozess lernen, ist es toll, darüber nachzudenken, was das beste Szenario wäre. Also würden Sie damit beginnen, Anwenderforschung zu machen, was qualitative und quantitative Forschung bedeutet . Es ist immer eine Menge von Daten zu versuchen, wirklich zu verstehen, was die Problemräume, welche Konkurrenten es für Ihr Produkt geben könnte, was diese Konkurrenten bereits haben. Oder vielleicht, was ihnen fehlt. Ähm, und es bedeutet auch, eine kontextbezogene Untersuchung zu machen. Es geht und spricht mit Menschen und sieht, was ihre Schmerzpunkte sind und sieht, warum sie die Schmerzpunkte haben, die sie von ihnen hören, was sie wirklich brauchen, um sie besser zu machen. Nachdem Sie alle diese Daten gesammelt haben, entfernen Sie sie in die Analysefläche. Und so ist es, wo wir wirklich zu definieren, wo einige Möglichkeiten sein könnten und wo ein Design helfen könnte. Das ist also eine Tonne Brainstorming. Es ist, Ah, wirklich auf die Daten zu schauen und mit Ihrem Team herauszufinden, was Sie gefunden haben und sich für eine Richtung zu entscheiden . Die dritte Art der Phase des Entwurfsprozesses ist so konzipiert, dass Sie mit der Konzeption beginnen. Sie beginnen, alle verschiedenen Möglichkeiten zu erkunden, die Sie möglicherweise in der Lage sein könnten, ein Problem zu lösen. Während der Entscheidungsphase werden Sie wahrscheinlich eine Menge Ideen durchlaufen und auf der rechten Seite landen. Man könnte einige Zeit in Anspruch nehmen , , aber es ist ein wirklich lustiger Teil des Prozesses, weil man anfangen kann zu sehen, ob man tatsächlich in der Lage sein könnte , ein Problem für Leute aus der Entwurfsphase zu lösen, die sich in das Prototyping bewegen -Phase, so dass Sie beginnen zu sehen, ob Ihre Idee tatsächlich bleiben könnte. Kannst du es bauen? Wollen die Leute es benutzen? Verstehen die Menschen, ob es überhaupt tut. Sie werden viel mehr Daten sammeln, wenn Sie mit dem Prototyping von Prototyping beginnen. Wie gesagt, Sie wechseln zu Benutzertests, also nehmen Sie die Prototypen, die Sie in Rechnung stellen, und Sie werden sie den Leuten im Kontext zeigen. Also gehen Sie zurück, vielleicht zu den gleichen Leuten, die Sie mit der Lösung recherchiert haben, und sehen, ob es funktioniert. Sehen Sie, ob die Leute wissen, wie man es benutzt. Sieh mal, ob es Sinn macht. es wahrscheinlich nicht. Und das ist ein wirklich großer Teil des Entwurfsprozesses. Ist das das erste, was Sie entwerfen, wahrscheinlich nicht das Richtige? Ähm, ein guter Designer hört auf seine Benutzer und sie hören die Daten. Wenn etwas nicht funktioniert, dann muss es sich ändern. Wo passt Drahtrahmen in diesen Prozess? Ah, Drahtrahmen kommt wirklich in der Designabteilung. Ähm, also, wenn du all diese verschiedenen Ideen gut erforschst, ist Fidelity Drahtrahmen eine großartige Möglichkeit, um zu sehen, ob etwas sogar auf Papier passt. Ähm, es lässt dich irgendwie auf deine Ideen eingrenzen. Wenn Sie für ein mobiles Gerät entwerfen, passt Ihre Idee sogar auf ein mobiles Gerät? Es ist ein großer Teil der Prototyping-Phase. Ah, Drahtrahmen Luft zweidimensionale Skizzen der Sache, die Riel sein könnte. Diese zweidimensionalen Skizzen können also wie das reale Produkt aussehen und Interaktionen wie das reale Produkt haben , wenn sie in ein Softwareprogramm integriert sind. So werden Ihre Drahtrahmen im Wesentlichen zu Ihrem Prototyp. Und dann, natürlich, in der Anwender-Testphase, können Sie Ihre Benutzer-Tests beginnen, sobald Sie Drahtrahmen haben und während des Kurses, werde ich Sie ermutigen, einige Guerilla-Stil Benutzer-Tests mit Ihrem Draht zu machen Frames, so zeigen Menschen und erklären, was sie dio und bekommen Menschen Input und Feedback um zu sehen, ob Sie etwas verpasst haben. Das ist der Punkt, wo Drahtrahmen in den allgemeinen Design-Prozess der Benutzererfahrung passt. Andi. Das ist eine Art der User Experience Design-Prozess in weniger als einer Minute. Also weiß ich, dass es eine Menge zu übergehen ist. Und natürlich gibt es noch so viel mehr. Aber ich wollte dir einen Weg geben, wir ins Schlepptau springen, Drahtrahmen finden . Wenn Sie mit der Benutzererfahrung nicht vertraut sind, entwerfen Sie alles. Mach dir keine Sorgen. Dieser Kurs ist für Leute gedacht, die vielleicht noch nicht wissen, was Sie ausgeben, aber mehr in ihn einsteigen möchten . Es ist eine wirklich gute Möglichkeit, Ihre Füße nass und User Experience Design zu bekommen. Also in der nächsten Klasse wird Drahtrahmen im Detail diskutieren und darüber sprechen, warum User Experience Designer Drahtrahmen und warum Sie zu meinem wollen, warum Sie vielleicht auch Drahtrahmen beginnen . 3. Warum machen wir Wireframe?: Hallo, alle. Willkommen zurück Toe Drahtrahmen für User Experience Design. Wir reden über Drahtrahmen. Was ist ein Drahtrahmen? Es ist ein skelettales, zweidimensionales Modell, in dem nur Linien und Wirbel dargestellt werden. Ein Bild oder eine Gruppe von Bildern, die die Funktionselemente einer Website oder Seite anzeigt, die normalerweise für die Planung einer Websitestruktur und Funktionalität verwendet werden . Also weiß ich, dass das eine lange Beschreibung ist. Ich denke wirklich darüber nach. Drahtrahmen ist ein Werkzeug für die Kommunikation. Drahtrahmen kommunizieren Ihre Designideen. Sie kommunizieren, vielleicht ein Produktmanager Ideen davon, was ein Design mit einem Designer tun muss, um, oder ihre Hallo Fi Mock ups, was ein Produkt schließlich aussehen wird. Das ist also ein Drahtrahmen. Es sind Linien und Boxen, und es wird verwendet, um zu kommunizieren, wie eine Website irgendwann aussehen könnte. Dies ist auch ein Drahtrahmen. Es ist etwas mehr gesucht. Die Linien sind gerade. Sie können einige modulare Konstruktionselemente sehen. Dies ist auch ein Drahtrahmen. Es ist ein hochdimensionaler Drahtrahmen, und ich gehe davon aus, dass es noch nicht funktionsfähig ist. Aber es ist nur ein weiterer Bildschirm, der zeigt, wie etwas irgendwas aussehen wird. Ein Drahtrahmen ist also wieder ein Werkzeug, um zu kommunizieren, wie etwas aussehen wird, was es tun wird und wie der Benutzer damit interagieren könnte. Warum verbringen wir Zeit mit Drahtrahmen? Es gibt viele Gründe, und ich verstehe sie wahrscheinlich nicht einmal alle hier, also denken Sie mehr darüber nach. Einer der wirklich wichtigen Gründe, warum wir Zeit damit verbringen, ist es ist einfach. Es ist ein großartiges Werkzeug für Brainstorming, weil jeder im Team es vermitteln. Es erfordert kein künstlerisches Talent. Es ist nicht etwas, das nur Designer tun müssen. Ähm, und sogar fortgeschrittene Drahtrahmentechniken sind leicht aufzugreifen, und wir werden später im Kurs fortgeschrittene, äh, Papierprototyping oder Papierdraht-Framing-Techniken durchlaufen , äh, . Aber es ist nicht etwas, das auf Menschen mit jahrelanger künstlerischer Ausbildung beschränkt ist . Es ist ideal für Benutzertests, Benutzererfahrungen, Benutzererfahrung. Designer sollten von Benutzertests leben. Wir müssen ihre Entwürfe unseren Benutzern zeigen und Daten erhalten, um zu sehen, ob das, was wir gemacht haben, funktionieren wird . Und Sie können beginnen, Teilnehmer höherer Low-Fidelity-Drahtrahmen anzuzeigen, um zu sehen, ob sie Ihre Idee verstehen, sobald Sie sie machen, damit Sie Benutzer zeigen können, ist Ihre Bleistift- und Papierskizzen , die Sie auf einer Serviette gemacht haben, und sehen, ob sie verstehen, was Sie sprechen über. Mit Drahtrahmen können sich die Teilnehmer immer noch genauso verhalten wie bei einem echten Produkt. Es gibt also Techniken, die Sie verwenden können, um Menschen mit Ihren Papierprototypen interagieren zu lassen, und sie können Ihnen Daten liefern, die wirklich gültig sind. Die Return on Investment, Drahtrahmen herzustellen und sie zu testen, kann buchstäblich in Millionen von Dollar liegen, weil wir über Stift, Papierdrahtrahmen sprechen , die Kosten sind im Grunde Null. Wenn Sie also Ihren Draht testen, Ihr skizziertes Drahtrahmenprodukt umrahmen und erfahren, dass Ihnen eine Schaltfläche fehlt, die den Leuten sagt , wo sie klicken sollen, sparen Sie buchstäblich das Unternehmen oder sich selbst Millionen von Dollar. Verbringen Sie Zeit, wo Framing, um es zu kommunizieren. Ja, es ist viel einfacher zu zeigen als zu erzählen. In vielen Arten der Kommunikation streiten die Menschen, wenn sie nur verbal versuchen, etwas zu kommunizieren. Aber wenn du es schnell einrahmen kannst oder es auf dem weißen Brett herausziehen kannst, Ah, findest du vielleicht, dass du mit wem auch immer einverstanden bist, mit wem du streitest und Ah,findest du vielleicht, dass du mit wem auch immer einverstanden bist, mit wem du streitest unddas Ding zu tun ist die Sache. Es geht nicht darum, dieses Ding zu machen, also haben wir viele Ideen im Kopf, und wir denken gerne, dass wir etwas tun, wenn wir über sie reden und darüber nachdenken . Aber bis wir diese Ideen auf Papier gebracht haben, haben wir wirklich nichts. Also lassen Sie uns diese Idee kommunizieren, dass Sie in Ihrem Kopf klopfen, legen Sie es auf Papier, und dann haben Sie die Anfänge eines Produkts. Wir verbringen Zeit mit Drahtrahmen, um neue Ideen auszuprobieren. Drahtrahmen, besonders in Papier, ist billig und einfach. Sie können all die wildesten Ideen ausprobieren, die Sie je ausgedacht haben. Sie können auch mehrere Ideen ausprobieren. Ihre erste Idee ist vielleicht nicht die beste Idee. Tatsächlich ist es wahrscheinlich nicht die beste Idee. So verbringen Sie Zeit, um mehrere Drahtrahmen zu machen und zu sehen, was Sie kommen mit. In der gleichen Richtung können wir mit Drahtrahmen unsere verrückten Ideen eingrenzen. So ist es billig und einfach, so dass Sie die wildesten Dinge ausprobieren können. Sie können alles ausprobieren, was Sie auf dem Whiteboard mit Ihrem Team brainstorming. Ah, Sie können sehen, wenn diese wilden Ideen vielleicht nicht funktionieren, also haben Sie vielleicht eine fantastische Idee, aber Sie beginnen, Rahmen zu verdrahten und erkennen, dass es einfach nicht in einem mobilen Framework funktionieren wird . Um, Sie können beginnen, Interaktionsprobleme zu visualisieren und Konzeption zu konzeptualisieren, und dann können Sie beginnen, kreative Lösungen zu erstellen. Warum also ist Framing ein wirklich wichtiges Werkzeug, um wirklich mit einigen dieser wilden Ideen zu beginnen ? Sie können Feedback sehr schnell und einfach bekommen. Wenn zurück zu Benutzertests gehen, können Sie mit Ihren Produktmanagern sprechen. Sie können mit Ihrem Rücken und Entwicklern sprechen. Sie können mit Ihrem Freund und Entwicklern sprechen. Sie können mit allen in Ihrem Team sprechen und sehen, ob das, wovon Sie reden, sogar, äh in Reichweite ist . Deshalb verwenden wir Drahtrahmen auf den Punkt gebracht. Deshalb ist es wichtig. Und das ist irgendwie, was es ist. Und in der nächsten Klasse beginnen wir mit unserem Projekt in unserem Projekt, und wir werden ein wenig mehr über die Details der Erstellung funktioneller Drahtrahmen sprechen 4. Wie machen wir Wireframe?: Hallo, alle. Willkommen zurück. Zehendrahtrahmen für User Experience Design. Wirklich aufgeregt zu sehen, dass einige Ihrer Projekte an der Wand erscheinen. Und ich freue mich, mit Ihnen tiefer in den Drahtrahmenprozess einzutauchen. Das ist also Projekt Teil 3, und ich muss Ihnen mitteilen, dass wir einen Schritt zurück gehen müssen. Also werden wir in dieser Lektion über Personas, Szenarien und glückliche Wege sprechen. Wir werden uns also anschauen, wie man in ein Drahtrahmenprojekt eintaucht, während man eine menschlich-zentrierte Designperspektive betrachtet und über Personas-Szenarien nachdenkt. Und Happy Pass wird uns helfen, das zu tun, um den besten ersten Pass bei Ihrem Design zu erstellen , Sie werden mit einem Benutzer und einem Szenario im Kopf beginnen wollen. Dieser Benutzer wird sich dann durch sein Szenario bewegen und Sie werden an einen glücklichen Pass für sie denken . So vielleicht, wie Ihr Design ihr Problem auf die bestmögliche Weise löst. Wenn sie also die beste Erfahrung haben und alles richtig läuft, während sie sich durch Ihren Drahtrahmen bewegen , ist das ihre glückliche Vergangenheit. Wir könnten einen ganzen Kurs zum Thema Personas, Szenarien und glückliche Pfade machen. Aber in diesem Kurs geht es um Drahtrahmen, also gehen wir nicht. Teoh. Wenn du noch nie von diesen Dingen gehört hast, mach dir keine Sorgen. Es wird dir völlig gut gehen. Wenn Sie tiefer tauchen möchten, gibt es eine Tonne von Ressource ist auf allen drei der Persona-Szenarien und glückliche Pads, und ich bin glücklich, diese zu teilen. Sag es mir einfach Bescheid. Ich möchte, dass Sie sich daran erinnern, wo Drahtrahmen in den User Experience Design-Prozess passen. In einer perfekten Welt würden wir uns eine Forschung sagen lassen, wer Persona waas sind und welches Problem wir für sie lösen wollen . Während der Analysephase unseres User Experience würde der Designprozess wirklich auseinandersetzen , für wen wir entwerfen und welches Problem wir für sie lösen wollen. Unsere Analysephase würde uns auch sagen, was sie die glücklichste Lösung wäre. Wenn wir also entscheiden, dass ihr Problem darin besteht, dass sie einen schnellen und einfachen Weg zum Kauf benötigen, sind Tacos perfekt. Happy Path wäre eine dreistufige Anwendung, die sie zu den Tacos brachte, ihnen die Tacos verkaufte und die Tacos fressen durfte. Das ist ein glücklicher Weg. Es enthält nicht Was, wenn sie nicht die richtige Art von Tacos für unseren Benutzer hatten. Es enthält nicht Was ist, wenn der Preis falsch aufgeführt wurde, enthält keine dieser Randfälle oder weniger als glückliche Szenarien. An dieser Stelle denken wir nur über die bestmögliche Lösung nach. Denken Sie daran, wir leben nicht in einer perfekten Welt. Obwohl wir also wollen, dass die Forschung wirklich führt, wo Persona und Szenario ist, werden wir das für dieses Projekt nicht tun können. Also für den Moment werden wir diese Dinger erfinden. Du hast völlig freien Lauf. Denk darüber nach, wer das Ding benutzen wird, das du machst. Und welches Problem wird es für sie lösen? Denken Sie daran, dass das Erstellen von etwas für eine sehr kleine Bevölkerung erfolgreicher sein wird, als etwas zu schaffen, das für jeden etwas löst. Nachdem Sie die Person gefunden haben, für die Sie entwerfen werden, skizzieren Sie sie. Offensichtlich gehen wir nicht auf Perfektion. Aber für die Kommunikation könnte ich Ihnen alles über diese Person erzählen. Sie ist meine Persönlichkeit, die ich für ein Projekt gemacht habe. Habe ich. Ihr Name ist Abby. Abby ist wirklich aktiv im Freien. Geht, sie ist sehr sozial. Sie hat viele Freunde an. Sie ist Mitte der Zwanziger, und sie macht etwa 70.000 Dollar im Jahr. Ich könnte Ihnen auch etwas über Abbys Szenario erzählen. Sie will mit ihren Freunden nach draußen gehen, aber sie hat es schwer, Campingplätze zu finden. Also muss ich wirklich etwas entwerfen, das Abby zu schnell und einfach erlaubt, einfach Campingplätze zu finden, die ihre Bedürfnisse erfüllen und es ihr erlaubt, sie zu kaufen. Jetzt habe ich einen glücklichen Weg. Ich habe eine Person, und ich habe ein Szenario. Hier ist ein Beispiel für ein Szenario wieder, Wir gehen nicht für Perfektion. Wir gehen zur Kommunikation. Ich könnte Ihnen eine ganze Geschichte über Abby und ihre Campingerfahrung erzählen und was sie braucht nur basierend auf diesen Bildern. Und es wäre viel interessanter, als ich dir nur ein Stück Papier vorlese. Also möchte ich, dass Sie Plakat, Persona und Szenario auf die Projektseite. Das Szenario könnte ein Skizzen-Storyboard oder eine geschriebene Geschichte sein. Deine Wahl. Denken Sie in Ihrem Kopf über Ihre glückliche Vergangenheit. Du wirst wirklich in die glückliche Vergangenheit zurückkommen wollen. Später, wenn Sie beginnen, Ihren Drahtrahmen zu entwerfen, wird es diesen Drahtrahmen Prozess viel einfacher machen. Ich freue mich wirklich darauf, Ihre Personas und Ihre Szenarien auf der Projektseite zu sehen und freue mich auf das Projekt Teil vier. 5. Wie machen wir Wireframe (2): Willkommen zurück zu Draht Framing für User Experience Design. Ich freue mich, wirklich anfangen zu beginnen, in unsere Projekte zu graben und mehr über das unheimliche Gritty des Drahtrahmens zu sprechen . Lassen Sie uns also ein wenig darüber sprechen, welche verschiedenen Arten von Drahtrahmen es gibt. Es gibt eine Low-Fidelity-Drahtrahmen, ein que lo fi Drahtrahmen und diese Art von Drahtrahmen Luft Skizze auf Papier, Bar Servietten oder alles, was Sie zur Hand haben. Einige der besten Ideen kommen also von Leuten, die bei Kaffee oder einem Cocktail plaudern und sich eine tolle Idee einfallen lassen. Alles, was es ist, ist eine Idee, bis Sie es auf Papier legen. Also legen Sie es auf Papier. Was auch immer Sie haben und Sie sich selbst einen Drahtrahmen haben, dies ist perfekt akzeptabel für einen Drahtrahmen. Drahtrahmen mit mittlerer Wiedergabetreue können auf Papier mit Linealen oder Gittern gezeichnet werden, oder sogar grob in Softwareprogrammen wie Balsamico oder sogar Fotoshopper Skizze gemacht werden. Wir werden in diesem Kurs nicht in die Prototyping-Software kommen, aber es gibt Tonnen von Ressourcen, die da draußen sind. Wenn Sie Ihre Drahtrahmen auf die nächste Ebene bringen möchten, können diese Programme sogar Ihre Drahtrahmen interaktiv machen und die Minutenprototypen drehen. So kann ein Medium für die Treue Drahtrahmen für unsere Zwecke auf Papier gezeichnet werden. Und wir denken über Lineale nach, die Graphpapier verwenden, wir unseren Abstand berücksichtigen und die Dinge leicht zu sehen machen. Treue eines Drahtrahmens sehr gemacht. Aber die Grundelemente eines Drahtrahmens blieben gleich. Boxen und Linien. Hier ist ein Beispiel für einige Elemente, die in einem handgezeichneten Drahtrahmen verwendet werden können. Sie sehen viel wie die Elemente aus, die Sie auf Ihrem mobilen Gerät sehen könnten, aber ihre Hand laufen und dieses Zeug ist einfach zu zeichnen. Es sieht so aus, als hätte diese Person wahrscheinlich ein Lineal oder eine Art gerade Kante auf Ben benutzt, einige interessante Schattierungswerkzeuge, um etwas zu machen, das ziemlich hoch aussieht. Treue. Jetzt, da wir darüber gesprochen haben, dass Low-Fidelity-Drahtrahmen vollkommen akzeptabel sind, machen wir eine Übung namens Crazy Eights. Eines der schwierigsten Dinge an Drahtrahmen kommt also mit der Idee. Sie können Stunden damit verbringen, ein leeres Stück Papier anzustarren, versuchen, die allgemeine Vorstellung von etwas zu vermitteln, das Sie in Ihrem Kopf haben, und versuchen, es auf Papier zu bringen. Das andere Problem, das wir haben, ist, dass Ihre erste Idee wahrscheinlich nicht die beste Idee ist. Oder vielleicht haben Sie überhaupt keine Ideen. Sie kennen das Problem, und Sie können sich einfach keine Lösung für Ihren Benutzer vorstellen. All diese Dinge könnten mit etwas kreativem Brainstorming gelöst werden. Und ein Problem, auf das die Leute manchmal stoßen, ist, dass sie sich so darauf konzentrieren, ihren Drahtrahmen schön zu machen , dass sie nicht Zeit Box dort Draht fring Gebäude. Sie können auch so auf ihre eine Idee für eine Schnittstelle stecken bleiben, dass sie nicht aufstehen können. Sie können nicht davon rauskommen oder versuchen, neue Ideen zu bekommen. So verrückte Achter ist eine Übung, die Ihnen helfen soll, eine Menge Ideen zu generieren, damit Sie beginnen können , in die stärkste einzutauchen. Mach dir keine Sorgen, aufgeräumt zu sein. Das ist wirklich nicht der Punkt. Sofort. Der Sinn dieser Aktivität ist es, mit vielen Ideen zu kommen und sich herauszufordern, verschiedene Wege zu denken, um das Problem zu lösen. Hier ist, wie es funktioniert. Mit Crazy Aights werden Sie ein Stück Papier in acht kleine Abschnitte aufteilen. Sie müssen nicht sehr groß sein, und es muss nicht ordentlich sein. Sie werden sich eine Minute für jeden Abschnitt geben, also verwenden Sie einen Timer auf Ihrem Handy und stellen Sie sicher, dass Sie sich an die Zeit in dieser einminütigen Skizze halten . Was auch immer zu deinem Kopf kommt, so denken Sie an welche Idee es ist und versuchen, so viel Details wie möglich zu bekommen, bald ist. Der Timer erlischt. Sie müssen zum nächsten Feld wechseln. Sie können entweder auf eine tolle Idee erweitern, die Sie auf der vorherigen Box hatten oder von vorne anfangen . Fordern Sie sich heraus, sich an die Zeitboxen zu halten, also geben Sie sich nur eine Minute, nachdem Sie fertig sind. Du könntest zurückgehen und wirklich auf eine Idee erweitern, die du für toll gehalten hast. Aber an diesem Punkt wechseln Sie weiter. Wenn Sie keinen Startplatz haben, denken Sie darüber nach, Ihr Online-Portfolio zu gestalten oder vielleicht eine App oder eine Website neu zu gestalten, die gerade nicht für Sie funktioniert. Ich freue mich, dich verrückt zu sehen. Es ist in der Projektabteilung. Achten Sie darauf, Ihre Lieblingsidee zu beschreiben und warum Sie es am besten mögen. Wir möchten wissen, warum Sie denken, dass Ihre Idee bleiben könnte und was Sie aufgeregt sind und der nächste Kurs, den wir beginnen, in diese Idee einzutauchen, die Sie die beste halten, und nehmen unsere Drahtrahmen ein wenig mehr hohe Treue. 6. Wie machen wir Wireframe? (3): Hi, alle. Willkommen zurück zu Draht Framing vier User Experience Design, für das wir in Projektteil sind und wir werden beginnen, unsere Drahtrahmung unseren Drahtrahmen zu verfeinern. So wird freigegeben. Zeit, um mit dem Drahtrahmen zu beginnen. Wir werden das Projekt verfeinern, das wir zu unserem Medium Fidelity Drahtrahmen bringen werden. Nach dieser Lektion können Sie mit der Arbeit an Version 1 Ihres endgültigen Projekts beginnen. - Ja. - Ja. Bevor wir also in die Tipps und Tricks für Stift- und Papierdrahtrahmen einsteigen, möchte ich, dass Sie über den Drahtrahmenprozess nachdenken. Denken Sie daran, In Lektion drei sprachen wir über Szenarien, Personas und glückliche Pfade. Wir wollen diese drei Dinge im Hinterkopf behalten, während wir Version eins unseres Drahtrahmens machen. Wir haben gerade ein „Crazy Eights“ -Projekt gemacht. Hoffentlich, als du diese verrückten Achter tust, die irgendwie an dein Szenario in deiner Persönlichkeit gedacht haben? Nehmen Sie diese Persona, setzen Sie sie in das Szenario, an das Sie gedacht haben, und entwerfen Sie Ihren Drahtrahmen für diesen glücklichen Pass. Nehmen Sie diese Persona, Denken Sie also darüber nach als Prozess. Sie möchten Bildschirme entwerfen, die es Ihrer Person ermöglichen, in Ihrer glücklichen Vergangenheit von Punkt A nach Punkt B zu gehen . Also, das wird Sie führen, wie Sie diese Version eines Ihrer Drahtframes erstellen, Denken Sie daran, dass wir iterieren, iterieren. Also hast du gerade bei wirklich Low-Fidelity-Skizzen auf deinen verrückten Achten gemacht. Sie werden diesen Prozess noch einmal beginnen wollen, während Sie diese Drahtrahmen machen. Dies ist eine Low-Fidelity-Version. Also diese Tipps und Tricks sind wirklich für Low Fidelity Drahtrahmen, so dass sie wirklich schnell passieren können . Sie könnten zurückgehen und sie bearbeiten, und Sie werden wahrscheinlich 10 it orations dieser Version eins tun. Also, das gesagt, hier sind einige Tipps und Tricks krank in Ihrer Drahtrahmen-Sauce. Sie können eine Finnmark für Notizen verwenden, wenn Sie Ihre Drahtrahmen zur Seite kommentieren möchten. Aber eine dicke Linie ermöglicht es Ihnen, Details aufzugeben und für das große Ganze zu gehen. Wie ich schon sagte, wir reden über niedrige Treue. Drahtrahmen versuchten nur, ein Interaktionsdesign zu erstellen. Wir versuchen nur, eine Idee zu vermitteln. Halten Sie Ihre Linien dick und chaotisch. Es soll wie eine Skizze aussehen. Halten Sie es einfach in der gleichen Vene. Also eine Kiste an der Seite, äh, vielleicht eine dickere Kiste. Denken Sie minimal. Das ist alles, was Sie an dieser Stelle benötigen, wenn Sie diese Drahtrahmen präsentieren, Sie möchten nicht, dass die Leute sich mit Farben beschäftigen, die Sie bei der Auswahl von Inhalten auf Abstand auswählen . Das sind alles Dinge, die später kommen können. Im Moment versuchen Sie nur, die Grundidee dafür zu bekommen, was dieses Ding, das Sie bauen, überhaupt tut und welche Probleme es löst. Überschriften und Steuer- und Drahtrahmen sind nur Linien und Felder. Wenn Sie verschiedene Arten von Texten zeigen müssen, wie Sie zwischen einem H eins und H drei unterscheiden möchten , verwenden Sie vielleicht ein Scribble für ein H und eine Box für in H zwei. Dies ist nicht der Zeitpunkt, um mit dem Einstecken von Inhalten zu beginnen. Fordern Sie sich heraus, es bis später auszulassen. Wenn Sie einen Flow zeigen müssen, werden Sie verschrottet. Ihr Flow muss nicht von schönen iPhone-Hüllen umrahmt werden. Nehmen Sie die Details heraus und verwenden Sie Felder, um zu veranschaulichen, wie sich ein Benutzer durch den Fluss bewegt. Du kannst sogar dort anfangen. Wenn Sie nicht bereit sind, mit dem Drahtrahmen zu beginnen, legen Sie Ihre Boxen fest und verstehen Sie, was auf jedem Bildschirm für Ihre Benutzer geschehen muss. Für deine Happy Path Toe Arbeit kannst du kommentieren, was auf jedem Bildschirm passieren wird, wenn du noch nicht bereit bist, zu zeichnen. Nachdem Sie herausgefunden haben, was passieren muss, könnten Sie darüber nachdenken, wie das aussehen könnte, wenn Sie Ihren Drahtrahmen bauen. Also, die Luft die Spitzen. Ah, für schnelle Tipps zum Starten von Abschleppdrahtrahmen. Jetzt geht es darum, einfach einzutauchen und mit dem Erstellen zu beginnen. Also holen Sie Ihr Stift-Papier, Ihr Lineal, wenn Sie es wollen, und beginnen Sie durch Ihre Drahtrahmen zu gehen. Denken Sie daran, Ihren Benutzer Ihr Szenario zu halten und Sie sind glücklich Weg im Kopf und Sie werden in Ordnung sein. Beginnen Sie, diese ersten Iterationen auf der Projektplatine zu buchen. Es ist großartig, jetzt mit dem Teilen zu beginnen und mit Menschen zu interagieren. Geben Sie ihnen Feedback. Sag ihnen, was du magst. Sagen Sie ihnen, woran Sie denken, dass es nicht funktioniert, und wir beginnen mit dem Entwerfen 7. Wie machen wir Wireframe? (4): Hallo, alle. Willkommen zurück zum Drahtrahmen für das Design der Benutzererfahrung In dieser Lektion werden wir anfangen, über die Präsentation unserer Drahtrahmen zu sprechen. Wir haben viele Low-Fidelity-Drahtrahmen gemacht. Hoffentlich werden sie an der Wand gepostet. Vielleicht haben Sie sogar angefangen, Feedback zu den Bildern zu bekommen, die Sie gezeichnet haben. Also sprachen wir über Low Fi. Aber hier gehen wir ein wenig mehr. Hallo, fi. Dies ist ein Beispiel für eine Hi-Fi-Skizze Drahtrahmen in Wirklichkeit, Ah, hi fi Drahtrahmen wäre etwas, das in Fotoshop oder Skizze gemacht und dann Produktmanagern oder Entwicklern gezeigt wird , oder möglicherweise redlined toe tatsächlich für unsere intensiven Zwecke gebaut werden. Ah, hi fi Drahtrahmen ist ein Stift und Papier Skizze Drahtrahmen, die immer noch vorzeigbar. Also kannst du das tun. Du brauchst nur ein paar Werkzeuge und einige Patienten. Ich weiß, dass diese Fotos von Drahtrahmen schön aussehen, und sie sehen aus, als hätten Künstler sie gezeichnet, aber es ist völlig in Ordnung, wenn sie es nicht tun. Wenn Sie Drahtrahmen sind, sehen Sie nicht toll aus. Wie ich schon sagte, du brauchst nur ein paar Werkzeuge und ein paar Patienten. Zunächst einmal haben Sie gerade viel Zeit damit verbracht, den Drahtrahmen zu skizzieren und zu entscheiden, der für diesen Teil fünf am besten funktionieren wird . Dies ist also etwas, das Sie bereit sind, den Stakeholdern Einkaufen rund um Ihre Ideen zu präsentieren . Also, weil ich gerade gesagt habe, dass wir ihre Idee an Interessengruppen einkaufen, möchten Sie, dass Ihr Drahtrahmen Engagement und Interaktionsdesign zeigt. Denken Sie daran, dass es hier um Kommunikation geht. Ich weiß also nichts über Ihr Büro, aber ich möchte meinem CEO oder Designdirektor nichts vorstellen, was ich auf einer Serviette gemacht habe. Ich möchte auch kein High-Fund-Mock zeigen, aber wir sind nicht in diesem Stadium des Prozesses. Wie ich schon sagte, wir wollen wirklich über die Art und Weise, die schwächen können R D r. Idee kommunizieren denken . Die besten Drahtrahmen werden verwendet, um zu kommunizieren, was das Produkt dio wird und wie es ein Problem für unseren Benutzer lösen wird . Ich bin nicht bereit zu kommunizieren, welche Farben ich werde, welche flachen Gesichter verwenden. Ich werde wählen, was der Inhalt sagen wird. Ich bin nicht bereit dafür, und ich möchte nicht, dass meine Stakeholder von diesen Elementen abgelenkt werden, wenn sie nicht vollständig ausgeschöpft sind. Also möchte ich die Dinge zurückziehen und mich darauf konzentrieren, zu kommunizieren, was dieses Produkt tut. Aber ich will keinen Zeh. Ich möchte nicht etwas präsentieren, das so aussieht, als hätte ich nicht versucht oder Zeit und Mühe eingesteckt. Das ist es, worüber wir reden, wenn wir über die Präsentation unserer Drahtrahmen sprechen. Ich hatte einmal einen Lehrer, der mir sagte, dass ein toller Drahtrahmen wie ein kleines schwarzes Kleid ist , das noch nicht verkleidet war. Also haben wir keine Absätze oder die Handtasche oder das Make-up oder den Schmuck hinzugefügt, aber es sieht immer noch klassisch und sauber und bereit zum Ausgehen aus. Gerade Linien, Proportionen und Abstände gehen also weit. Man muss nicht wieder schöne Bilder zeichnen, sondern Dinge auf vernünftige Weise aufräumen. Denken Sie an gerade Linien. Denken Sie an Dachrinnen auf Ihrem Drahtrahmen, also lassen Sie die Dinge nicht bis zum Ende der Seite bluten. Platzieren Sie die Dinge gleichmäßig. Graph Paper ist alles, was Sie brauchen, um dies oder ein Lineal zu tun. Ein wirklich einfaches Werkzeug oder eine praktische Dandy-Vorlage. Thes iPhone-Vorlagen sind online kostenlos überall verfügbar. Nur Google befreien Sie, ich Vorlage, und ich bin sicher, dass Sie etwas für den letzten Schliff auf Ihrem Papier Drahtrahmen Schatten finden, Baby Shade Diese Luft, wo die Co-Pick Stifte kann in wirklich praktisch kommen. Wenn Sie keine Kobrick-Stifte haben, können Sie einen Bleistift verwenden. Sie können sehen, dass die Schattierung auf der oberen Schaltfläche macht es ein wenig von der Seite, und die Schattierung auf diesem Webbrowser verwendet wird, macht es ein wenig mehr Design. - Ay. Das ist der aufregende Teil. Wir werden beginnen, Daten wie jeder gute User Experience Designer zu sammeln. Nachdem Ihr Drahtrahmen abgeschlossen ist, müssen Sie ihn zeigen. Das ist es, was Designer tun. Zeigen Sie es Ihren Freunden. Ihre Nachbarn werden an unserer Wand geteilt. Das wirklich wichtige ist, dass Sie, sobald Sie es teilen und einige dieser Daten sammeln, berücksichtigen müssen. Sie können entweder auf Ihrem Drahtrahmen vermarkten und sagen Was müsste geändert werden? Oder du könntest zurückgehen und deinen Drahtrahmen ändern. Wenn viele Daten darauf hinwiesen, dass die Änderung notwendig ist, denken Sie daran, dass Ehefrau Zimmer von vier Kommunikation, ob an Interessengruppen oder an Benutzer. Wir müssen Feedback zu ihren Entwürfen bekommen, um dies zu wiederholen. Wie ich bereits sagte, sind die besten UX-Designer nicht die Menschen, die mit der schönsten Idee kommen, dass die Menschen, die sich an den Prozess halten, den Benutzern zuhören und diese Daten nutzen, um ihre Designentscheidungen wirklich zu beeinflussen . Jittery und wiederholen, Sie werden nie mit dem Design fertig sein, aber das ist der lustigste und frustrierendste Teil, ein Designer zu sein. Irgendwann musst du dich verschieben. Aber bis dahin, nehmen Sie Änderungen auf der Grundlage von Daten. Fordern Sie sich selbst heraus Um eine Reihe von Drahtrahmen zu erstellen, Daten von Ihren Benutzern zu sammeln, wichtige Änderungen zu kennen und sie dann erneut vorzunehmen. Beginnen Sie von vorne mit Ihren Benutzerdaten und machen Sie Ihre Drahtframes wieder. Das bedeutet, zurück an den Anfang zu gehen. Skizzieren Sie. Vielleicht musst du zurück zu verrückten Achten gehen und sehen, ob du sogar ein anderes Problem lösen kannst . Uh, das passiert, wenn wir gute Drahtrahmen herstellen. Ist schaffen wir eine Möglichkeit, gute Daten zu sammeln und letztlich ein besseres Produkt entwickelt. Wenn Sie das am Ende tun, teilen Sie es bitte. Zeigen Sie Ihre Version 1 in Ihrer Version zwei an und teilen Sie mit, welche Daten verwendet wurden, um diese Änderungen vorzunehmen. Dann teilen Sie Ihr endgültiges Projekt. Ich kann es kaum erwarten zu sehen, was du dir einfällt. Denken Sie daran, je mehr Iterationen Sie an der Wand teilen, desto besser. Wir alle wollen den Prozess sehen, damit wir voneinander lernen können. Teilen Sie miteinander, sagen Sie einander, was Sie wollen. Was du nicht magst. Ich bin so aufgeregt zu sehen, was du dir einfällt. Und das ist das Ende. Vielen Dank, dass Sie meinen Kurs genommen haben. Ich weiß es wirklich zu schätzen. Wie ich bereits sagte Kommentare, Fragen, die ich gerne von Ihnen hören würde. Andi. Ich würde gerne sehen, wie Ihr Drahtrahmen läuft.