UX-Design in 1 Stunde lernen: Eine komplette Fallstudienreise

1. Einführung in die User Experience (UX) Design – Der komplette Prozess: Hallo, und willkommen bei User Experience Design, dem vollständigen Prozess. Dieser Kurs wird den gesamten UX-Prozess von Anfang bis Ende abdecken , einschließlich der Produktdefinition ist Forschung, Analyse, Design und erforderliche Tests. Während des Kurses lernen Sie, wie Benutzer- und Produktrecherchen abschließen, Empathiekarten, Benutzerflüsse und Poseidons durchführen, Sie Benutzer- und Produktrecherchen abschließen, Empathiekarten, Benutzerflüsse und Poseidons durchführen, Storyboards erstellen und Skizzen erstellen, um sie in umzuwandeln Wireframes und anklickbare Prototypen , Justin, am Ende dieses Kurses haben Sie ein komplettes UX-Projekt bereit für Ihr Portfolio und Lead Design Thinking. Verwenden Sie unterwegs Tipps zum Interface-Design, Barrierefreiheit und vieles mehr. Hallo allerseits. Vielen Dank, dass ich mir meinen Kurs anschaut. Ich bin UX Lead in London und arbeite seit über fünf Jahren im Bereich UX und UI. Jeden Tag bin ich Teil des Prozesses, bei dem Produkte recherchiert, entwirft und baut, die I für alle 1000 Studenten in UX, Design, Barrierefreiheit, Designsystemen und mehr verwenden . Ich freue mich sehr darauf, mit mir eine Unix-Reise zu beginnen. 2. Was ist der Unterschied zwischen UX und UI: Benutzererfahrung oder UX- und Benutzerschnittstelle. Du bist, ich werde Begriffe sein, die während dieses Kurses verwendet werden, und du bist wahrscheinlich schon einmal austauschbar auf sie gestoßen. Ein Benutzeroberflächendesigner und ein User Experience Designer oder zwei völlig verschiedene Job-Rollen. Viele Stellenausschreibungen verlangen nach UX-UI-Designern, da sie wahrscheinlich nach beiden Fähigkeiten suchen. Es ist jedoch wichtig, dass Sie den Unterschied in den Rollen und Verantwortlichkeiten verstehen . Benutzererlebnisdesigner mit einem Benutzeroberflächendesigner zu verwechseln , ist so einen Piloten bitten, einen Zug zu fahren. Was ist dann der Unterschied zwischen neuen Apps und neuem Auge? Ux befasst sich mit den Harnleitern, Gesamterfahrung mit einer Marke, einem Produkt oder einer Dienstleistung. Um dies zu tun, müssen wir alle Aspekte der Benutzererfahrung berücksichtigen . Oder der UX-Designer vervollständigt Benutzerforschung wie Fokusgruppen und Entitäten. Sie nehmen sich Zeit, um Schmerzpunkte zu verstehen und Verbesserungsmöglichkeiten zu identifizieren. Ux-Designer arbeiten normalerweise in einem gemischten Team zusammen, das sich über Abteilungen für Engineering, Marketing, Design und mehr erstreckt . Die Benutzeroberfläche bezieht sich auf das Erscheinungsbild und die Interaktivität eines digitalen Produkts. Die Kosmetik der Erfahrung, die Topographie, die Schriftarten, die Farbe, der Abstand, die Bilder, die Symbole und die Schaltflächen. Ui Designer ist jemand, der für die Gestaltung der eigentlichen Schnittstelle verantwortlich ist . Der Benutzer wird eine Nachricht sehen. Manchmal codieren UI-Designer das fertige Produkt dazu. Dieser Kurs konzentriert sich auf den gesamten Prozess des Benutzererlebnisdesigns und ist kein ausführlicher Kurs zum Design der Benutzeroberfläche. Dafür nennen wir es die Grundlagen. Dieser Kurs bereitet Sie darauf vor, wie von Anfang bis Ende bei jedem Projekt eine schnelle Suche im Internet durchführen können, die zu vielen verschiedenen UX-Prozessen führen kann . Es kann mit all den verschiedenen Phasen etwas entmutigend erscheinen. Ideiere, definiere, beta, startest, produktion, validiere, du bekommst die Idee. All diese Prozesse sind sehr ähnlich. Wir lernen den iterativen Prozess der Produktdefinition, -forschung und -analyse, des Designs und des Tests kennen. 3. UX und UI in den echten life: Schauen wir uns ein paar Beispiele aus dem wirklichen Leben an, um den Unterschied zwischen UX und UI zu erkennen. Nimmt uns vom Online-Modehändler und erreicht eine großartige UX, indem er Lieferung am nächsten Tag , flexible Zahlungsoptionen, Filtersysteme, personalisierte Empfehlungen Benachrichtigungen auf Lager, Rabattcodes anbietet für Bauherren Bewertungen, schnelle und einfache Rücksendungen, geht die Liste weiter. Dies berücksichtigt die gesamte Erfahrung des Benutzers und befriedigt sie in so vielen Bereichen. Die Benutzeroberfläche besteht jedoch aus allen Produktbildern, den Schaltflächen, den Symbolen, der Schriftart und den Farben. Werfen wir einen Blick darauf bei einem Aufholvorgang eines physischen Produktes. Ketchup kommt normalerweise in zwei Produkten, Glas- oder Plastikflaschen. Beide Produkte sehen gut aus. Sie sind stark und sie können den Nachholvorgang aufhalten. Meiner Meinung nach sieht das Gras kühler aus, etwas Retro. Als Designer ist das Gras besser, oder? Falsch. Ein UX-Designer berücksichtigt das gesamte End-to-End-Erlebnis. Wie Sie sehen können, ist der Plastik besser für das Erlebnis. Es ist quetschig, es kommt einfacher heraus und man muss sich nicht mit der klebrigen Leine anlegen. Ein zusätzlicher Vorteil des Kunststoffprodukts besteht darin, dass Kinder sicher ihren eigenen Nachholvorteil für Aufholunternehmen leisten können ihren eigenen Nachholvorteil . Benutzeroberfläche zu verwenden, wie etwas aussieht und sich anfühlt, spielt eine große Rolle in UX, was nicht dasselbe ist wie ein glänzend aussehendes Produkt, bedeutet nicht immer eine großartige Benutzererfahrung. 4. Einführung in das Beispiel-Projekt: Machen Sie es einfach, mitzuverfolgen. Wir werden ein Beispielprojekt oder eine Fallstudie verwenden. Durchgehend. Sie können zusehen, wie ich jede Aktivität vom UX-Prozess aus erledigt habe, aufbauend auf dem Beispielprojekt. Während wir für diesen Kurs gehen, werde ich eine kleine App recherchieren, entwerfen und testen Sie daran erinnert, den ganzen Tag über Wasser zu trinken. Dies ist ein Basisprojekt und wird nur verwendet, um den UX-Prozess zu demonstrieren. Um das Beste aus diesem Kurs herauszuholen, empfehle ich Ihnen, sich jede Lektion anzusehen und das Lernen auf Ihre eigenen Projekte anzuwenden , die den Kurs beendet hatten. Wenn Sie alle Aufgaben abschließen, haben Sie ein vollständiges Projekt, das Ihren vollständigen UX-Prozess demonstriert, zu Ihrem Portfolio hinzugefügt werden kann. Um Ihnen nach Möglichkeit etwas Zeit zu sparen. Ich habe eine Vorlage zur Verfügung gestellt, die in jeder Vorlesung gezeigt wird. Suchen Sie nach den Ressourcen nach Vorlagen zum Herunterladen und Drucken oder Online-Vorlagen, an denen Sie in Figma direkt arbeiten können. Sie müssen diese Vorlagen nicht verwenden. Und ich würde vorschlagen, dass es für einige Teile des Kurses, wie das Skizzieren, viel einfacher für Sie wäre , direkt auf dem Papier zu arbeiten. 5. Project: Eine der wichtigsten Phasen im UX-Design wird tatsächlich gemacht, bevor wir überhaupt etwas entwerfen oder erstellen. Bevor wir einsteigen, möchten wir uns einen Moment Zeit nehmen über die Benutzererfahrung und das Problem nachdenken , das wir lösen möchten. Wir schließen Project Discovery , um eine bessere Vorstellung davon zu bekommen, wie Erfolg des Projekts aussieht, und um unsere Ziele zu identifizieren. Da es bei der Gestaltung für die Benutzererfahrung darum geht , die Problempunkte Ihrer Benutzer anzupassen. Beantworte die Frage, was ist das Problem? Hier sind einige Dinge, über die Sie für Ihre Projekte nachdenken sollten. Wird ausgeben. Versuchst du es für den Benutzer zu lösen? Welches Problem versuchst du zu lösen? Was ist das Ziel des Projekts? Hier benutzen wir es und warum werden sie es benutzen? Wenn Sie ein UX-Projekt für einen Kunden abschließen, wie würde er den Projekterfolg persönlich definieren? Was sind die Bedürfnisse des Benutzers? Er wird Ihre größten Konkurrenten sein. Wie funktioniert das im Vergleich zu geschäftlichen Anforderungen? Und schließlich, welche Herausforderungen oder Probleme wird die Erfahrung für die Benutzer haben? Werfen wir einen Blick auf ein paar Beispiele für die Beispielprojekte. Das Problem, das wir für unsere Benutzer lösen möchten , ist, dass wir die Leute dazu bringen wollen , mehr Wasser zu trinken. Die Probleme, die wir lösen wollen, sind Menschen die etwas gesund sind, wenn sie in einem Büro arbeiten. Und das Ziel des Projekts ist es, die Wassermenge zu erhöhen , die Menschen jeden Tag trinken. Ein Beispiel dafür, warum sie unsere App verwenden werden. Es liegt daran, dass sie das Trinken von Soda reduzieren wollen. Schauen wir uns noch ein paar Beispiele an. Mit diesem Projekt sollte für einen Kunden abgeschlossen sein. Sie würden wahrscheinlich als Erfolg definieren, als Anzahl der Downloads oder wie viel Umsatz der Office-Partner ist. Wenn Sie sich die Details ansehen, die mobile Benutzer benötigen oder verwenden, benötigen Sie möglicherweise einige kleine Erinnerungen um daran zu denken, mehr Wasser zu trinken, was in ihre vollen Zeitpläne passt. Und schließlich schauen wir uns ein Beispiel für einige unserer größten Konkurrenten an. Wir haben ein ganzes Kleidungsstück und Fitbit. Es gibt keine wirklich richtigen oder falschen Antworten bei Project Discovery. Es wird Sie jedoch zu den Problemen ermutigen , die wir lösen möchten, und uns auf dem Laufenden halten, um die Bedürfnisse unserer Nutzer zu erfüllen. Gute Forschung und Produktdefinition und gute Designentscheidungen. Wenn wir zu diesem Zeitpunkt entscheiden unser Projekt keine Benutzerbedürfnisse lösen wird. Es ist in Ordnung, schnell zu scheitern und hier aufzuhören. Wir haben keine Zeit oder Geld für Design- und Entwicklungsressourcen verschwendet . Dies wäre also immer noch ein gutes Ergebnis. 6. Wettbewerbsfähige Forschung: Aber immer noch Forschung, oder manchmal auch als Wettbewerberanalyse bekannt, ist der Prozess der Erforschung konkurrierender oder wettbewerbsfähiger Produkte , die die Größe des Wettbewerbs auf dem Markt erhöhen werden. Sehen Sie, wie alle Unternehmen funktionieren und helfen, Stärken und Schwächen zu erkennen. Jeder Wettbewerber erforscht , um zu erfahren, welche Fehler Sie unentdeckten Trends vermeiden können. Für unsere Fallstudie gehe ich zu TV-Produkten, die unserer Erinnerung an Wassertrink ähneln . Ich suche die Regierung, einen Marktführer für Sportuhren, und die Apple Health nach oben. gibt es keine richtigen oder falschen Antworten. Denken Sie einfach an Produkte oder Unternehmen, die Ihrem Projekt ähnlich sind , und vergleichen Sie sie. Einige gängige Analysetechniken können gelesen, offenbart, mit Ihnen gesprochen und die Kunden weitergeben oder den Pinsel überprüfen. Schauen wir uns ein Beispiel für eine Analyse an , die ich zuvor abgeschlossen habe. Ich habe Kleidungsstück, Apfel und meine Produkte mit den folgenden Kriterien verglichen . Beste Funktion, Preis, egal ob sie Pläne, Zeugen oder Nachteile freigegeben oder bezahlt haben , sowie die Plattform und das Gerät. Lassen Sie uns ein bisschen tiefer eintauchen. Wir können sagen, dass das Kleidungsstück integrierte Benachrichtigungen an die Regierung verwendet integrierte Benachrichtigungen an die Regierung um daran zu erinnern, Wasser zu trinken. Das wäre eine gute, bessere Funktionalität zum Kopieren. Der Nachteil des Kleidungsstücks ist jedoch, dass die tragbaren Geräte sehr teuer sind. Apple-Gesundheit erfordert teure iPhones, um jedoch die apikale Verbesserung zu bieten, die die Funktionalität bieten, auf Diäten und Wasseraufnahme im letzten Jahr zurückzublicken . Dies kann ein ziemlich klares Bild davon vermitteln, wie mein Beispielprojekt den Erwartungen am Markt gerecht werden und Konkurrenten konkurrieren würde . 7. User: Benutzerforschung ist unerlässlich, damit wir uns auf die Bedürfnisse, Motivationen und Ziele unserer Nutzer konzentrieren können. In frühen Phasen der Produktforschung müssen Sie weitere Informationen über unsere Nutzer erfahren. Seien Sie also zuversichtlich, dass unser Produkt für sie funktioniert und ihre Erwartungen erfüllt. Möglicherweise sind Sie auf den Begriff des benutzerorientierten Designs gestoßen. Das bedeutet im Grunde genommen, was wir entwerfen oder bauen, sich auf den Benutzer konzentriert, bedeutet einfach, dass wir uns auf den Benutzer konzentrieren und bauen, was für ihn funktioniert. Jetzt denkst du vielleicht darüber nach, meine Benutzer abzuspielen und ich finde sie. Und wie kann ich benutzerzentriert sein? Nun, die Benutzer der Art von Leuten, die Sie Ihre Produkte tatsächlich verwenden möchten , müssen darüber nachdenken , wer Ihre wahrscheinlichen Benutzer sind und was sie versuchen zu tun. Sie müssen herausfinden, dass Benutzer derzeit den Service oder die Aufgabe abschließen, für die Sie erstellen. Sie müssen die Probleme oder Frustrationen herausfinden , die sie erleben. Und schließlich, um herauszufinden, was Benutzer von ihrem Service benötigen , um ihre Ziele zu erreichen. Zum Beispiel, wenn Sie eine neue App entwerfen , die Büchern empfiehlt, Lebensziele zu erreichen, z. B. wie Sie Unternehmer werden oder wie Sie mehr Geld sparen können. Sie würden wahrscheinlich versuchen , Nutzer zu recherchieren , die gerne Podcasts lesen oder hören. Das sind die Art von Menschen, die erfolgreicher sein wollen. Alle Arten von Menschen, die einflussreichen Menschen in den sozialen Medien folgen . mein Beispielprojekt sind die Art von Anwendungen, die ich erforschen möchte , diejenigen, die planen und schwierig sind , sich an eine gesunde Ernährung zu halten oder vielbeschäftigte Mitarbeiter, wenn es kommt, richtige Pausen einlegen und trinke den ganzen Tag genug Wasser. Wenn Sie es ernst meinen Ihre eigenen Benutzerrecherchen durchzuführen, ist es wichtig, sich auf die Art der Verwendung zu konzentrieren , die Ihr Produkt tatsächlich verwenden möchten. Wenn Ihr Projekt für die Arbeit oder die Schule gedacht ist, empfehle ich, Forschungen von Kollegen für andere Schüler durchzuführen. Da Sie nur Benutzerrecherchen lernen, würde ich vorschlagen, dass Sie Ihre Freunde oder Familie bitten , in die Lage Ihrer Benutzer zu treten. Eine Umfrage oder ein Fragebogen ist eine schnelle und günstige Methode, um eine große Benutzerbasis anzusprechen. Normalerweise online abgeschlossen, können Sie eine Umfragewebsite wie Survey Monkey oder Microsoft-Bomben verwenden eine Umfragewebsite wie Survey Monkey oder , die die Verteilung von Umfragen und eine einfache Analyse der Ergebnisse bietet . Einige Dinge, über die Sie bei Ihrer Umfrage nachdenken sollten. Berücksichtigen Sie den Zweck der Umfrage. Der Titel der Software, die Sie verwenden werden. Denken Sie daran, Umfragen kurz zu halten. Bieten Sie Benutzern die Möglichkeit, Kontaktinformationen bereitzustellen , wenn sie mit der Kontaktaufnahme vertraut sind. Denken Sie außerdem daran, eine Mischung aus offenen und geschlossenen Fragen zu verwenden und eine Gatekeeper-Frage zu stellen, um Antworten auf Ihre Zielgruppe zu erhalten. Abschließend sind hier ein paar Beispielfragen für die Erinnerungsprojekte für Wassertrink-Erinnerungen. Frage eins, wie viele Tassen Wasser trinkst du an einem Tag? Frage 2, wie viele Dosen Soda trinken in einer Woche? Frage drei, auf einer Skala von eins bis fünf, wie oft fühlen Sie sich dehydriert? Bei der Analyse der Ergebnisse können Sie die Antworten einfach zählen und damit beginnen, die Bedürfnisse der Benutzer anhand der Ergebnisse zu messen. Wenn zum Beispiel die Mehrheit der Umfrageergebnisse gezeigt hat, dass zu viel Soda trinken und sich oft dehydriert fühlen , ist ein starker Anwendungsfall für unser Beispiel auf. Die nächste Anwenderforschungsmethode sind Fokusgruppen. Fokusgruppen können eine weitere gute Anwenderforschungstechnik , um die Einstellungen, Überzeugungen und Wünsche mehrerer Benutzer gleichzeitig zu identifizieren . Eine Fokusgruppe umfasst in der Regel drei bis zehn Teilnehmer, wobei die Gruppe daran liegt, dass es sich um eine Reihe von Themen handelt und mündliches oder schriftliches Feedback durch Übungen und Fragen liefert mündliches oder schriftliches Feedback . Lassen Sie die Benutzer das Reden und die Diskussion führen. Bringen Sie sie dazu, Ihnen von ihren Erfahrungen oder Erwartungen zu erzählen . Gruppieren Sie zur Vorbereitung verschiedene Benutzertypen in einer Sitzung. Auf diese Weise können sie andere Verwendungen und Standpunkte sehen und voneinander abprallen. Stellen Sie sicher, dass Sie eine Vielzahl von Eigenschaften oder Eigenschaften Ihrer Benutzer angeben. Variieren Sie beispielsweise das Alter oder Beruf, so dass Sie verschiedene Erkenntnisse aus der ganzen Linie gewinnen . Laufende Fokusgruppen entscheiden sich jedoch für das Themenspektrum , das Sie vorher besprechen möchten . Stellen Sie offene Fragen, um die Diskussion anzuregen und die Fragen immer in einer logischen Reihenfolge zu löschen . Geben Sie den Benutzern Zeit, richtig zu diskutieren und zuzuhören, Notizen zu machen und Beobachtungen aufzuzeichnen. Und schließlich vielleicht hilfreich, einen Moderator und den Notitennehmer in der Fokusgruppensitzung zu haben einen Moderator und den Notitennehmer in der . Die dritten Benutzerprobleme, die sich verschärfen werden, werden verwendet, um ein US-Unternehmen einzuführen, ist einer Fokusgruppe ähnlich. Sie stellen Fragen zur Sonne, den Bedürfnissen, Erwartungen und Erfahrungen des Benutzers. Es handelt sich jedoch nur um einen Benutzer gleichzeitig. Natürlich sollten Sie mehrere Benutzerrecherche-Interviews durchführen . Gruppieren Sie sie einfach nicht alle in einem Interview und fallen Sie versehentlich in eine Fokusgruppe. Der Vorteil von Interviews zur individuellen Verwendung besteht darin , dass sie die Möglichkeit bieten, tiefer zu graben und die Bedürfnisse Ihrer Benutzer zu untersuchen. Benutzerinterviews können von Angesicht zu Angesicht per Telefon oder Videokonferenz über eine Reihe von Fragen im Voraus stattfinden Videokonferenz über eine Reihe von oder was Sie Ihrem Benutzer stellen möchten. Lassen Sie sich der Benutzer wohl fühlen und stellen Sie Fragen auf neutrale Weise und denken Sie immer daran zuzuhören. Bei der Durchführung von Benutzerinterviews habe ich mit einer Person nach der anderen gesprochen und genug Zeit bereitgestellt. Sprechen Sie ausführlich über Themen. Machen Sie sich viele Notizen über Ihre Benutzererfahrung. Und denken Sie immer daran, die Bedürfnisse für diese Zeit zu bekämpfen. In Bezug auf Fokusgruppen und Use Entities Harrison letzte Tipps, um Diskussionen zu schaffen und die richtigen Fragen zu stellen. Stellen Sie sicher, dass Sie offene Fragen stellen. Erzähl mir von einer Zeit, in der du x gemacht hast oder wie oft machst du warum? Sie müssen in der Lage sein, die Aktivitäten oder Aufgaben zu verstehen ? Diese führen mich zum Beispiel durch, wie du X machen würdest oder was ist der Unterschied zwischen x und y? Es ist wirklich wichtig , die Schmerzpunkte des Benutzers zu verstehen , um Fragen zu stellen , die ihn dazu bringen, darüber nachzudenken, was am meisten stört. Wie wirkt sich das zum Beispiel auf Sie aus? Oder was ist das Schwierigste und Frustrierendste an X? Wenn nötig, können Sie sich auch der Frage zuwenden, um etwas tiefer zu graben und die Klärung zu überprüfen, zum Beispiel, was meinen Sie damit? Oder es klingt, als würdest du das sagen. Ist das richtig? Stellen Sie schließlich immer die wichtigste Frage. Gibt es noch etwas, das du hinzufügen möchtest oder gibt es irgendetwas, von dem du denkst , dass ich dich heute hätte fragen sollen? Jetzt ist es an der Zeit, die Recherche für Ihr eigenes Projekt abzuschließen, eine Umfrage, eine Reihe von Fokusgruppen zu erstellen und zu versenden eine Reihe von Fokusgruppen oder zwei bis drei einzelne Benutzerinterviews durchzuführen. Wenn Sie möchten, können Sie eine Kombination aller drei Anwenderforschungstechniken verwenden . 8. Personas: Die Somas sind realistische Darstellungen unserer Zielgruppe. Um uns dabei zu helfen, unsere Benutzer aus der Forschung zu vertreten, müssen wir die Bedürfnisse des Benutzers in eine fiktive Person verwandeln. Wenn sie vor dem Designprozess erstellt wird, hilft eine Person dem Team, die richtigen Entscheidungen und den richtigen Soundtrack zu treffen. Erstellen von Personas aus unserer Forschung bedeutet, dass wir vermeiden , dass die Tröpfchen von Persona für gefälschte Benutzer etwas entwerfen, das nicht nützlich ist oder nicht funktioniert. Persona ist die beste Note, wenn Sie einige Recherchen abgeschlossen haben Es sollte auf Ihren Ergebnissen aus Umfragen basieren, Fokusgruppen verwenden Interviews oder aus anderen Benutzerforschungstechniken. Du arbeitest in einem Team, du solltest zusammen eine Person erstellen. Dies hilft dem gesamten Team , die Verwendung der Person zu verstehen und erhöht die Chancen, dass Sie tatsächlich daran bleiben. Wenn Sie beispielsweise mehrere Benutzertypen haben, Kundendienstbenutzer nach vorne gerichtet sind, hinter den Kulissen erstellen Sie hinter den Kulissen zwei verschiedene Personas. Obwohl keine richtigen oder falschen Antworten und wie man eine Persona erstellt. Es gibt viele Persona-Vorlagen im Internet mit verschiedenen Abschnitten und Sie können sogar die Vorlage verwenden, die ich beim Erstellen einer Persona angegeben habe . Versuchen Sie, unter der Beschreibung Merkmale zu identifizieren , die Alter, Geschlecht und Beruf jedes Benutzertyps umfassen . Stellen Sie sicher, dass Sie eine neue Person erstellen. Wenn die Persona, enthält ein Name auf dem Bild Motivationen, Schmerzpunkte und Bedürfnisse. Denken Sie daran, sich auf die Persona zu beziehen und Entscheidungen zu treffen. Schauen wir uns eine abgeschlossene Person aus unserem Beispielprojekt an. Ich habe der Person einen Namen, eine Berufsbezeichnung, diesen Bildungshintergrund, ihr Alter gegeben. Ich habe das Bild hinzugefügt, das ich erstelle, hat realistische Eigenschaften meines Benutzers. Aus den Recherchen kann ich einbeziehen, was ihre Verantwortlichkeiten sind. Dieser Schmerz weist beispielsweise von Benutzern auf, die zu besuchen sind, angemessene Pausen bei der Arbeit im Büro an. Ich habe Ziele aufgenommen, die der Benutzer fühlen möchte. Sie wollen sich gesünder fühlen und abnehmen. Endlich habe ich das 10-Store-Erlebnis einbezogen. Dies ist eine unterhaltsame Art zu sagen, schön, Benutzerbedürfnisse zu haben. Denken Sie daran, dass dies eine fiktive Person ist, die auf meiner Benutzerrecherche basiert. 9. Die -: Ziel der Analysephase ist es, die Erkenntnisse zu sammeln, die wir in der Forschungsphase gesammelt haben und sie in Themen zu gruppieren. Wir sammeln die Erkenntnisse, Zähler und Beweise, die weit verbreitet als 12 führen etwas. Wir bezeichnen uns immer als Beweismittel. Bleiben Sie auf dem Laufenden und stellen Sie sicher, dass wir für die Bedürfnisse der Benutzer arbeiten. An dieser Stelle können wir feststellen, andere Benutzer unser Produkt nicht benötigen, was ein gutes Ergebnis ist. Es wurde so geformt, dass es herausfindet und kein Geld für Entwicklung oder gar Design ausgegeben hat. Sie sollten jetzt einige grobe Erkenntnisse von Ihren Benutzern in Form von Umfrageergebnissen oder Zitaten, Beobachtungen und Erkenntnissen aus Fokusgruppen haben. Für individuelle Benutzerinterviews. Wir können jetzt eine so genannte Empathie-Map verwenden , um nicht nur Empathie für unsere Nutzer zu schaffen, sondern unsere Erkenntnisse zusammenzufassen und zu verdauen. Eine Empathie-Map ist in vier Quadranten aufgeteilt, sagt, denkt diese und scheitert. Dies sind alle Aktionen , die unser Benutzer ausführt. Das selbstgefällige Bild oder die Zeichnung Ihrer Person in der Mitte der Seite. Wenn Sie mehrere Personas haben, sollten Sie für jede Person eine Empathie-Map erstellen. Der nächste Schritt besteht darin, Ihre Forschung zu analysieren die Daten im richtigen Quadranten platzieren. Zum Beispiel Zitate aus diesen Interviews, aber sie erwähnten Frustration. Platzieren Sie dies in das Feldfeld, um mit den Umfrageergebnissen zu beginnen Umfrageergebnissen , wie oft jemand etwas tut, die Informationen in das DOS-Feld. Jetzt ist es an der Zeit, deine eigene Empathiekarte zu vervollständigen. Sie können Ihre eigenen erstellen, die Vorlagen in den Projektressourcen verwenden oder direkt in die Figma-Datei gehen. 10. Needs: Benötigt Aussagen, manchmal als Problemaussagen oder Point-of-View-Aussagen bezeichnet , ist eine tatsächliche Problemaussage, die verwendet wird, um sie zusammenzufassen, insbesondere USA sind die Benutzer brauchen und warum die Notwendigkeit dafür wichtig ist benutzer. Sie sollten eine nette Aussage erstellen, nachdem Sie die Recherche abgeschlossen haben , um Ihrem Denken dabei zu helfen, benutzerorientiert zu bleiben. den Vorteilen der Verwendung dieser Anweisungen gehören dazu, dass Sie den Benutzer und die Bedürfnisse erfassen können. Und brauche Aussage bringt das gesamte Wissen und die Beweise aus Forschung, Umfragen, Fokusgruppen usw. in einen einzigen Satz. Und braucht Aussage hilft zu definieren, was Sie in einem prägnanten Ziel lösen möchten. Diese Aussage ist eine hilfreiche Möglichkeit, die Bedürfnisse des Benutzers über mehrere Teammitglieder und Stakeholder zu kommunizieren Bedürfnisse des Benutzers über . Diese nette Aussage ermöglicht es Ihnen, eine Metrik für den Erfolg bereitzustellen , die während des Design-Thinking-Prozesses verwendet werden kann . Wenn Sie eine Bedarfserklärung schreiben, sollten Sie die Lösung nicht einbeziehen. Ich bin gereist, um alle Funktionen einzubeziehen und die folgende Vorlage zu verwenden. Unser Benutzer braucht eine Möglichkeit , diesen Bedarf zu begegnen. Sagen Sie, dass sie auf diese Weise profitieren. Versuchen Sie, ein paar ordentliche Aussagen zu schreiben. Du kannst mischen und abgleichen. Optimiere deine Sprache, bis du deine Trichterbedarfserklärung auftauchst. Wenn Ihre Bedarfsanweisungen dazu führen, dass Sie über Designideen nachdenken oder Sie kompetent sind, fasst die Bedürfnisse des Benutzers zusammen. Du bist auf der richtigen Linie. Hier ist ein Beispiel für eine ordentliche Aussage für meine Beispielprojekte, ich habe meine Forschungsergebnisse in Betracht gezogen, Fokusgruppen eingeführt, die Ziele und Erwartungen meiner Person überprüft und Craig ist die Bedarfserklärung , die die Bedürfnisse des Benutzers genau zusammenfasst. 11. Storyboards: Wir sind jetzt bereit, Ideen zu generieren und mit der Entwurfsphase zu beginnen. Wir können aus all unseren Benutzerrecherchen über ihre Bedürfnisse lernen und Lösungen planen und entwerfen , um ihre Ziele zu erreichen. Storyboards oder billige, schnelle und effektive Designtechniken, die helfen, ein Bild über Ihren Benutzer zu zeichnen und wie er seine Bedürfnisse erfüllt. Es gibt keine richtigen oder falschen Antworten auf Storyboard, um schnelle Ideen zu generieren. Und wenn sie neben einigen Erzählungen verwendet werden, können sie schnell Ideen kommunizieren und die Reise Ihres Nutzers artikulieren. Storyboard kann schnell dazu beitragen, Ideen an andere Mitglieder des Teams zu vermitteln . Storyboards sind keine Wireframes. Denk an dein Storyboard ist ein Comic-Strip. Schließen Sie schnelle Skizzen ein, Aktionen, Beschriftungen sind Erzählung. Denken Sie daran, über den Tellerrand hinauszu Du musst kein großartiger Künstler sein , um ein Storyboard zu erstellen. Strichmännchen sind in Ordnung. Der Hauptgrund für Storyboards besteht darin, die User Journey zu erklären , und jedes Frame muss nicht in der Lage sein, Details zu erstellen. Schauen wir uns mein Beispiel an. Storyboard IVs eine Vorlage mit sechs Quadraten und gezeichneten Grafiken und anderen Erzählungen , um die Geschichte zu artikulieren. Meine Reise folgt meiner Bedarfserklärung. Und COO war ein vielbeschäftigter Mitarbeiter. Es wählt immer zuckerhaltige Getränke über Wasser. Storyboarding ist Zeit für Ideenbildung. In meiner Geschichte habe ich eine Glocke aufgenommen, um die Funktion von Benachrichtigungen zu signalisieren. Beinhaltet Benutzeraktionen wie das Gehen in die Küche, um eine Flasche Wasser zu füllen, und beinhaltete andere Produkteigenschaften die Küche, um eine Flasche Wasser zu füllen, und beinhaltete andere Produkteigenschaften wie einen Wassertracker und Budgets. Insgesamt sollte ein Storyboard die Benutzererfahrung meines Produkts untersuchen . Der Ablauf des Storyboards kann uns helfen, über unseren Benutzerfluss nachzudenken. Und die Verwendung von Flow ist der Prozess einer Reise, bei der ich eine Bänder verwende , die tatsächlich unsere Produkte verwenden Bildschirm durchlaufen. 12. Benutzerströme: Ich verwende einen Float oder manchmal bekannt als Flussdiagramm oder Diagramme oder zeige den vollständigen Pfad an oder zeige den G&A-Benutzer um eine Aufgabe in einer App oder einer Website oder sogar einem physischen Produkt zu erledigen . Der Benutzerfluss beginnt am Einstiegspunkt, wie einer Homepage oder einem Onboarding-Anmeldebildschirm, und navigiert bis zum erfolgreichen Abschluss einer Aufgabe durch verschiedene Schritte oder Benutzeroberflächenbildschirme . Während Benutzerflüsse hilfreich sind, können User Flows Ihnen helfen, schnell eine intuitive Benutzeroberfläche zu erstellen. Ein Benutzerfluss unglücklich überprüft beide Prozesse optimiert und erfordert nicht, dass der Benutzer viele Klicks machen muss. Ein Benutzerfluss kann eine vorhandene Schnittstelle auswerten. Wenn ein Produkt bereits verwendet wird. Zuordnung unseres Benutzerflusses kann helfen Schmerzpunkte zu identifizieren, bei denen die Blockierung im Prozess ist. Benutzerflüsse sind einfach zu kommunizieren. Ein Benutzerfluss kann leicht an das Team oder die Stakeholder weitergeleitet werden. Der Ablauf zeigt einen Schritt-für-Schritt-Prozess der Produkte an. Normalerweise testet eine engere Traube AB die Anmelde-Tests eines Benutzers oder visualisiert zwei verschiedene Flows, oder visualisiert zwei verschiedene Flows um zu entscheiden, welche Option die bessere Option ist. Schauen wir uns einen Beispiel-Benutzerfluss für den Checkout-Prozess an. Schritt 1, der Benutzer startet auf der Homepage. Schritt zum Benutzer wählt eine Kategorie aus. Schritt 3, der Benutzer sucht nach einem Produkt. Schritt für den Benutzer klickt auf ein Produkt. Schritt 5, dies sind Apps , die in den Warenkorb gebracht werden. Schritt 6, diese Eclipse Checkout. Schritt 7, DC hat Käufe auf dem Kassenbildschirm abgeschlossen. Wir können die Nutzung des Fluges visueller machen. Wir können einen Benutzerfluss mit verschiedenen Formen erstellen. Zum Beispiel können wir eine Diamantform verwenden , die eine Entscheidung darstellen. Rechtecke sind verschiedene Bildschirme oder Seiten. Pfeile zeigen die Strömungsrichtung und ein Kreis markiert in den Flug. Er muss diesen genauen Formen nicht folgen. Halte diese einfach konsequent und klar. Schauen wir uns mein Beispiel für die Verwendung von Licht an. Starten Sie den Fluss ist markiert und ein Pfeil zeigt auf den Entscheidungsdiamanten, den Anmeldeschritt. An dieser Stelle haben diese die Entscheidung, sich bei dem bestehenden Konto anzumelden oder in das Menü Einstellungen zu gehen , um ein neues Konto zu erstellen. Wenn Sie sich weiter entlang des Flusses bewegen, werden die Bildschirme durch die Rechtecke dargestellt und die Pfeile zeigen die Reihenfolge an, unabhängig davon, ob es sich um einen doppelseitigen Pfeil handelt. Dies bedeutet, dass der Benutzer innerhalb der App zwischen zwei Bildschirmen hin und her gehen kann. Und dieses Beispiel ist der Wasserverfolgungsbildschirm und der Fortschrittsbildschirm. Ein Benutzerfluss kann schnell dabei helfen, Bildschirme unserer Produkte und der Reihenfolge, in der sie funktionieren, zu visualisieren . 13. Skizzieren: Skizzieren ist eine nützliche Entwurfstechnik , die früh im Entwurfsprozess abgeschlossen werden sollte. Skizzieren kann helfen, schnelle Ideen zu generieren , ohne sich zu sehr auf das Detail zu konzentrieren. Und ähnlich wie Storyboards sollte Skizze verwendet werden, um diese Ideen schnell zu iterieren und zu visualisieren. Das Tolle an Skizzen ist, dass sie billig sind. Du musst kein Künstler sein. Und das kann auf einem Whiteboard oder sogar einem Stück Papier geschehen und leicht weggeworfen werden. Skizzieren Sie vor dem Drahtgitter und können Ihnen helfen, verschiedene Ideen schnell auszuprobieren, bevor Sie sich für Mama entscheiden. Sie spielen auch eine große Rolle in der Zusammenarbeit. Skizzieren können Sie Ihre Ideen an den Rest des Teams weitergeben . Skizzen sind überraschend mächtig wenn Sie bereits eine Idee im Kopf haben. Indem Sie Ihre Idee in einer Skizze visualisieren und mit ihr experimentieren , können Sie verstehen, wie einige von ihnen aussehen werden oder wie sie funktionieren soll. Sobald Sie eine Skizze haben, legt sie die Grundlage dafür, wie Sie sich dem nächsten Teil des Entwurfszyklus nähern möchten , Wireframing. Und der zusätzliche Vorteil des Skizzierens besteht darin, dass sich Menschen oder Benutzer wohler fühlen, wenn sie Feedback geben. Wenn Menschen ein pixelperfekter High-Fidelity-Prototyp gezeigt wird , sieht er fertig aus und die Leute wollen sich nicht zurückdrängen und den Designer verärgern. Wenn eine Skizze gezeigt wird, dauert die Arbeit nur wenige Minuten und Leute fühlen sich viel wohler , Feedback zu geben. Verrückte Achter oder ein Skizzierdesign Techniken , um das Skizzieren noch schneller zu machen. Die Idee ist, dass Sie bei acht Kartons beginnen oder sogar ein Stück Papier in acht Quadrate falten können . Wir müssen uns schnell acht verschiedene Ideen einfallen lassen. Mithilfe von Google-Design-Sprints zwingt es Sie, über den Tellerrand hinaus über die Entwicklung von Ideen zu denken Stellen Sie einen Timer für acht Minuten ein und versuchen Sie, sich auf eine Minute pro Idee zu halten. nach einer Runde Crazy Eights Wählen Sie nach einer Runde Crazy Eights Ihre besten oder beliebtesten Ideen aus. Stimmen Sie vielleicht für zwei oder drei und führen Sie eine weitere Runde Crazy Eights durch, um sich darauf zu konzentrieren , Ideen für diese bestimmte Funktion zu generieren. Schauen wir uns einige verrückte Achten für die Beispielprojekte an, die von meinen Storyboards, Bedarfsanweisungen und Benutzerflows folgen . Ich habe schnell Ideen für meinen Wassertrink generiert. Jedes Design hat eine Anmerkung, eine kleine Erzählung, die hilft, alle Zeichnungen bei Bedarf zu erklären. Einige meiner Skizzen beinhalten Motivation, Animationen einer Wasserflasche, die sich ein bisschen wie wieder füllt, eine Tabelle, um die Wasseraufnahme während der Woche zu verfolgen. Ein bisschen wie ein Log-Bewertungsbildschirm, um Datum und Uhrzeit für das Trinken von Erinnerungen mit einem Gürtel auszuwählen , und eine Option, um zu ändern, wie Sie Ihre Wasseraufnahme messen möchten , bewältigt Milliliter wann immer du fühlst. Wir können jetzt unsere Skizzen verwenden, um unsere Ideen zu Wireframes zu entwickeln. 14. Wireframing: Wireframes sind Illustrationen einer App oder Website , die sich speziell auf das Layout und die Funktionen des Produkts konzentrierten . Sie verwenden keine Farbe oder Styling und werden einfach verwendet, um die bloßen Knochen des Produkts zu planen. Vorteile des Wireframings bedeuten , dass wir dazu beitragen können, uns mit unseren Benutzerflüssen und Storyboard zu einem abgerundeten Design zu verbinden . Er hilft bei der Planung der Funktionalität dieser Schnittstelle und hilft uns dabei , den Inhalt zu gestalten. Wenn wir Wireframes erstellen, sollten Wireframes nur verwendet werden, um Navigation, Inhaltselemente und grundlegendes Feature-Design zu plotten . Wir halten das Design einfach. Wir verwenden keine Farben, wir verwenden keine Bilder und wir verwenden eine generische Schrift. Der folgende Inhalt findet sich normalerweise in Wireframes. Logos verwenden Schnittstellenelemente wie Textfelder und Schaltflächen. Wir können Überschriften und andere Topographien und die Navigation verwenden. Es gibt zwei Arten von Wireframes. Wireframes mit niedriger Wiedergabetreue sind die einfachsten, einfachsten Formen und Text, um die Grundlagen des Designs neu zu erstellen die Grundlagen des Designs und sich perfekt für Usability-Tests zu eignen. Dies liegt daran, dass sie schnell und einfach herzustellen sind. Wir müssen uns keine Sorgen machen, zu lange zu verbringen oder sie perfekt zu machen , da sie möglicherweise umgebende Benutzertests ändern müssen . Die zweite Art von Wireframes sind High-Fidelity-Wireframes. Diese Wireframes enthalten oft mehr Informationen wie z.B. pixelperfekte Dimensionen, Interaktionen und andere Aktionen im Zusammenhang mit einem fertiggestellten Design. Dies sind die sechs fertigen Low-Fidelity-Wireframes aus unseren Beispielprojekten. Die Wireframes folgen meinem Benutzerfluss. Und dies ist das erste Mal, dass wir wirklich über das Design und seine Funktionen nachgedacht haben. Denken Sie daran, das Ziel für mein Produkt ist eine App, die Menschen daran erinnert, mehr Wasser zu trinken. Das Drahtgitter beginnt mit einem Anmeldebildschirm oder auf dem Einstiegsbildschirm. Ein Benutzer füllt dann die Einstellungsseite aus, die Benachrichtigungen enthält. Einmal eingerichtet, werden diese gescreent und Wasseraufnahme. Und schließlich gibt es ein Protokoll, um den Fortschritt zu überprüfen. Wie Sie an diesen Drahtgittern sehen können, verwenden sie keine Farbe. Sie sind nicht perfekt und sie werden nur verwendet, um sich ein grobes Bild vom Design und den Funktionen zu verschaffen. Diese Wireframes wurden in Figma oder Wireframing-Tool eingebaut . Sie können direkt in die Figma-Datei schauen die in den Ressourcen bereitgestellt wird. Und es gab einen Vorlagenrahmen, um loszulegen. Dieser Kurs ist kein tiefgreifendes Ziel und wie man Figma einsetzt. Es gibt viele Tutorials online. Und wenn Sie möchten, können Sie sogar eine andere Wireframing-Software wie envision oder Adobe XD verwenden eine andere Wireframing-Software . Als erstes Drahtgitter zum Erstellen eines Anmeldebildschirms oder des Startbildschirms verwende ich eine Kombination aus Formen und Text, um unser Dachdesign zu plotten. Ich verwende ein Quadrat in der Mitte der Seite, um ein Logo in der Mitte darzustellen. Und ändern Sie die Farbe in Schwarz, was perfekt für Wireframes geeignet ist. Ich kann einen grundlegenden Text hinzufügen und dann den Button unten auf dem Bildschirm vorgeben. Hör auf. Baue die Grundlagen des Designs. Ich verwende den gleichen Prozess, um zwei weitere der Drahtgitterbildschirme zu erstellen . Diese müssen nicht perfekt sein. Wir möchten sie einfach halten, da wir diese Wireframes verwenden und Usability-Tests durchführen. Möglicherweise müssen wir ein paar Nacharbeiten machen. Es ist also am besten, sich noch nicht vom Design mitreißen zu lassen. Dies sind die fertigen Wireframes. Wir haben einen Anmeldebildschirm, der der erste Bildschirm ist , den der Benutzer sieht. Wir bewegen uns durch den Ablauf der App über den Einstellungsbildschirm und wählen die Wochentage und die Uhrzeit aus, sobald wir dies benachrichtigt haben. Und schließlich bis zum Wassereinlassbildschirm und endet mit dem Protokoll oder dem Diagrammbildschirm. Um unsere Wireframes für Usability-Tests nützlich zu machen, müssen wir sie in anklickbare Wireframes umwandeln. Anklickbare Wireframes sind interaktive Prototypen , die wie eine echte App funktionieren. Wir können Teile des Drahtgitters miteinander verknüpfen. Und wenn der Benutzer mit ihnen interagiert, simuliert er das Klicken durch die App. Klicken Sie in Figma auf Prototyp und in die obere rechte Ecke. Von hier aus verbinden Sie Elemente der Wireframes , um einen Pfad zu bilden. Ich habe den Stopp-Button mit meinem zweiten Frauen-Frame verbunden, da dies der zweite Bildschirm und meine Flagge ist. Ich kann alle Knöpfe verknüpfen, oder? Die Bildschirme sind in der richtigen Reihenfolge miteinander verknüpft. Ich kann Wireframes vier oder fünf miteinander verbinden. Du wirst einen Button hinzufügen. Verknüpft das Diagramm wenn ein Benutzer auf den Sieben-Tage-Durchschnitt Woodson klickt. Ich kann auf Play klicken und Figma lädt meine weißen Freunde auf. Von den Wireframes funktionieren wie eine echte App. Ich kann mich durchklicken und Bhutan t ist mein floraler Usability-Test. Wir können unsere Prototypen und Wireframes teilen und daher testen, um durchzuklicken und zu testen. 15. Usability: Usability-Tests ist der Prozess, bei dem bewertet wie gut ein Produkt funktioniert , wenn es bis Samstag verwendet wird. Bei verschiedenen Usability-Testtechniken beobachten wir, wie Benutzer Aufgaben erledigen oder einfach mit dem Produkt interagieren, was uns dann hilft, Feedback darüber zu sammeln , wie brauchbar das Produkt ist. Wenn wir etwas entwerfen und bauen. Wir denken oft, dass es äußerst nützlich ist , weil wir die Produkte kennen , als ich Angestellter war und wie man herumnavigiert. Wenn Sie sich jemanden ansehen Newton Short Produkte, können Sie Verbesserungsbereiche sagen. Schauen wir uns die Vorteile von Usability-Tests an. Usability-Tests können uns helfen, Jackie für das Produkt entspricht den Zielen und Bedürfnissen unserer Benutzer. Imbissbuden. Das Produkt ist das, sie können dazu beitragen, Empathie zu schaffen, wie unsere Benutzer arbeiten. Designentscheidungen für Feiertage. Wir können feststellen, wie lange der Benutzer braucht , um unsere Produkte zu verwenden. Und es reduziert das Risiko, ein Produkt zu bauen , das nicht funktioniert. Jetzt müssen Sie nur noch mit fünf Benutzern testen. Die Leute denken oft, dass Usability-Tests ein kostspieliger Prozess sind, der Zeit in Anspruch nimmt , und ich muss viele Freiwillige zum Testen finden. Untersuchungen haben gezeigt, dass fünf Jahre normalerweise bis zu 85 Prozent der Usability-Probleme identifizieren werden . Dies liegt daran, dass Benutzer normalerweise auf ähnliche Weise arbeiten. Während des Usability-Tests werden Sie Themen und Trends sehen, und Sie werden feststellen, dass Anwendungen dieselben Benutzerfreundlichkeit wie einander identifizieren . Nach 50 Usability-Tests kann es sicher sein, dass die meisten Sichtbarkeitsprobleme gefunden wurden. Für einige Usability-Testmethoden wie Umfragen oder die Verwendung von Heatmaps. Es ist in Ordnung, mit mehr als fünf Benutzern zu testen. Wie in der Regel gibt es nach einer nationalen Gesellschaft sehr wenig bereitwillige Kosten und Aufwand. Schauen wir uns ein paar verschiedene Methoden zum Testen von Usability an. Zunächst einmal die Benutzerfreundlichkeit, auf die sich später in diesem Kurs weiter konzentrieren wird. Sichtbarkeitstest beinhaltet einen Moderator, der Live-Benutzer beobachten und Feedback erhalten möchte , manchmal als moderiertes Testen bezeichnet. Während eines Usability-Tests, einer Aufgabe, werden den Teilnehmern Fragen gestellt und drei Aufgaben geleitet. Benutzerfreundlichkeit des Produkts. Diese Sitzungen bieten die Möglichkeit , um Klarstellung zu bitten. Beobachten Sie die Körpersprache und Dinge, die sie sagen könnten. Ab. Und AB-Test, dass der Prozess des Vergleichs zweier Designs oder Ideen miteinander bestimmt, welches besser abschneidet. Survey, System Usability Scale oder Quelle ist also ein Werkzeug zur Messung der Benutzerfreundlichkeit des Produkts. Es kann heute Abend auf einem Fragebogen angezeigt werden, der bewertet wird und die Benutzerfreundlichkeit des Produkts berechnet wird. Eine Beispielfrage aus der Umfrage lautet Ich fand das System unnötig komplex. Sitzungsaufzeichnung kann in großem Maßstab auf Websites oder Apps abgeschlossen werden . Dieser Prozess beinhaltet ein Tool, das die Aktivitäten des Benutzers für ein Produkt aufzeichnet. Zum Beispiel werden Heatmaps generiert, um die am häufigsten verwendeten Bereiche eines Produkts anzuzeigen, welche Schaltflächen die meisten Klicks erhalten haben. Sie können aufzeichnen, wie lange Benutzer auf der Website verbringen. Einige Sitzungsaufzeichnungen können Eye-Tracking beinhalten, das überwacht, wo der Benutzer auf den Bildschirm schaut. Guerilla-Tests sind ein Usability-Test-Ansatz , bei dem Testteilnehmer nach dem Zufallsprinzip ausgewählt werden, die normalerweise an öffentlichen Orten im Café durchgeführt werden. Nun, das Testen ist eine kostengünstige, relativ einfache Methode, die ein sofortiges Feedback ermöglicht. Normalerweise wenn der Preis für Kaffee. Ein Telefoninterview ist eine grundlegende Form der Sichtbarkeit. Ähnlich dem moderierten Usability-Test vertrauten Teilnehmer von mündlich an, Aufgaben über das Telefon oder die Videokonferenz zu erledigen. 16. So führt man einen Usability-Test: Für diesen Kurs werden moderierte Usability-Tests durchgeführt, wobei beobachtet wird, dass die fünf Benutzer Aufgaben auf unseren anklickbaren Wireframes erledigen. Wenn Sie eine Kombination der anderen Usability-Testmethoden verwenden möchten. Da Sie immer noch nur Usability-Tests lernen, empfehle ich Ihnen, Ihre Freunde oder Familie zu bitten , Ihre Testteilnehmer zu sein. Bevor Sie Usability-Tests durchführen, müssen Sie eine Reihe von Dingen vorbereiten. Zunächst müssen Sie entscheiden, wie Sie Ihren Test durchführen möchten. Sie können die anklickbaren Wireframes und Figma teilen und darum gebeten werden, den Teilnehmern der Bildschirmfreigabe oder des Bereichstests die Interaktion mit Ihren Wireframes auf Ihrem eigenen Computer zu erleichtern. Sie müssen die fünf Freiwilligen herausfinden um Usability-Tests abzuschließen. Möglicherweise müssen Sie sie arrangieren, um mir zu helfen, Notizen zu machen oder Ihre brauchbare Bewertung zu erleichtern. Und Sie müssen entscheiden, welche Aufgaben Sie den Benutzer für Ihre Produkte ausführen möchten. Bei der Erstellung von Aufgaben ist es wichtig, sie realistisch zu halten und sicherzustellen, dass ich alle Phasen des Produkts abdecke, sollten Aufgaben in einer geeigneten Reihenfolge sein und den Benutzer nicht zu sehr führen. Wir wollen die Antwort nicht verschenken. Könnten die Aufgaben zu einfach sein? Die Aufgabe sollte tatsächlich abgeschlossen werden können. Und wir sollten diese Fähigkeitstests behalten Valley zeigen. Vermeiden Sie also zu viele Aufgaben. Hier sind die Aufgaben, die meine Benutzer verloren haben, um eine Aufgabe auszuführen, wieder den Anmeldeprozess, Aufgabe zur Auswahl Ihrer Einstelleinstellungen für Erinnerungen. Aufgabe 3, wählen Sie Ihre Einstellungen für die Wasserziele aus. Task-Bot, können Sie in der App die Wassermenge aufzeichnen , die Sie heute konsumiert haben? Task 5. Können Sie nachsehen, ob der Wasserverbrauch für die letzte Woche angezeigt wird? Die Aufgaben sind für die Wireframes geeignet. Sie befinden sich in einer Reihenfolge , die es ermöglicht, einfach durch die anklickbaren Wireframes zu fliegen. Und ich habe keine Antworten oder Lösungen verschenkt. Diese Aufgaben können Ihnen helfen die Benutzerfreundlichkeit der App zu verstehen. Und wenn es einfach ist, ein Profil der Ziele des Wasserverbrauchs zu und einen wöchentlichen Fortschritt zu überprüfen. Die Weiterleitung eines Usability-Tests, Es ist wichtig zu wissen, wie man den Benutzer richtig beobachtet. Wir möchten, dass unsere Benutzer die Aufgaben erfolgreich erledigen können , aber es gibt zusätzliche Beobachtungen, die uns helfen, unser Design zu validieren und verstehen, wie einfach das Produkt ist zu verstehen, wie einfach das Produkt ist TAs führen können Schließe die Aufgabe erfolgreich ab. Beobachtete bestimmte Benutzerverhalten, zum Beispiel Dinge, die sie sagen. Ich bin mir nicht sicher, wo ich klicken soll. Beobachten Sie die Körpersprache des Benutzers. Halten sie an und halten sie an und denken darüber nach eine Aufgabe erledigen oder während einer Aufgabenzeit, wie lange es dauert, bis ein Benutzer jede Aufgabe erledigt hat. Notieren Sie, wie oft der Benutzer eine Aufgabe nicht abschließen kann, und identifizieren Sie Verbesserungsbereiche , während Sie den Benutzer beobachten können. Mit all diesen zusätzlichen Informationen können wir unser Produkt verbessern und Bedarf unsere Designänderungen vornehmen. Für die Quelle des Tests stellt Usher vor und teilt dem Benutzer mit, dass Sie ihn auffordern werden mehrere Aufgaben zu erledigen. Kurz bevor Sie mit dem Usability-Test beginnen, sollten Sie dem Benutzer mitteilen, dass wir das Produkt testen, und wir werden ihn nicht für die Testbarkeit der Benutzerskala verantwortlich machen . Lesen Sie die Aufgaben während des Tests laut vor. Wanted Design bietet genügend Zeit dazwischen, einfacher, die Aufgabe zu versuchen. Während der Aufgabe, Observer-Theorie , erfolgreich abgeschlossen. Denken Sie daran, sich Notizen über diese Körpersprache zu machen, die sie benötigen, um die Aufgabe abzuschließen , die von den Benutzern üblich ist. Nach jeder Aufgabe fragt der Benutzer zusätzliche Kommentare. am Ende aller Aufgaben Fragen Sie diese am Ende aller Aufgaben als abschließende Kommentare zu den Usability-Tests. Voice Memo, um ihnen für ihre Zeit zu danken. Und wiederhole dies mit bis zu fünf Benutzern. Schließlich verwenden diese Tests Ihre Ergebnisse und Ergebnisse, um Änderungen an Design oder Benutzerfreundlichkeit an Ihren Produkten vorzunehmen. 17. Nuteroberflächendesign: Designmuster der Benutzeroberfläche sind vernünftige Designlösungen, die den Test der Zeit bestanden haben. Viele Websites und Apps verwenden dieselben Muster wieder , um die Lernkurven zu senken und den Benutzern Einfachheit und Benutzerfreundlichkeit zu bieten. Zum Beispiel wird immer eine Navigationsleiste angezeigt, die normalerweise oben auf der Seite in einem Banner oder Donald auf der linken Seite des Bildschirms platziert wird. Wir sehen übliche Muster wie diese in unserem täglichen Leben, da wir verschiedene Technologien verwenden Die folgenden Tipps und Best Practices können als Checkliste verwendet werden , um sicherzustellen, dass Sie folgen grundlegende Richtlinien für die Benutzerfreundlichkeit. Wir werden nachschlagen, wie dem Benutzer Feedback geben können. Konsistent mit den visuellen Standards. Ähnlichkeit mit dem Benutzer hilft Benutzern verschiedene Arten von Fehlern zu beheben. Wir können uns ansehen , wie man Farbe und Typografie verwendet , um auf verschiedene Dinge auf dem Bildschirm aufmerksam zu machen. beim ersten Feedback genügend Feedback, Verwenden Sie beim ersten Feedback genügend Feedback, um dem Benutzer mitzuteilen, was passiert. Wenn beispielsweise etwas geladen wird, können Sie eine Ladeleiste anzeigen wenn etwas zu einem Auto hinzugefügt wird, und eine Nachricht anzeigen, die zu einem Auto hinzugefügt wird. Dies gibt den Nutzern zeitnah Feedback , damit sie wissen, was los ist. Konsistenz. Benutzer sollten nicht zu sehr darüber nachdenken müssen , was etwas ist oder wie sie damit interagieren sollen. Es ist nicht kaputt, repariere es nicht. Wenn Benutzer etwas Vertrautes verwenden, fühlen sie sich oft wohler und erledigen die Dinge schneller. Sobald ein Benutzer gelernt hat, etwas zu tun, sollten Sie in der Lage sein , diese Fähigkeit oder die Teile der Website oder sogar anderer Websites zu übertragen . Use-Interface-Elemente werden häufig verwendet. Widgets, die über das Web erkennbar sind. Mit diesen sehen wir Hybrid-Design konsistent aus und fühlen uns an. Wie viele Benutzeroberflächenkomponenten können Sie sich jetzt vorstellen? Hier sind ein paar Beispiele. Wir geben Steuerelemente wie Schaltflächen, Textfelder, Kontrollkästchen, Optionsfelder , Dropdown-Listen, Listen, , Umschalter oder Schalter, Datumsfelder ein. Sie haben Navigationselemente wie Breadcrumbs, Schieberegler, Suchfelder, Paginierung, Tags, Symbole oder Informationskomponenten wie Tooltips, Fortschrittsbalken, Benachrichtigungen, Nachrichtenfelder, modale Fenster und Dialoge. Ja, es gibt Lasten, die diese Elemente in Ihrer Benutzeroberfläche verwenden , seit die Benutzer es bereits gewohnt sind, sie zu sehen und zu wissen, wie sie mit ihnen interagieren können. Vertrautheit. Wenn etwas vertraut oder konsistent ist und wie erwartet funktioniert, wird es wahrscheinlich die Erwartungen erfüllen und niedrigere Lernkurven für die Benutzer erzeugen, was bedeutet, wie einfach es ist , etwas Neues auszuwählen. Zum Beispiel die Navigationsleiste, Es ist immer genug vertraute Position auf dem Bildschirm. Betrachten Sie Layoutschaltflächen nach der Beziehung zwischen Elementen auf der Seite und dem Strich zur Seite basierend auf der Wichtigkeit. Eine sorgfältige Platzierung von Gegenständen kann dazu beitragen, die Aufmerksamkeit auf die wichtigsten Informationen zu lenken, die Scannen und Lesbarkeit haben können. Wenn es beispielsweise eine primäre Aktion auf der Seite gibt eine primäre Aktion auf , auf die Benutzer klicken sollen, ändern Sie sie in eine andere Farbe in der Mitte der Seite. Stellen Sie es an einen Ort, an den der Benutzer schauen wird. Hilft verwendet Fehler zu verhindern und zu beheben. Y bedeutet bei Fehlern, wenn etwas schief geht, gibt es nichts Schlimmeres als bei der Verwendung eines Produkts und dann geht etwas schief. Ich bin oft in Apps gefangen und es ist nicht ganz klar, ob ich beim Entwerfen ein Formularfeld verpasst habe oder bestimmte Passwortanforderungen nicht erfüllt habe, habe versucht, arabische Prävention einzuräumen hindern Sie Benutzer daran, so einfach Fehler zu machen. Und wenn sie es warm machen, verstehen Lum einen , wenn man auftritt. Erlauben Sie einem Benutzer beispielsweise nicht, einen Bildschirm zu erreichen, der nicht gefunden wurde. Fehlermeldungen sollten in klarer Sprache geschrieben werden. Verwenden Sie keine Fehlercodes und skizzieren Sie das Problem klar und schlagen Sie eine Lösung vor. Am wichtigsten ist, sagen Sie den Benutzer niemals ab. Es kann Angst hervorrufen und ist keine integrative Art, Benutzer zu behandeln. Farbe kann verwendet werden , um die Aufmerksamkeit zu lenken und Gegenstände auf dem Bildschirm hervorzuheben. Eine gute Option wäre die Verwendung einer Farbpalette, mit der sichergestellt wird, dass Ihre Verwendung von Farben im gesamten Design konsistent ist. Zum Beispiel las der Benutzer Fehler und stimmte Erfolgsmeldungen zu. Schauen Sie sich diese Webseite an, es ist Google Flights, alles, was Sie mit dieser Seite interagieren können, wie zum Beispiel den Link, die Schaltflächen, die Symbole auf der linken Seite, die Umrisse des Lehrbuchs , sie sind alle blau. Dies zeigt sofort , dass Sie alles, was ich verwende, auf alles klicken können, mit dem Google interagieren muss. Eine blaue Farbe. Es hilft bei der Lesbarkeit und zeigt, auf welche Dinge Google klicken muss. Verwenden Sie Typografie, um eine Hierarchie zu erstellen. Verschiedene Schriftgrößen, Schriftarten und Textanordnungen können dazu beitragen, die Skalierbarkeit zu erhöhen und zu zeigen was auf dem Bildschirm am wichtigsten ist. Schauen wir uns die anderen Vorteile an, die das Verfolgen von Designmustern der Gänseblümchen-Schnittstelle haben. Während das Befolgen konsistenter unbekannter Muster möglicherweise nicht. Es ist weniger Brainpower für die Benutzer. Benutzer müssen nicht darüber nachdenken, was etwas tun wird, bevor sie darauf klicken. Zeit und Mühe können dadurch erspart werden , das Rad nicht neu indem diese erkennbaren Benutzeroberflächenelemente verwendet werden, mit denen bereits Know-How man interagiert. Wir mussten nicht unsere eigenen entwerfen oder neue erstellen , indem wir vorhandene Muster verwenden, wie es zugänglich ist. Dies liegt daran, dass die Benutzer bereits wissen, wie etwas funktionieren wird. Es ist dem Benutzer bekannt. Es erfüllt die Erwartungen. Und insgesamt bieten wir Level-Lernkurven für den Benutzer an. Je weiter Sie Designmuster sind, empfehle ich Ihnen, die 10 Usability-Heuristiken für das Design der Benutzeroberfläche von Nielsen Norman Group zu lesen . Diese Heuristik oder allgemeinen Richtlinien 1994 nach dem Test der Zeit erstellt wurden , sind heute noch relevant für Aufbau und die Gestaltung nutzbarer Schnittstellen. 18. Barrierefreies inclusive: Barrierefreiheit bedeutet dass Ihr Produkt für Inhalte sichergestellt wird, die von einer möglichst breiten Zielgruppe verwendet und verstanden werden können . Wenn wir an barrierefreies integratives Design denken, denken wir oft hauptsächlich behinderte Benutzer, was der Fall ist. Aufbau für Barrierefreiheit wird jedoch auch die Erfahrung vieler anderer Benutzertypen verbessern. Zum Beispiel diejenigen, die eine vorübergehende Behinderung haben, wie einen gebrochenen Arm oder eine langsame Netzwerkverbindung oder eine situative Beeinträchtigung, wie Untertitel und erlaubtes Amt benötigen. Backen in Barrierefreiheit kann diesen Benutzern helfen. In Großbritannien hat jeder fünfte Menschen eine langfristige Krankheit, Beeinträchtigung oder Behinderung. Und viele weitere Hubbard vorübergehende oder situative Behinderung. Dies bedeutet, dass 20 Prozent unserer Benutzer möglicherweise nicht in der Lage sind, hartnäckige Produkte die gleiche Weise wie andere Personen zu erhalten. Betrachten wir verschiedene Beeinträchtigungen. Einige, an die Sie vorher vielleicht noch nicht gedacht haben. Division. Sehbehinderte Benutzer benötigen in der Regel die Funktionalität von Hilfstechnologien wie einem Bildschirmlesegerät. Menschen, die Farbenblindheit haben, würden in dieser Kategorie hören. Hörgeschädigte Benutzer benötigen in der Regel Beschriftungen oder Untertitel. Hub der Taubheit. Motorische, motorisch beeinträchtigte Benutzer haben möglicherweise ein Glied verloren, haben Parkinson-Krankheit mit einer unruhigen Hand. Nutrient Pad verwendet hauptsächlich die modifizierte Maus oder bevorzugt größere Trefferzonen für Tasten, wenn sie klicken möchten. Kognitive Benutzer haben möglicherweise ADHS oder Legasthenie und lesen möglicherweise einfachere Wörter in der Benutzeroberfläche. Wie bereits erwähnt, kann die Barrierefreiheit für mich auch zusätzlichen Benutzern helfen. Temporär bedeutet, dass ein Benutzer möglicherweise nicht unbedingt deaktiviert ist, sondern die großartigen Zeiten vorübergehend durch seine Situation deaktiviert werden sondern die großartigen Zeiten vorübergehend . Zum Beispiel verwende ich es in einem lauten Büro, das Schwierigkeiten hat, zu hören, dass ihre Kollegen bei einem Videoanruf nicht durch Taubheit behindert sind, aber wir profitieren immer noch von Untertiteln und Untertiteln. Ein anderes Beispiel ist der Benutzer eines gebrochenen Arms. Sie haben vielleicht kein Glied verloren, aber sie würden bis zu ihren Armabsätzen vom zugänglichen Design profitieren . Je nach Situation kann es illegal sein, keine barrierefreien Produkte zu bauen. Hier sind zwei Beispiele für Gesetze in Großbritannien. Das Gleichstellungsgesetz von 2010, das Diskriminierung am Arbeitsplatz schützt. Und die Vorschriften für die Barrierefreiheit des öffentlichen Sektors 2018, die Unternehmen des öffentlichen Sektors dazu zwingt Zugänglichkeit einzuhalten. Wenn Sie eine kleine Akte, Freunde, Familie oder für die Schule bauen , machen Sie sich keine Sorgen, Sie werden nicht vor Gericht gebracht. Es ist jedoch immer gut, über Barrierefreiheit nachzudenken und zu versuchen, Ihr Produkt für so viele Menschen wie möglich zum Laufen zu bringen. Wcag, Webinhalte, Richtlinien zur Barrierefreiheit oder Regeln und Kriterien, die beachtet werden müssen, um die Barrierefreiheit einzuhalten. Produziert nach W3C-Standards für das Web. Für welche Arten Prinzipien für die Barrierefreiheit im Internet. Es gibt vier, und sie werden oft als wahrnehmbar bezeichnet . Alle Benutzer sollten in der Lage sein, Ihre Website-Inhalte genau zu sehen und zu lesen. Das bedeutet, dass Inhalte Menschen mit Sehverlust, Hörverlust und Überbehinderungen nicht ausgeschlossen waren. Einige haben wir bereits besprochen. Bedienbar. Der Inhalt der Website sollte reaktionsschnell und für alle Benutzer einfach zu navigieren sein. Verwenden Sie beispielsweise nur Tastaturbefehle , um auf der Website statt einer Maus zu navigieren. Verständlich. Website-Schnittstellen und -Informationen sollten so organisiert sein , dass sie einfach zu bedienen, vorhersehbar ist und eine Sprache enthält , die für alle Benutzer verständlich ist. Ribose-Website sollte mit einer Vielzahl von Technologien kompatibel sein , einschließlich Hilfstechnologien, die häufig von Benutzern mit Behinderungen verwendet werden . Jetzt sind dies nur die vier Prinzipien von wacko LG. Ich würde empfehlen, weiter zu gehen und sich über 100 Kriterien anzusehen , um sicherzustellen , dass Ihre App oder Website zugänglich ist. Schauen wir uns einige Tipps an, wie Sie die Barrierefreiheit entwerfen können. Wie man für Benutzer mit kognitiven Beeinträchtigungen wie Autismus entwirft, verwende einfache Farben. Verwenden Sie keine hellen Kontrastfarben da dies schwierig sein kann, sie zu sagen. Schreiben einer einfachen und grundlegenden Sprache. Verwenden Sie keine komplexen Wörter und Phrasen oder achten Sie darauf, dass Sie Ihr Lesealter auf einem niedrigeren Niveau halten. Kann kurze Sätze verwenden und Aufzählungspunkte und weniger verwenden. Erstellen Sie keine großen Absätze von Texten, da dies das Lesen erschwert. Wie entwirft man für Redis für Bildschirmleser. Ein Bildschirmleser ist eine Hilfstechnologie, die den Inhalt einer Webseite ausliest , häufig von sehbehinderten Benutzern verwendet wird. Und das Entwerfen für einen Screenreader erwähnt wird, um immer Alt-Text bereitzustellen, um Beschreibungen für Bilder bereitzustellen. Dies ist eine kleine Beschreibung, wenn ein Bild nicht geladen werden kann oder wenn ein Bild vom Benutzer nicht gesehen werden kann. Stellen Sie also sicher, dass Sie keine Bilder allein verwenden , um den Kontext bereitzustellen. Dies sind ein einfaches, lineares und logisches Layout. Der Bildschirmlesegerät muss linear durch den Bildschirm fließen . Erstellen Sie also keine komplexen Cloud-Benutzeroberflächen. Machen Sie Beschriftungen und Schaltflächen beschreibend, wie z. B. jetzt starten, Ostium eines eigenen schädlichen Etiketts, wie hier klicken. Wenn ein blinder Benutzer einen Bildschirmleser verwendet oder er hört, klicken Sie hier, klicken Sie hier und es wurde nicht verstanden, worauf er klickt. Karten sind für sehbehinderte Benutzer konzipiert. Vergewissern Sie sich, dass Sie immer eine geeignete Größe und eine lesbare Schriftart verwenden. Verwenden Sie also keine kleinen Schriftgrößen. Verwenden Sie Farbe, Form und Steuern, um Informationen zu erklären , und verlassen Sie sich nicht auf Farbe, um Bedeutung zu vermitteln. Ein großer Knopf auf dem Bildschirm ist rot, weil es gefährlich ist, einige von ihnen zu löschen. Denken Sie daran, dass Menschen über Farbenblindheit nicht sehen können, dass es rot ist und wie wichtig es ist sicherzustellen , dass Sie dies auf andere Weise angeben. Bei der Entwicklung von motorischen Beeinträchtigungen haben Personen mit motorischen Beeinträchtigungen möglicherweise ein Glied verloren haben eine unruhige Hand. Stellen Sie also sicher, dass anklickbare Tasten groß sind. Benötigen Sie also keinen kleinen Klickbereich. Geben Sie Elemente auf dem Bildschirm des Speicherplatzes an, damit Benutzer seine Maus zwischen ihnen bewegen kann. Stellen Sie keine überladene Schnittstelle her und platzieren Sie Interaktionen zu eng beieinander. Entwerfen Sie für gehörlose Benutzer , stellen Sie sicher, dass Sie immer Untertitel und Untertitel angeben und keine Inhalte nur in Audioform bereitstellen. Wenn Sie ein Produkt für den Kundendienst erstellen, fragen Sie den Benutzer, wie er lieber kommuniziert. Denken Sie daran, dass nicht jeder einen Anruf entgegennehmen kann. Schauen wir uns abschließend an, wie wir auf Barrierefreiheit testen können. Es gibt verschiedene Möglichkeiten, automatisiert zu testen, nämlich Plug-Ins, mit denen Websites und Apps automatisch auf die Einhaltung der Barrierefreiheit überprüft werden können. Sie sind großartig, um die Zugänglichkeit eines Produkts schnell zu verstehen , aber der einzige Aufruf von bis zu 40 Prozent des Handbuchs mit Barrierefreiheitsproblemen. Dies erfordert, dass ein Testexperte alle Teile der Website oder App manuell mit einem Bildschirmlesegerät oder einer Tastaturnavigation testen der Website oder App manuell mit muss. Um automatisierte Barrierefreiheitstests abzuschließen, würde ich vorschlagen, das Web Accessibility Insights Plug-ging aus dem Google Chrome App Store aus dem Haar zu installieren . Sie können das Plugin auf jeder gewünschten Website installieren und ausführen . Das Plugin wird einen Bericht darüber liefern, welche Teile der Website nicht den Richtlinien zur Barrierefreiheit entsprechen. Sogar Facebook hat etwas zu tun , um die Barrierefreiheit zu verbessern. Wie Sie auf der rechten Seite sehen können, zeigt der Bericht, was nicht ganz zugänglich ist. Warum hast du dieses Plugin nicht auf deiner Lieblingswebsite ausgeführt und siehst wie zugänglich sie wirklich sind. 19. Design-Systeme: Ein Designsystem ist eine Sammlung von Designrichtlinien, Stilen und Komponenten, mit denen Produkte konsequent im Maßstab gestaltet werden können . Einige Beispielinhalte und das Designsystem können Farbpaletten, Schriftarten, Designmuster sowie Platzierungs- und Funktionsrichtlinien für Benutzeroberflächenelemente und vieles mehr enthalten Designmuster sowie Platzierungs- und Funktionsrichtlinien . Lassen Sie uns mit Spotify die Auswirkungen eines Designsystems demonstrieren. Dieses vor einigen Jahren aufgenommene Bild zeigt nun die verschiedenen Spotify-Anwendungen von verschiedenen Geräten wie mobilen Anwendungen und Desktop-Software auf Laptops und Computern. Was fällt dir auf, das auf dem Bild vor sich geht? Es gibt zwar keine Konsistenz über die verschiedenen Benutzeroberflächen hinweg. Beim Vergleich der Screenshots des Computers und des Handys sahen sie aus wie zwei völlig verschiedene Apps. Die graue Farbe unterscheidet sich beim Spotify Web Player und der Spotify-Software, es gibt verschiedene Grüntöne in den Beispielschriften oder anders als. Dies passiert, wenn ein Unternehmen kein Entwurfsmuster und keine Regeln hat. Unstimmigkeiten können auftreten, und es liegt daran das Entwicklungs- oder Designteam diese Entscheidungen trifft. Was fällt dir jetzt auf? Der Spotify, den wir heute kennen, hat ein Thema, eine Marke, unabhängig vom Gerät, Spotify hat durchweg ein einheitliches Feld. Wenn Sie etwas näher schauen, sind die Farben gleich. Die Tastengröße und die Form von erkennbar. Die Leistungsfähigkeit des Designsystems hat eine einwandfreie Benutzererfahrung auf mehreren Geräten geschaffen. Hier haben wir eine Vorschau auf das Designsystem von Apple, die Richtlinien für die Human Interface. Dies ist ein Beispiel für die Tab-Leisten-Seite einem Softwareentwickler Apple. Sie mussten nicht darüber nachdenken, wie eine Tableiste funktionieren sollte, wie sie aussehen sollte. Es wurde bereits im Designsystem von Apple entschieden und dokumentiert. Deshalb sehen sie immer gleich aus, wenn Sie Apple-Apps und als Tab-Leiste verwenden. Und da Benutzer lernen, wie man monatelang benutzt , und wir haben gelernt, wie man es in jeder anderen App benutzt. Nicht nur Technologieunternehmen , die ein Designsystem verwenden. Dies ist ein Beispiel für das Audi Designsystem. Sie können eine Vorschau der Farbpalette sehen , wobei die Seitenleiste so viel mehr nach unten geschaut wird, einschließlich Markenrichtlinien, Layouts, Bilder und Symbole. All diese Richtlinien werden in unseren D-TV-Anzeigen verwendet , um Autos zu zeigen, die Zeitschriften im Showroom, Websites, alles, auf dem der Audi Motoring Name steht. Dies ist eine Vorschau auf das Materialdesign, das Designsystem von Google. Möglicherweise erkennen Sie einen Teil des Erscheinungsbildes an Dingen wie Google Maps, Gmail oder Android-Apps. Das Beispiel zeigt die Schaltflächenkomponentenseite oder die Elemente der Schaltflächen-Benutzeroberfläche. Die Seite zeigt, wie ein Button wie eine interaktive Demo aussieht . Werfen wir einen Blick auf der Seite um. Es gibt Abweichungen wie skizzierte und steuerliche Punkte in Bezug auf Design und Designregeln, Do's und Don'ts Hierarchie in der Platzierung. Alles auf dieser Seite ist erforderlich, um den Leuten zu sagen, wie sie eine Schaltfläche richtig verwenden und wie sie die von Google festgelegten Richtlinien befolgen können. Jedes Benutzeroberflächenelement, das zum Erstellen von Apps für Google benötigt wird, ist dokumentiert. Hoffentlich erklären diese Beispiele die Vorteile des Designsystems. In einer Zusammenfassung kann das Designsystem dazu beitragen, diese visuelle Konsistenz zu fördern, wie wir es heute gesehen haben. Copper Line, die Markenrichtlinien sparen Duplizierung der Design - und Engineering-Kosten. Was ich damit meine, ist, dass es einmal gebaut, entworfen und dokumentiert wurde und immer wieder von mehreren Teams verwendet werden kann , sind mehrere Produkte. Die folgenden Website-Design-Systeme für figma.com sind eine Sammlung verschiedener Designsysteme. Möchte ihre Entwürfe teilen, um Eastern Figma von Unternehmen zu sein . Ich bin sicher, dass Sie letztes Jahr und Spotify, Microsoft, Salesforce, monday.com erkennen werden letztes Jahr und Spotify, Microsoft, Salesforce, monday.com erkennen . Kehren wir zu unserem Spotify-Beispiel zurück. Wir sind in der Lage, diese Design-Assets zu duplizieren und sie in unseren eigenen Figma-Projekten zu verwenden. In wenigen Augenblicken haben wir jetzt Zugriff auf viele Farben. Schriften verwenden Schnittstellenelemente und Muster, die früher in einer Reihe von von Spotify produzierten Anwendungen enthalten waren. Jetzt ist dieser Kurs nicht allzu umfassend auf Designsysteme, aber für Begleitung, die mehrere Produkte produzieren, die eine konsistente Marke erfordern , sollten Sie erwägen, ein Designsystem zu schaffen, um Ihnen zu helfen. Wenn du willst. Für diesen Kurs empfehle ich mir, ein Designsystem auszuwählen , und ich helfe Ihnen Trumps dabei , Ihre Wireframes und zwei schön aussehende Apps zu formen . 20. Prototyping: Prototyping ist der letzte Teil des Entwurfszyklus und der letzte Teil des Kurses. Wir verwenden alles , was wir aus unseren Usability-Tests gelernt haben , und wenden unser neues Wissen über Designmuster der Benutzeroberfläche, zugänglichen und integrativen Designs und allem, was wir gelernt haben, an entwerfen Sie Systeme, um diese Wireframes in schöne anklickbare Prototypen umzuwandeln . Einmal erstellt, können diese Prototypen verwendet werden, um unsere App auf jegliche Entwicklung weiter zu testen. An dieser Stelle schlage ich vor, dass Sie zurückgehen und sich Ihre Usability-Ergebnisse nicht angesehen haben. Jetzt ist es an der Zeit, dass Sie Ihre Entwürfe aktualisieren. Wenn es Bereiche der Benutzerfreundlichkeit gibt oder in denen Benutzer Probleme hatten, sollten Sie dies jetzt anpassen und in Ihr Design gehen. Lassen Sie uns eine Vorschau der Prototypen für das Beispielprojekt haben . Wir haben unseren Home-Bildschirm an Bord und den Anmeldebildschirm. Wir haben ein paar Einstellungsbildschirme, auf denen ein Benutzer seine Ziele und Erinnerungen festlegen kann. Unser Wassereinlasssieb. Schließlich der Protokollbildschirm. Hoffentlich merkt man, wie wir diesen Teil der Reise haben. Wir sind von unserem Storyboard weggegangen, User Flows. Wir haben Wireframes erstellt. Jetzt auf unsere fertigen Prototypen. Ich habe mich von der Design-Systemsitzung inspirieren lassen und mein eigenes Mini-Designsystem erstellt. Ich habe mich für eine kleine Farbpalette, Schriftarten und Überschriften sowie allgemeine Benutzeroberflächenelemente entschieden Schriftarten und Überschriften sowie . Von hier aus kann ich sicherstellen, dass mein Stil meiner Prototypen durchweg konsistent ist. Benutze mein Drahtgitter für Hilfe. Ich werde es nicht in einen schönen Prototyp verwandeln , indem ich die Grafik hinzufüge und die Schriftarten und die Farben ändere. Das Hinzufügen meiner Button-Komponente dauert, wie Sie sagen können, nicht lange, bis der erste Prototypbildschirm Form angenommen hat. Ich kann diesen Prozess Stück für Stück fortsetzen. Konvertieren der Wireframes in die Prototypen. Macht es einfach, dass Sie ähnliche Teile der App kopieren und einfügen können , um den Prozess zu beschleunigen. Hier sind die fertigen Prototypen. Ich habe das ganze Lernen aus den vorherigen Sitzungen angewendet und die Wireframes in fertige Prototypen umgewandelt. Ich denke, du wirst zustimmen, dass sie wie eine echte echte App aussahen. An dieser Stelle können wir den Vorgang von früher wiederholen und diese Prototypen mit dem Prototyping-Tool in anklickbare Prototypen umwandeln diese Prototypen mit dem Prototyping-Tool in anklickbare Prototypen . Was ich tun werde, ist, dass ich meinen Knopf auswähle und mit dem zweiten Prototyp verbunden bin. Ich kann das Gleiche für Prototyp drei tun. Sofern wir es vorher nicht getan haben, kann ich bestimmte Teile meiner App verbinden, die verschiedenen Bildschirme, um sie fließen zu lassen. Hier sind unsere fertigen Produkte. Wir haben einen anklickbaren Prototyp, mit dem wir noch mehr Benutzertests durchführen können . Oder nutzen Sie dies einfach, um uns bei der Entwicklung zu helfen. 21. Zusammenfassung: Herzlichen Glückwunsch zum Ende des Kurses. Vielen Dank, dass Sie mit mir eine UX-Reise begonnen haben. Ich weiß es wirklich zu schätzen. Jetzt hat dieser Kurs so lange gedauert. Ich würde gerne ein Feedback haben, damit ich es für andere verbessern kann. Erledigen Sie SEO-Projekte. Also lade sie bitte hoch, damit ich es sagen kann. Wenn Sie jede Lektion absolviert haben und jeden Teil des Kurses abgeschlossen haben, haben Sie jetzt von Anfang bis Ende ein komplettes UX-Projekt , für Ihr Portfolio bereit ist. Wir können es spielen, mithilfe von Recherchen herausfinden, ob unser Produkt passt. Wenn wir die Erkenntnisse und Analysen aus dieser Forschung sammeln , haben wir sie in Empathiekarten, Personas und ordentliche Aussagen umgewandelt , aber es wird uns später bei der Entscheidungsfindung in unseren Entwürfen helfen . Wir erstellen Storyboards und Skizzen, aber unsere Wireframes, und wir haben unsere Wireframes getestet, ob die Usability ihn testet. Schließlich haben wir Schnittstellen und Muster aufgedeckt, die für Barrierefreiheit und Designsysteme gelernt wurden, um diese Wireframes in schöne anklickbare Prototypen umzuwandeln . Der Fundus und stopp hier. An dieser Stelle sollten Sie anklickbare Prototypen verwenden , um die Interaktion mit Benutzern weiter zu testen. Und vielleicht könnten Sie zurückgehen und Ihre Projektziele überprüfen und Aussagen benötigen , um zu sehen, ob Sie im LKW sind. Nochmals vielen Dank, dass Sie sich diesen Kurs angesehen haben.