Eine mobile App von Grund auf mit Figma entwickeln

1. Einführung: Hallo, Leute. Willkommen zurück und herzlichen Glückwunsch. Ich bin Mazi Eike Hindu von Bag ZenetProductions. Ich freue mich sehr, Ihnen unseren umfassenden UI UX-Design-Kurs vorstellen zu können, in dem es darum geht, mit Figma eine Fintech-App von Grund auf neu zu erstellen Dieser Kurs ist auf angehende Designer und Profis zugeschnitten , die in die sich schnell entwickelnde Welt der Fintech eintauchen möchten schnell entwickelnde Welt der Fintech eintauchen Wir statten Sie mit den Tools und Techniken aus , die Sie benötigen, um eine nahtlose benutzerzentrierte App von Anfang bis Ende zu entwerfen, oder sollte ich sagen, von Grund auf? Also, Leute, was werdet ihr in diesem Kurs lernen? In diesem Kurs werden Sie zunächst Prinzipien des Fintech-Designs verstehen Dazu gehört die Beherrschung der einzigartigen UX - und visuellen Anforderungen, die den FinTech-Sektor spezifisch sind Als Nächstes geht es darum, Nutzerforschung und Personas zu verstehen. In dieser Phase erfahren Sie, wie Sie Zielgruppen identifizieren, Benutzerinterviews durchführen und auch Personas erstellen, die den Designprozess leiten Als Nächstes folgen Wireframe und Prototyping . In diesem Kurs lernst du, wie du interaktive Wireframes und Prototypen erstellst interaktive Wireframes und Prototypen erstellst , um deine Fintech-Up-Kernfunktionen zu visualisieren Als Nächstes folgen die Techniken des UI-Designs. Hier hätten Sie die Möglichkeit , tief in Typografie, Farbtheorien, Ikonografien und Komponentendesigns einzutauchen Farbtheorien, Ikonografien und , die auf Finanzprodukte zugeschnitten sind zugeschnitten Als Nächstes folgen Usability-Tests und Iterationen. In dieser Phase würden Sie praktische Erfahrungen mit Usability-Tests sammeln, um Designs auf der Grundlage von echtem Benutzerfeedback zu verfeinern der Grundlage von echtem Benutzerfeedback Also, Leute, warum ist es wichtig, dass ihr diesen Kurs wählt? Jetzt, wo Fintech boomt, besteht ein Bedarf an erfahrenen Designern , die wissen, wie man sichere, benutzerfreundliche und visuell ansprechende Finanzinstrumente Am Ende dieses Kurses werden Sie definitiv ein vollwertiges Fintech-Up-Design in Ihrem Portfolio haben und das Selbstvertrauen haben, neue Fintech-Projekte anzugehen Also, Leute, wer sollte an diesem Kurs teilnehmen? Nun, dieser Kurs ist ideal für Designer aller Niveaus, angefangen von Anfängern bis hin zu erfahrenen UIUX-Profis, die Fintech-Bereich expandieren möchten Jetzt sind keine Vorkenntnisse mit Fintech erforderlich. Ich werde Sie bei jedem Schritt begleiten. 2. Verständnis der Arbeitsablaufphasen (neu): Hey, Leute. Willkommen zurück und herzlichen Glückwunsch. In diesem Kurs werde ich Ihnen zeigen, wie Sie eine mobile App von Grund auf neu entwerfen. Diese mobile App wird nun eine mobile App für Aktieninvestitionen sein , mit der Benutzer in Aktien von Unternehmen investieren können , in die sie gerne investieren würden Bevor wir mit der Gestaltung beginnen, würde ich gerne die Phasen unseres Workflows für dieses Projekt aufschlüsseln würde ich gerne die Phasen unseres Workflows für dieses Projekt aufschlüsseln , damit Sie den Ausführungsprozess der Entwicklung von Produkten, die echte Geschäftslösungen sind, verstehen Entwicklung von Produkten, die echte Geschäftslösungen sind, Also, Leute, hier sind die Phasen unseres Workflows. Wichtigste zuerst: Die Stakeholder dieses Projekts, oder sollte ich sagen, die Eigentümer des Projekts oder sogar das Unternehmen, für das wir arbeiten, werden uns vor ein Problem stellen , für das sie möchten, dass wir entwerfen. Wenn sie uns nun vor dieses Problem stellen, werden sie uns auch etwas über die Nutzer erzählen, also die Menschen, die mit dem Problem konfrontiert sind , für das wir entwerfen sollen. Also, Leute, danach werden die Stakeholder ihre erwarteten Ziele für das Projekt angeben . Nachdem die Stakeholder ein Problem vorgestellt und uns dann die erwarteten Ziele genannt haben, die nächste Phase unseres Workflows darin, dass wir die UX-Designer, uns in die Benutzer hineinversetzen Also Leute, nachdem wir uns die Benutzer hineinversetzt haben, die mit dem Problem konfrontiert sind, werden wir eine Problemstellung erstellen Und nachdem wir diese Problemstellung erstellt haben, die nächste Phase unseres Workflows wird die nächste Phase unseres Workflows die Phase sein, in der wir Ideen entwickeln müssen , die die besten Geschäftslösungen für die in der Problemstellung identifizierten Probleme sein können besten Geschäftslösungen für in der Problemstellung identifizierten Probleme Wenn wir nun endlich in der Lage sind, eine Vorstellung von den Problemen in der Problemstellung zu bekommen , die nächste Maßnahme darin, aus dieser Idee einen testbaren Prototyp zu dieser Idee einen testbaren Prototyp Und nachdem wir aus dieser Idee einen testbaren Prototyp gemacht haben, werden wir das Design testen, um sicherzugehen , dass dieses Design in der Lage ist, die Probleme in der Problemstellung zu lösen Und das ist wunderschön, Leute. Also, Leute, lasst uns an die Arbeit gehen. 3. Aufschlüsselung der Arbeitsablaufphasen (neu): Hallo, Leute. Willkommen zurück und herzlichen Glückwunsch. Jetzt ist es an der Zeit, dass wir unsere Workflow-Phasen für dieses Projekt aufschlüsseln . Also, Leute, lasst uns an die Arbeit gehen. Jetzt würde ich direkt hierher in Figma kommen und eine FIG-Jam-Datei verwenden , um an allen analytischen Teilen unseres Workflows zu arbeiten allen analytischen Teilen unseres Workflows Lassen Sie uns also eine Fig Jam-Datei erstellen. Und um das zu tun, müssen Sie nur hierher kommen und dann hier auf diese Fig Jam-Dateischaltfläche klicken. Und wenn Sie das tun, haben Sie erfolgreich eine Fig Jam-Datei erstellt. So einfach ist das, Leute. Also, Leute, wenn Sie mit Figma noch nicht vertraut sind, ist es wichtig zu ist es wichtig zu verstehen, dass Sie sich keine Sorgen machen müssen Es ist wirklich ein einfach zu verwendendes Tool. Und ich kann Ihnen versichern, dass Sie am Ende dieses Kurses sehr gut verwenden können Figam sehr gut verwenden können, solange Sie diesem Kurs folgen Das nächste, was ich nach dem Erstellen einer Fi Jam-Datei tun werde , ist, der Fike Jam-Datei einen Namen zu geben Also werde ich das schließen , weil wir nicht mit KI arbeiten werden Wir werden dieses Projekt einfach Schritt für Schritt verfolgen. Lassen Sie uns das also schließen. Jetzt nenne ich das Aktieninvestment Fig Jam. Sie können es nennen, wie Sie es für richtig halten je nachdem, was Sie entwerfen oder an welchem Projekt Sie arbeiten. Also würde ich gleich hierher kommen und dann Equity Investing Fig Gam schreiben Investing Fig Gam Und das ist in Ordnung. Nachdem wir diese Fig Jam-Datei angegeben haben, müssen wir als Nächstes die Phasen unseres Workflows hier in Fig Jam skizzieren . Leute, lasst uns das machen. Zuallererst würde ich genau hierher kommen und dann heranzoomen. Danach kam ich direkt hierher und wählte dann ein quadratisches Schiff aus, um die Überschrift unseres Workflows aufzuschreiben. Das ist die quadratische Form, wenn ich sie auswähle, und dann lege ich sie hier ab und passe sie an. Und das ist in Ordnung. Also würde ich hier auf dieses Texttool klicken, damit wir unseren Text aufschreiben können, und ich würde sagen, Workflow-Phasen. Und das ist in Ordnung. Also, Leute, als Nächstes würde ich eine Haftnotiz haben, auf der ich die Phasen unseres Workflows skizzieren würde . Um also eine Haftnotiz in dicker Marmelade zu erstellen, müssen Sie nur hierher kommen und dann auch die Haftnotizen auswählen. Sie können sehen, wo sich meine Maus auch befindet, und sie dann genau hier bleiben lassen und dann so anpassen, dass sie passt. Und das ist in Ordnung. Also, Leute, lasst uns die Farbe unserer Haftnotizen so ändern. Und dann klicken wir auch gleich hier auf diesen Kunsttext-Platzhalter, damit wir all die Workflow-Phasen aufschreiben können , über die wir gesprochen haben Also, Leute, ich würde das gerne zu einer Liste machen und ich möchte, dass es eine abgetrennte Also würde ich gleich hierher kommen , um die Eigenschaft Bleted List auszuwählen Und dann würde ich schnell die erste Workflow-Phase aufschreiben , nämlich diese Es heißt, Firmeninhaber ein Problem dar und die Benutzer stehen vor dem Problem. Jetzt würde ich einen weiteren Listenpunkt erstellen, der die nächste Phase unseres Workflows sein wird, und das ist die Phase, in der die Beteiligten die Ziele für dieses Projekt definieren müssen die Ziele für dieses Projekt definieren Ich würde sagen, definieren Sie Ziele. Lassen Sie uns genau hier einen Raum schaffen, und das ist in Ordnung. Jetzt, nachdem die Ziele definiert sind, können wir, die UX-Designer, uns in die Benutzer hineinversetzen. Das ist die nächste Phase unseres Workflows Also Leute, ich würde sagen mitfühlen und dann würde ich genau hier einen Raum schaffen Nun, nachdem sich die UX-Designer die Benutzer hineinversetzt haben müssen, wird die nächste Phase unseres Workflows die Phase sein, in der wir eine Problemstellung aufschreiben, oder sollte ich sagen, erstellen Also würde ich gleich hierher kommen und dann sagen, Problemstellung erstellen Und dann würde ich genau hier ein Leerzeichen geben . Und das ist in Ordnung. Also, Leute, lasst uns unsere Handwerkzeug-Eigenschaft benutzen , um unsere Leinwand zu bewegen. Damit wir deutlich sehen können , was wir hier tun. Und das ist in Ordnung. Nachdem wir eine Problemstellung erstellt haben müssen, wäre die nächste Phase unseres Workflows die Phase, in der wir eine Idee entwickeln , mit der die in der Problembeschreibung aufgeführten Probleme gelöst werden können . Also, Leute, lasst uns weitermachen und Idee sagen. Lasst uns genau hier einen Raum schaffen. Und das ist in Ordnung. Nachdem wir uns die beste Idee ausgedacht haben müssen , mit der die in der Problemstellung aufgeführten Probleme gelöst werden können , wird die nächste Phase unseres Workflows die Phase sein, in der wir aus dieser Idee einen testbaren Prototyp machen werden Also, Leute, lasst uns die nächste Phase unseres Workflows aufschreiben , nämlich den Design-Prototyp Macht hier einen Platz, das ist in Ordnung. Lassen Sie uns nun unsere Handwerkzeug-Eigenschaft verwenden, um diese Leinwand zu verschieben , sodass wir sehen können was wir hier gerade tun. Und das ist in Ordnung. Nachdem wir aus dieser Idee einen testbaren Prototyp gemacht haben, werden wir zur nächsten Phase unseres Workflows übergehen nächsten Phase unseres Workflows Quit wird die Phase sein, in der wir die Idee, die wir entworfen haben , testen Ich komme gleich hierher und sage dann, Test, lass uns genau hier ein Leerzeichen haben. Und das ist in Ordnung. Also, Leute, wir haben die Phasen unseres Workflows erfolgreich skizziert. Lassen Sie uns also schnell all das hervorheben und es dann fett formatieren, nur um es klarer und übersichtlicher zu sehen. Ordnung. Und das ist in Ordnung. Also, Leute, lasst uns weiterzoomen und zurückzoomen. Damit wir sehen können , was wir alles getan haben. Fantastisch. Ich liebe das. Lassen Sie uns nun unsere Handwerkzeug-Eigenschaft verwenden, um unsere Leinwand genau hierher zu bewegen . Und das ist in Ordnung. Also, Leute, jetzt, wo wir alle Phasen unseres Workflows erfolgreich beschrieben haben , müssten wir als Nächstes alle Maßnahmen skizzieren, oder sollte ich sagen, alle Maßnahmen aufschreiben, die in wir als Nächstes alle Maßnahmen skizzieren, oder sollte ich sagen, jeder dieser Workflow-Phasen ergriffen werden würden . Mit anderen Worten, wir werden jede dieser Workflow-Phasen nacheinander aufschlüsseln jede dieser Workflow-Phasen nacheinander , sodass wir wissen, welche Maßnahmen in jeder Phase zu ergreifen sind und wie wir sie für unsere Ergebnisse optimieren können . Und das ist wunderschön, Leute. Und um das zu tun, würde ich gleich hierher kommen und dann dieses quadratische Werkzeug auswählen lassen , oder? Und ich würde es genau hier lassen. Und dann wird das, was ich in dieses quadratische Tool schreiben werde, die erste Phase unseres Workflows sein, nämlich das hier. Also würde ich das kopieren und dann genau hier einfügen und dann das anpassen und dann das rausziehen. Und das ist in Ordnung. Dies ist die erste Phase unseres Workflows, oder? Also würde ich gleich hierher kommen und eine Haftnotiz auswählen lassen , damit wir aufschreiben können, was in dieser ersten Phase unseres Workflows passieren wird . Passen wir das also an. Also Leute, lasst uns auch die Farbe dieser Form ändern , damit wir sie von dieser unterscheiden können. Wir können auch die Farbe dieser Haftnotiz so ändern dieser Haftnotiz , dass wir sie davon unterscheiden können. Und das ist in Ordnung. Also Leute, ich würde weitermachen und aufschreiben , was in dieser Phase passieren wird, die die erste Phase unseres Workflows ist. Nun, das ist die Phase, in der uns die Stakeholder vor ein Problem stellen und uns auch über die Nutzer informieren , für die wir entwerfen sollen. Also, Leute, in diesem Kurs möchte ich, dass wir davon ausgehen, dass wir irgendwo einen Stakeholder haben, oder sollte ich sagen, eine Organisation oder ein Unternehmen, für das wir arbeiten und das möchte, dass wir eine App entwerfen, Nutzer in Aktien für sie investieren können, richtig Also werde ich das in diese Notiz schreiben. Darin heißt es, dass es für Nutzer, die Aktieninvestoren im Südosten sind die Aktieninvestoren im , schwierig ist, mithilfe der verfügbaren Anlage-Apps in Aktien zu investieren , da zu viele Informationen und Darstellung der Informationen in der App kompliziert Also Leute, wer sind die Nutzer? Die Nutzer sind Aktieninvestoren im Südosten. Also Leute, das hier genau zu haben, bedeutet einfach, dass die Stakeholder uns vor ein Problem gestellt haben und die Nutzer vor dem Problem stehen. Nun, das ist die erste Phase unseres Workflows, und wir haben gesehen, was in dieser Phase passieren wird . Lassen Sie uns schnell einen Blick auf die nächste Phase werfen. Ist die Phase, in der die Stakeholder, oder sollte ich sagen, die Organisation, für die wir arbeiten , das Projektziel definieren müssen. Ich dupliziere das und lasse es genau hier bleiben und zu duplizieren ist Control D. Wenn Sie einen MAC verwenden, ist Command D. Ich möchte, dass Sie genau hier bleiben. Und das ist in Ordnung. Also, ich würde das auch duplizieren und dich gleich hier bleiben lassen. Und das ist in Ordnung. Jetzt würde ich all das hervorheben und herausnehmen und dann würde ich sagen, Ziele nach Stakeholdern definieren . Und das ist in Ordnung. Und ich würde auch gleich mit unseren Haftnotizen hierher kommen und dann das alles rausnehmen. Also, Leute, nehmen wir auch an, dass wir irgendwo einen Stakeholder haben , der uns das als Ziel geschickt hat Es heißt, führen Sie eine Recherche durch und helfen Sie den Nutzern, alle Aufgaben zu vereinfachen, die für den Erfolg einer Aktieninvestition erforderlich für den Erfolg einer Aktieninvestition Und das ist wunderschön, Leute. Also, Leute, was wir hier bisher haben, ist das. Die Eigentümer des Projekts stellen uns vor ein Problem und die Benutzer, die mit dem Problem konfrontiert sind. Und sie haben auch das erwartete Ziel für das Projekt definiert. Also, was ist das erwartete Ziel. Also Leute, das erwartete Ziel ist, dass sie wollen, dass wir recherchieren und den Nutzern helfen alle Aufgaben zu vereinfachen, die für den Erfolg einer Aktieninvestition erforderlich sind. Also, Leute, lasst uns zur nächsten Phase unseres Workflows übergehen , einer Phase, in der wir, die UX-Designer, uns in die Benutzer hineinversetzen müssen , die mit dem Problem konfrontiert Also Leute, ich würde gleich hierher kommen und das dann duplizieren, genau wie wir es getan haben Und dann würde ich es genau hier lassen. Und das ist in Ordnung. Und ich würde das auch duplizieren und es hier bleiben lassen. Und das ist in Ordnung. Und dann lass uns weitermachen und das alles rausnehmen. Und ich würde sagen, mitfühlen und das ist perfekt, Leute Und in dieser Phase der Empathie ist das tatsächlich die Phase, in der wir, die UX-Designer, an die Arbeit gehen werden Also, Leute, was genau sind die Maßnahmen, die in dieser Phase ergriffen werden müssen Man kann also getrost sagen, dass wir uns sind, richtig eingefühlt haben Benutzer, die mit dem Problem konfrontiert Wir werden also die Benutzer persönlich interviewen oder sogar Umfragen digital an die Benutzer versenden Also lasst uns das alles rausnehmen. Also, Leute, was wir tun werden, ist das. Wir werden die Benutzer interviewen, oder sollte ich sagen, die Benutzer persönlich fragen oder einfach digital Umfragen an die Benutzer versenden. Und das sind hübsche Leute. Also, Leute, der einzige Zweck besteht darin, dass wir die Probleme aus der Perspektive der Benutzer verstehen, mit denen das Problem konfrontiert ist die Probleme aus der Perspektive der Benutzer verstehen , mit denen das Problem konfrontiert Danach werden wir in dieser Phase des Einfühlungsprozesses eine sogenannte Benutzerpersönlichkeit erstellen dieser Phase des Einfühlungsprozesses eine sogenannte Benutzerpersönlichkeit Also, Leute, ich würde daraus eine Aufzählung machen , damit wir sie richtig organisieren können Und dann würde ich sagen, Benutzerpersönlichkeit erstellen. Lass uns genau hier ein Leerzeichen haben. Und das ist in Ordnung. Also Leute, wenn wir mit der Empathie-Phase fertig sind , indem wir diese beiden Aktionen hier durchführen , die Benutzer interviewen, oder sollte ich sagen, die Benutzer persönlich befragen oder einfach eine digitale Umfrage versenden und auch eine Benutzerpersönlichkeit erstellen, ist die nächste Zeile, zur nächsten Phase unseres Workflows überzugehen nächsten Phase unseres Workflows überzugehen C ist einfach eine Phase, in der wir eine Problemstellung erstellen müssen Also würde ich gleich hierher kommen und das duplizieren lassen, genau wie wir es getan haben Und ich lasse es genau hier bleiben. Und das ist in Ordnung. Ich werde das auch duplizieren lassen und es direkt darunter lassen, genau hier. Und das ist wunderschön, Leute. Also Leute, ich würde all diese herausnehmen und dann würde ich sagen, Problemstellung erstellen. Also Leute, zu diesem Zeitpunkt müssen Sie als UX-Designer eine Problemstellung erstellen. Nun, was Sie tun werden, ist einfach die Probleme der Benutzer mit all dem aufzuschreiben die Probleme der Benutzer mit all dem , was Sie in der vorherigen Phase gesammelt haben, nämlich dem Empathize-Tag Also würde ich herkommen und das alles rausnehmen. Und dann würde ich sagen, Staaten oder sollte ich sagen, die Probleme der Benutzer mit all dem, was Sie in der vorherigen Phase gesammelt haben, niederlegen die Probleme der Benutzer mit all dem . Und das ist wunderschön, Leute. Also Leute, das bedeutet, dass Sie, nachdem Sie die Benutzer interviewt haben müssen , um die Probleme aus ihrer eigenen Perspektive zu verstehen, und Sie auch eine Benutzerpersönlichkeit für jeden Benutzer erstellt haben, werden Sie alle gesammelten Daten verwenden, um die werden Sie alle gesammelten Daten verwenden, um die Probleme, mit denen die Benutzer konfrontiert sind, genau zu Probleme, mit denen die Benutzer konfrontiert sind, Nun, wenn Sie die Problemstellung erfolgreich erstellt haben , Sie die Probleme richtig aufschreiben Als Nächstes gehen Sie zur nächsten Phase unseres Workflows über , der Ideenphase. Also, Leute, ich verwende unsere Handwerkzeug-Eigenschaft, um unsere Leinwand so zu verschieben, dass wir genau hier einen Platz haben. Und das ist in Ordnung. Lassen Sie uns das jetzt duplizieren, genau wie wir es getan haben. Ich möchte, dass es genau hier bleibt, und das ist in Ordnung. Ich würde das auch duplizieren, damit es genau hier bleibt. Und das ist in Ordnung. Also, Leute, ich würde das alles rausnehmen und dann würde ich sagen, Idee. Wenn Sie jetzt in der Ideenphase sind, müssten Sie nur noch eine Brainstorming-Sitzung starten Und stimmen Sie während dieser Brainstorming-Sitzung für die beste Idee ab. Und wenn Sie schließlich für die beste Idee gestimmt haben, wählen Sie die Idee mit der höchsten Stimmenzahl Also würde ich gleich hierher kommen und dann das alles rausnehmen. Und dann würde ich sagen, starten Sie eine Brainstorming-Sitzung. Und nachdem ich wohl eine Brainstorming-Sitzung gestartet habe, müsste ich als Nächstes für die stimmen Also Leute, ich würde gerne diese Liste zusammenstellen, damit ich schriftlich für die beste Idee abstimmen kann Also lasst uns genau hier ein Leerzeichen haben. Und dann, nachdem wir für die beste Idee gestimmt haben müssen, geht es als Nächstes darum, die beste Idee zu bekommen, oder sollte ich sagen, die Idee mit den meisten Stimmen auszuwählen. Ich würde sagen, holen Sie sich die beste Idee. Lass uns genau hier einen Platz haben. Und das ist wunderschön, Leute. In dieser Phase haben Sie erfolgreich die Idee entwickelt, haben Sie erfolgreich die Idee dass Sie jetzt zur nächsten Phase unseres Workflows übergehen können , in der wir aus der besten Idee einen testbaren Prototyp machen werden in der wir aus der besten Idee einen testbaren Prototyp Also Leute mit unserem Handwerkzeug, lasst uns unsere Leinwand verschieben. Und das ist in Ordnung. Und jetzt duplizieren wir das und lassen es genau hier bleiben, genau wie wir es getan haben. Ordnung. Und wir können diese Haftnotiz auch duplizieren und sie hier bleiben lassen. Also Leute, lasst uns das alles rausnehmen und dann mit der nächsten Phase unseres Workflows beginnen, nämlich der Phase des Design-Prototyps. Ich würde sagen, Prototyp entwerfen. Und das ist in Ordnung. Also Leute, wenn ihr an diesem Punkt angelangt seid, welche Maßnahmen müsst ihr ergreifen, um einen funktionsfähigen Prototyp richtig zu entwerfen Leute, die Maßnahmen, die wir ergreifen werden, um den Prototyp richtig zu entwerfen, sind folgende Lasst uns das alles rausnehmen. Zuallererst werden wir eine Informationsarchitektur erstellen. Ich würde sagen, schaffen Sie eine Informationsarchitektur. Aber das ist in Ordnung. Also Leute, ich würde gerne diese überarbeitete Liste machen. Also würde ich auf die Eigenschaft Bleted List klicken. Nachdem wir nun eine Informationsarchitektur erstellt haben, werden wir als Nächstes einen Prototyp der besten Idee mit niedrigerer Genauigkeit erstellen Ich würde sagen, erstellen Sie einen Prototyp mit niedrigerer Genauigkeit der besten Idee. Lass uns genau hier einen Platz haben. Das ist in Ordnung. Nun, nachdem wir einen Low-Fidelity-Prototyp der besten Idee erstellt haben müssen , als Nächstes den Low-Fidelity-Prototyp testen. Ich würde gleich hierher kommen und sagen, testet den Low-Fidelity-Prototyp. Lass uns genau hier einen Raum schaffen. Das ist in Ordnung. Leute, nachdem wir den Low-Fidelity-Prototyp getestet haben müssen , besteht die nächste Zeile darin, einen High-Fidelity-Prototyp zu erstellen Ich würde sagen, erstellt einen High-Fidelity-Prototyp . Lass uns genau hier einen Platz haben. Und das ist wunderschön, Leute. Also, Leute, was das bedeutet, ist Folgendes. Zuallererst werden wir eine Informationsarchitektur für die beste Idee erstellen eine Informationsarchitektur für , die wir in der Ideenphase abgeleitet haben Danach werden wir diese Informationsarchitektur verwenden , um einen Low-Fidelity-Prototyp der besten Idee zu erstellen . Nachdem wir diesen Low-Fidelity-Prototyp erstellt haben, werden wir diesen Low-Fidelity-Prototyp testen. Wenn der Test erfolgreich ist, werden wir mit der Entwicklung eines Prototyps mit hoher Genauigkeit fortfahren , oder sollte ich sagen, das ist die beste Idee, die wir aus der Ideenphase bekommen haben Und das sind wunderschöne Leute. Nachdem wir den High-Fidelity-Prototyp erstellt haben, werden wir zur nächsten Phase unseres Workflows übergehen , in der wir den High-Fidelity-Prototyp irgendwann testen müssen . Also Leute, lasst uns unser Handwerkzeug benutzen, um unsere Leinwand zu bewegen, damit genau hier ein Platz ist. Lassen Sie uns das jetzt duplizieren, genau wie wir es getan haben , und lassen Sie es genau hier bleiben. Alles klar? Dann lass uns das auch duplizieren und es genau hier bleiben lassen. Also, Leute, lasst uns das alles rausnehmen und dann Test sagen. Und das ist in Ordnung. lass uns das alles rausnehmen. Und dann würde ich hier einfach Usability-Tests sagen. Und das ist wunderschön, Leute. Also, Leute, was wir hier haben, ist eine ordentliche Aufschlüsselung unserer Workflow-Phase. Zoomen wir zurück. Und dann verschieben wir das mit unserem Handwerkzeug und lassen es uns hier haben. Und es ist wichtig zu verstehen, dass diese Seiten nacheinander abgeflossen werden müssen, was bedeutet, dass es wichtig ist, dass wir sie mit unserem Connector-Tool verbinden , das sich genau hier befindet Alles klar? Denn mit diesem Connector-Tool können wir all diese Seiten nacheinander verbinden. Also, Leute, ich würde unser Connector-Tool auswählen und dann darauf klicken und ziehen. Und ich werde das für all diese Phasen tun. Okay? Klicken Sie auf diesen Punkt und halten Sie ihn gedrückt und ziehen Sie ihn an diesen Punkt. Und das ist wunderschön, Leute. Also, Leute, das bedeutet im Wesentlichen, dass wir unser Projekt nach dem Zusammenbruch unseres Workflows entwerfen nach dem Zusammenbruch unseres werden, und das ist wunderbar. Also, Leute, jetzt, wo wir alle unsere Workflow-Phasen skizziert und aufgeschlüsselt haben , der nächste Schritt darin, mit der Ausführung aller Aktionen zu beginnen , die wir hier in unserer Workflow-Phase beschrieben haben . Und das ist perfekt, Leute. Und jetzt lasst uns an die Arbeit gehen. Wir sehen uns bald. 4. Eine digitale Umfrage einrichten: Hey, Leute. Willkommen zurück und herzlichen Glückwunsch. Jetzt haben wir die Phase des Einfühlungsvermögens erfolgreich abgeschlossen. Wir haben erfolgreich digitale Umfragen an die Nutzer verschickt , und die Nutzer haben ihrerseits ihre Antworten eingereicht Und durch ihre Antworten konnten wir Benutzerpersönlichkeiten erstellen Und das ist in Ordnung. Die nächste Zeile besteht nun darin, eine Problemstellung zu erstellen, die darin besteht, die Probleme der Benutzer mit all dem, was wir gesammelt haben, zu beschreiben, oder sollte ich sagen, dass wir es aus der Phase des Einfühlens, also der vorherigen Phase , gesammelt haben aus der Phase des Einfühlens, also der vorherigen Phase , gesammelt der vorherigen Phase , In Ordnung? Nun, nach allem, was wir in der Empathie-Phase gesammelt haben, kann ich einfach sagen, dass meine Problemstellung besagt , dass Benutzer einer bestehenden Anlage-App Schwierigkeiten haben, in Aktien zu investieren , weil zu viele Informationen der App enthalten sind und komplexe Schritte unternommen werden, bevor man erfolgreich in eine Aktie investieren kann Diese Schwierigkeiten und Herausforderungen wirken sich im Allgemeinen negativ auf die Benutzererfahrung aus Also Leute, lasst uns weitermachen, um eine Problemstellung zu erstellen. Ich würde gleich hierher kommen und dann auch auf diesen Text klicken und ihn dann genau hier stehen lassen. Ich kann einfach sagen, dass meine Problemstellung besagt, dass Benutzer einer bestehenden Anlage-App Schwierigkeiten haben, in Aktien zu investieren , da zu viele Informationen der App enthalten sind und komplexe Schritte unternommen werden, bevor man erfolgreich in eine Aktie investieren kann Und diese Schwierigkeiten oder Herausforderungen wirken sich im Allgemeinen negativ auf die Erfahrung der Nutzer aus Und das ist wunderschön, Leute. Und jetzt würde ich all das hervorheben und es fett machen. Und das ist okay. Also, Leute, das ist meine Problemstellung, und das ist das Problem, das ich hier in diesem Kurs zu lösen versuchen werde. Also, Leute, wenn ihr kritisch beobachtet, indem nach oben zur Aufschlüsselung unserer Workflow-Phasen scrollt, würdet ihr feststellen, dass wir die Empathie-Phase erfolgreich abgeschlossen haben , okay Und wir haben auch eine Problembeschreibung erstellt, was wir gerade getan haben Du kannst es hier sehen, okay? Nun, die nächste Stufe unseres Ablaufs ist die rote Phase. Phase müssten wir uns eine Idee einfallen lassen, mit der das in der Problembeschreibung aufgeführte Problem gelöst werden kann . Das sind wunderschöne Leute. Also, Leute, was sind die Aktionen , die hier auf der Ida-Phase durchgeführt werden sollen? In der Ida-Phase werden wir also als Erstes eine Brainstorming-Sitzung einrichten Quich ist buchstäblich eine Zeit wir andere Designer, Produktmanager, Geschäftsführer, Softwareingenieure, Anwälte usw. einladen Produktmanager, Geschäftsführer, Softwareingenieure, Anwälte usw. Wenn wir nun endlich damit fertig sind, all diese Leute einzuladen, werden wir ihnen genügend Informationen über die Probleme in der Problembeschreibung geben und sie auch bitten, Ideen zu entwickeln, mit denen die Probleme in der Problembeschreibung möglicherweise gelöst werden können Probleme in der Problembeschreibung möglicherweise gelöst Wenn nun jeder einzelne dieser Personen eine Idee hat, müssen wir als Nächstes all diese Ideen allen vorlesen und dann über die beste Idee abstimmen. Und das sind wunderschöne Leute. Nun sollte die Idee mit den meisten Stimmen ausgewählt werden, und wenn das erledigt ist, bedeutet das, dass Sie bereit sind zur nächsten Phase unseres Workflows überzugehen, nämlich der Phase , in der Sie diese Idee zu einem testbaren Prototyp entwerfen müssen in der Sie diese Idee zu einem testbaren Prototyp entwerfen Nachdem sie für die beste Idee gestimmt haben müssen, die nächste Zeile darin Idee mit der höchsten Stimmenzahl auszuwählen Nun sollte die Idee mit den meisten Stimmen ausgewählt werden, und wenn das erledigt ist, bedeutet das, dass wir bereit sind zur nächsten Phase unseres Workflows überzugehen, nämlich der Phase , in der wir diese Idee zu einem testbaren Prototyp entwickeln müssten in der wir diese Idee zu einem testbaren Prototyp entwickeln Leute, bevor wir hier zu dieser Phase übergehen, lasst uns gleich hier runterkommen und das dann duplizieren und es dann genau hier bleiben lassen Und dann würde ich sagen, die Bühne ist tot. Nehmen wir das alles raus und sagen dann iDED Stage. Da es sich um eine Brainstorming-Sitzung handelt , ist es wichtig zu verstehen, dass ich hier in dieser Lektion natürlich keine Brainstorming-Sitzung abhalten kann natürlich keine Brainstorming-Sitzung . Weil es etwas sein wird, das Sie mit den Leuten vereinbaren, mit denen Sie es einrichten möchten, sei es über Skype, Zoom, Discord Wie auch immer, du willst es einrichten. Das ist okay. Leute, lasst uns gleich herkommen und das dann duplizieren und es direkt darunter lassen. Einfach so. Okay? Und dann lass uns gleich hierher kommen und dann die Schriftgröße auf mittel ändern. Und das ist in Ordnung. Also, Leute, lasst uns gleich herkommen und das duplizieren und es dann genau hier bleiben lassen, einfach so. Und dann würde ich meine Handwerkzeug-Eigenschaft benutzen , um unsere Leinwand zu bewegen. Und das ist in Ordnung. Nun, ich ging davon aus, dass ich eine Brainstorming-Sitzung offline hatte oder sollte ich sagen, dass ich eine Brainstorming-Sitzung offline durchgeführt habe eine Brainstorming-Sitzung offline nur damit Ich würde auch annehmen , dass wir während dieser Brainstorming-Sitzung auf eine Idee gekommen sind. Also Leute, sagen wir mal eine ausgewählte Idee. Jetzt würde ich gleich hierher kommen und dann würde ich die Farbe dieses Textes ändern. Dazu. Das ist in Ordnung. Dann würde ich sagen, ausgewählte Idee. Nun, zu welchen ausgewählten Ideen sind wir während unserer Brainstorming-Sitzung gekommen Jetzt werde ich das noch einmal duplizieren und dann lassen, dass es genau hier bleibt Dann komme ich gleich hierher und ändere dann die Schriftgröße auf mittel. Nun, das ist die gewählte Idee für diese Lektion. Es heißt: „Erstellen Sie eine Investition nach oben , bei der Grafiken mit Text dargestellt werden. Wo Benutzer die Möglichkeit haben, Geld per Banküberweisung oder Debitkarte auf ihre Konten oder Geldbörsen ihre Konten oder Erstellen Sie eine Anlage-App, in aktuelle Transaktionsverlauf leicht zugänglich ist Erstellt eine Anlage-App, in der einfaches Englisch verwendet wird. Und das sind wunderschöne Leute. Und jetzt würde ich es auf die Liste setzen. Wenn Sie sich diese Ideenphase genauer ansehen, werden Sie feststellen, dass diese Idee die Probleme löst , die wir in der Problemstellung haben Ordnung. Und diese Problemstellung basiert all dem, was wir in der Empathie-Phase gelernt haben. Und wir konnten all das, was wir in dieser Phase gelernt haben, lernen all das, was wir in dieser Phase gelernt haben weil wir ein Umfrageformular erstellt und es dann an die Benutzer gesendet Also, Leute, ihr könnt sehen, wie jeder einzelne Schritt zusammenhängt. Und das ist erbärmlich, Leute. A Also, Leute, jetzt, wo wir eine Idee haben, wir die Probleme in der Problemstellung lösen können , die nächste Phase unseres Workflows wäre die nächste Phase unseres Workflows die Phase des Design-Prototyps Nun, welche Maßnahmen müssen in dieser Phase ergriffen werden? Die Maßnahmen, die zu diesem Zeitpunkt ergriffen würden , sind all diese. Sie können sehen, wo sich meine Maus befindet. In Ordnung? Dies sind die Maßnahmen, die in der Phase des Entwurfs des Prototyps ergriffen werden . Zuallererst müssen wir eine Informationsarchitektur für die beste Idee erstellen eine Informationsarchitektur für , die in der Ideenphase ausgewählt wurde Also, Leute, lasst uns hier nach unten scrollen. Und dann duplizieren Sie das und lassen Sie es direkt darunter bleiben. Und dann würde ich meine Handwerkzeug-Eigenschaft benutzen , um meine Leinwand zu verschieben. Und dann würde ich Informationsarchitektur sagen. Und das ist in Ordnung. nun, bevor wir eine Informationsarchitektur erstellen, Lassen Sie uns nun, bevor wir eine Informationsarchitektur erstellen, verstehen, worum es bei einer Informationsarchitektur geht und warum es wichtig ist, eine zu erstellen. Also Leute, die Informationsarchitektur einer mobilen App ist einfach die Art und Weise, wie Sie Informationen in der mobilen App organisieren und anordnen , sodass der Benutzer dieser mobilen App seine Aufgabe in dieser mobilen App ohne schlechte Erfahrung erfolgreich erledigen kann. Informationsarchitektur ist wie ein Bauplan, eine visuelle Darstellung der Infrastruktur, der Funktionen und der Hierarchie des Produkts Der Detaillierungsgrad ist Sache des Designers. Daher kann die Informationsarchitektur auch Navigation, Anwendung, Funktion und Verhalten, Inhalt und Abläufe umfassen . Es gibt keine festgelegte Grenze für die Größe oder Form der Informationsarchitektur. Dennoch sollte sie die allgemeine Struktur des Produkts umfassen , sodass theoretisch jeder in der Lage sein sollte es zu lesen und zu verstehen, wie das In der Informationsarchitektur entscheiden Sie also , welche Funktionen und welche Informationen auf jeder Seite der App und in jedem Schritt der App verfügbar sein werden auf jeder Seite der App und in jedem Schritt der App verfügbar Also Leute, lasst uns weitermachen und eine Informationsarchitektur für diese Idee erstellen. Also Leute, der Weg, um mit der Erstellung Ihrer Informationsarchitektur zu beginnen , besteht darin, zunächst die Ziele der Benutzer zu definieren, die die App verwenden werden, und dann die Aufgabe zu definieren , die die Benutzer erledigen müssen , um ihre Ziele in der App zu erreichen. Ich würde gleich hierher kommen und dann würde ich das duplizieren und dann würde ich es genau hier lassen. Und dann würde ich die Farbe so ändern und dann würde ich Ziele sagen. Was ist nun das Ziel des Benutzers? Einfach ausgedrückt, das Ziel des Benutzers ist es, mit einer guten Erfahrung zu investieren. Ich würde das duplizieren und es dann genau hier lassen und dann die Schriftgröße auf mittel ändern. Und dann würde ich sagen, investieren Sie mit einer guten Erfahrung. Lassen Sie uns die Farbe so ändern. Welche Maßnahmen werden die Benutzer nun ergreifen, um diese Ziele zu erreichen? Zunächst muss sich der Benutzer registrieren oder anmelden, und dann muss der Benutzer auch das Konto oder die Brieftasche aufladen. Und nachdem der Benutzer das Konto oder die Brieftasche aufgefüllt hat, investiert der Benutzer in Eigenkapital. Leute, ich würde gleich hierher kommen und das dann duplizieren und es genau hier bleiben lassen. Und dann würde ich Benutzeraufgabe sagen. Und das ist in Ordnung. Lassen Sie uns nun unsere Benutzeraufgabe mit diesen Schiffen demonstrieren. Also würde ich gleich hierher kommen und dann dieses Schiff auswählen und es dann genau hier bleiben lassen. Und dann würde ich mich anpassen und dafür sorgen, dass es genau hier bleibt. Und dann würde ich sagen, registriere dich oder logge dich ein. Danach würde ich auch gleich hierher kommen und das dann duplizieren und es dann genau hier bleiben lassen. Und dann würde ich das alles rausnehmen. Und dann würde ich sagen, Fondskonten oder Geldbörsen. Und das ist in Ordnung. Und danach würde ich das auch duplizieren und es hier bleiben lassen. Und dann würde ich das alles rausnehmen und ich würde sagen, investieren. Und das ist wunderschön, Leute. Jetzt würde ich unser Connector-Tool verwenden , um all das zu verbinden . Und das ist in Ordnung. Also Leute, wie ich bereits sagte, die Benutzeraufgabe hier sind die Aktionen , die die Benutzer ergreifen müssen um dieses Ziel zu erreichen, nämlich in eine gute Erfahrung zu investieren. Ja. Nun, was sind die Aufgaben, oder sollte ich sagen, was sind die Aktionen? Das sind die Aktionen. Der Benutzer müsste sich als neuer Benutzer bei der App anmelden oder sich als vorhandener Benutzer anmelden. Und danach müsste der Benutzer auch Geld hinzufügen oder sollte ich sagen, das Konto oder die Geldbörsen aufladen und dann das Geld auf dem Konto oder der Brieftasche verwenden , um in Eigenkapital seiner Wahl zu investieren Und deshalb habe ich all diese Dinge miteinander verbunden , um zu zeigen, dass es sich um einen Prozess handelt Wenn sie also diese Aufgabe bewältigen können, Trainer, sich entweder registrieren oder einloggen, dann trainiert diese Aufgabe, Geld auf ihre Konten oder Geldbörsen einzuspielen Und dann führt diese Aufgabe dazu, zu investieren, dann bedeutet das, dass sie ihr Ziel erreicht haben, Coaches, mit einer guten Erfahrung mit der App zu investieren Nachdem wir also die Ziele des Benutzers definiert und die Aufgabe festgelegt haben, die der Benutzer ausführen muss , um seine Ziele zu erreichen, werden wir mit der Erstellung unserer Informationsarchitektur für den Ablauf dieser App fortfahren . Lassen Sie uns das also tun. Aber bevor wir das tun, würde ich gleich hierher kommen und es auf mittelgroß machen , damit wir es klarer sehen können . Und das ist in Ordnung. 5. Erstellen einer Benutzerpersönlichkeit (neu): Hey, Leute, willkommen zurück und herzlichen Glückwunsch. Jetzt ist es an der Zeit, dass wir eine Benutzerpersönlichkeit erstellen. Nachdem Sie nun Ihren Service erstellt und sie und die Benutzer, oder sollte ich sagen, die Personen, die Sie ihnen schicken, gesendet haben Ihren Service erstellt und sie und die Benutzer, oder sollte ich sagen, die Personen, die , um ihre Antworten einzusenden, können Sie für jeden einzelnen Benutzer, der ihre Antworten einsendet , sogenannte Benutzerpersonas erstellen für jeden einzelnen Benutzer, der ihre Antworten einsendet , sogenannte Benutzerpersonas ihre Antworten einsendet , Also Leute, zu diesem Zeitpunkt möchte ich, dass wir sehen, wie man Benutzerpersönlichkeiten erstellt Aber nehmt zur Kenntnis, Leute, Erstellen einer Benutzerpersönlichkeit ist eine Aktion, die ihr ergreift, während ihr euch in der Phase des Einfühlungsvermögens Nun, nur um das besser zu verstehen, dies ist die Phase des Es ist die Phase, in der Sie die Benutzer besser kennenlernen und auch ihre Schwierigkeiten oder sollte ich besser sagen, ihre Frustrationen verstehen oder sollte ich besser sagen, ihre Frustrationen Und das liegt daran, dass Sie nur dann eine bessere Lösung für dieses Problem finden können, wenn Sie ein Problem besser verstehen eine bessere Lösung für dieses Problem finden können, wenn Sie ein Problem besser Also Leute, lasst uns einfach weitermachen und dann schauen, wie man für jeden Benutzer, der eine Antwort auf unsere Umfrage einsendet, eine Benutzerpersönlichkeit erstellt für jeden Benutzer, der eine Antwort auf unsere Umfrage einsendet, eine Benutzerpersönlichkeit der eine Antwort auf unsere Umfrage einsendet, eine Benutzerpersönlichkeit Also, Leute, das Wichtigste zuerst, es ist wichtig, dass wir unsere Arbeit hier in verschiedene Abschnitte unterteilen , damit wir leicht verstehen können , was wir hier vor uns haben Also würde ich gleich hierher kommen und dann hineinzoomen. Und wenn ich das mache, würde ich meine Handsol-Eigenschaft nutzen , um unsere Leinwand genau hierher zu verschieben Und dann würde ich genau hierher kommen und dann die Eigenschaft des Textwerkzeugs auswählen und sie dann genau hier bleiben lassen Und dann würde ich Benutzerpersönlichkeiten sagen. Und dann würde ich gleich hierher kommen , um unsere Textschriftgröße von klein auf groß zu ändern , damit wir einen besseren Überblick über das haben, was wir hier geschrieben haben Und dann würde ich all das hervorheben und es fett machen, und das ist in Ordnung. Und ich würde auch gleich hierher kommen, um die Farbe dieses Textes so zu ändern . Und das ist in Ordnung. Also, Leute, das werden unsere Benutzerpersönlichkeiten sein. Also, Leute, lasst uns das duplizieren und duplizieren ist Control D. Wenn ihr einen MAC benutzt, ist Command D, und dann würde ich das hier direkt über dieser Workflow-Phase Und dann würde ich sagen, dass der Arbeitsablauf unterbrochen ist. Sie können entscheiden, es so zu nennen , wie Sie es für richtig halten. Und das ist in Ordnung. Also, Leute, lasst uns unsere Handhold-Eigenschaft nutzen, um unsere Leinwand zu verschieben , damit wir einen besseren Überblick darüber haben , was wir gerade tun. Nun, das Erste, was ich hier in dieser Phase der Benutzerpersona tun würde , ist, das Bild des Benutzers zu haben , für den ich eine Persona erstellen möchte Also würde ich gleich hierher kommen und dann das quadratische Schaf auswählen und es genau hier stehen lassen Also Leute, genau hier in diesem quadratischen Schiff, werde ich in das Bild des Benutzers einfügen, für den ich ein persönliches erstellen möchte. Nun, das ist notwendig, unabhängig davon, ob der Benutzer ein Bild einsendet oder nicht. Du kannst diesen Tag einfach hier haben. Wenn der Benutzer kein Bild einsendet, lassen Sie dieses Feld leer und erledigen dann den Rest. Wenn der Benutzer jedoch ein Bild einsendet, können Sie das Bild hier platzieren. Also Leute, es gibt eine einfache Möglichkeit ein Bild hier in Figma in eine Form zu bringen Alles was Sie tun müssen, ist diese Form ausgewählt zu lassen und dann mit der rechten Maustaste darauf zu klicken und dann zu Plugins zu gehen und dann die Splash-Plugins dafür zu verwenden Jetzt, wenn das Plug-In gestartet wird, muss ich nur noch hierher kommen und dann zum Beispiel Ebo-Frau eingeben , damit das Bild einer Ebo-Frau angezeigt wird. Lass uns festschrauben. Und das ist okay. Das ist okay. Lass uns das schließen. Lassen Sie uns also unsere Handwerkzeug-Eigenschaft verwenden, um diese Leinwand so zu verschieben , dass wir deutlich sehen können , was wir hier tun. Also, Leute, als Nächstes müssen wir alle Details über diese Person, die dieses Bild hat, genau wie wir es aus der Umfrage, die wir gerade durchgeführt haben , herausgefunden haben. Also werde ich damit beginnen, ihr eine E-Mail zu schreiben. Also, Leute, lasst uns gleich hierher kommen und dann auf diese Texteigenschaft klicken auf diese Texteigenschaft und sie dann genau hier bleiben lassen Und das ist in Ordnung. Jetzt würde ich E-Mail sagen. Ihre E-Mail-Adresse lautet Sarah 851 78@gmail.com. Und das ist in Ordnung. Mao, die nächste Zeile ist ihr voller Name. Ihr voller Name ist Sarah Green. Also würde ich den vollen Namen sagen, Sarah Green. Mama, die nächste Zeile ist ihr Land und ihre Wohnstadt. Ich würde Land und Wohnort sagen. Ihr Land und ihre Wohnstadt sind der Bundesstaat Nigeria Imo. Ich würde also MangeriaEmo States sagen. Also lassen Sie mich das etwas ausdehnen. Und das ist in Ordnung. Das nächste in der Reihe ist also ihr Alter. Also ich würde Alter sagen. Wie alt ist Sarah Green? Sarah Green ist 23 Jahre alt. Also ich würde 23 sagen. Und das ist in Ordnung. Und der nächste in der Reihe ist ihr Beruf. Also ich würde Beruf sagen. Also, Leute, was ist ihr Beruf? Sie ist Buchhalterin, also würde ich Buchhalterin sagen Die nächste Frage, die wir Sarah Green gestellt haben, lautete : Haben Sie schon einmal über eine mobile App in Aktien investiert Und ihre Antwort lautete: Ja. Und das ist wunderschön, Leute. Lassen Sie uns das jetzt ein wenig ausdehnen. Und das ist in Ordnung. Also, Leute, lasst uns diesen Text fett formatieren , damit wir ihn von der eigentlichen Antwort unterscheiden können . M. Lassen Sie uns unsere Handol-Eigenschaft verwenden , um diese Leinwand zu verschieben. Und das ist in Ordnung Also, Leute, zusammenfassend können wir sagen, dass Sara Green eine Buchhalterin ist , die im Bundesstaat Imo, Nigeria, ansässig ist, und Sarah Green ist auch eine Aktieninvestorin, die in Aktien investiert, wobei die bestehenden Anlagen im Südosten Nigerias liegen . Und das ist in Ordnung. Und das ist in Ordnung. Lassen Sie uns das alles auswählen und es dann fett formatieren. Und das ist wunderschön, Leute. Also, Leute, das ist wie eine Zusammenfassung ihrer Persönlichkeit. Also, Leute, ich werde ihre Herausforderungen mit der bestehenden Investment-App hervorheben der bestehenden Investment-App , die sie im Südosten verwendet hat. Und ich möchte auch die Ziele hervorheben , die sie mit einer Anlage-App erreichen will. Also Leute, ich würde gleich hierher kommen und dann unsere Handwerkzeug-Eigenschaft verwenden, um diese Leinwand zu verschieben, damit wir mit dem weitermachen können, was wir hier tun. Jetzt würde ich gleich hierher kommen und dann unsere Textwerkzeug-Eigenschaft verwenden , um ihre Ziele aufzuschreiben. Also würde ich fett sagen. Und dann würde ich es fett machen. Und dann würde ich die Schriftgröße auf groß ändern , und das ist in Ordnung. Und ich würde es genau hier lassen. Und ich würde das auch duplizieren und es hier bleiben lassen. Und dann würde ich das als Herausforderungen bezeichnen. Und das ist in Ordnung. Also, Leute, ich würde das duplizieren und es hier bleiben lassen. Und dann würde ich unsere Schriftgröße auf mittel ändern. Und das ist in Ordnung. Also, Leute, das erste Ziel sie gerne erreichen würde, ist Zeit zu sparen. Also ich würde sagen, spart Zeit. Und das ist in Ordnung. Das zweite Ziel, das sie gerne erreichen würde , ist die einfache Auswertung der Transaktionshistorie. Ich würde sagen, den Transaktionsverlauf bewerten. Mit Leichtigkeit. Und das ist in Ordnung. Das nächste Ziel, das sie gerne erreichen würde, ist, mehr als eine Option in ihre Brieftasche zu stecken. Ich würde also sagen, füge meiner Brieftasche mit mehr als einer Option Geld hinzu . Und das ist in Ordnung. Das letzte Ziel, das sie gerne erreichen würde, ist, zuerst zu investieren. Ich würde also sagen, zuerst investieren. Also, Leute, ich würde das alles hervorheben und dann die Liste streichen, nur um sie richtig zu ordnen. Und das ist in Ordnung Und hier drüben, was wir hier haben, ist das? Das sind die Dinge , von denen sie sich wünscht, sie hätte Erfahrung mit einer Investment-App gehabt. Also, Leute, lasst uns gleich hierher kommen und uns dann ihren Herausforderungen stellen. Also würde ich das gleich hierher bringen. Und dann würde ich das duplizieren und es direkt darunter lassen. Und dann würde ich die Schriftgröße auf mittel ändern. Und das ist in Ordnung. Also, Leute, was sind ihre Herausforderungen? Zu ihren Herausforderungen gehören komplizierte und irrelevante Grafiken. Ich würde also komplizierte und irrelevante Grafiken sagen. Und das ist in Ordnung. Das nächste Problem, auf das sie normalerweise stößt, ist zu viele Informationen, um sie zu verstehen. Ich würde also sagen, zu viele Informationen, um sie zu verstehen. Und das ist in Ordnung. Die nächste Schwierigkeit ist nun die benutzerfreundliche Oberfläche. Ich würde also sagen, freundliche Benutzeroberfläche. Und das ist in Ordnung. Die nächste Schwierigkeit, auf die sie stößt, ist zu große Aufwand beim Hinzufügen von Geld zur Brieftasche oder zum Konto Ich würde also sagen, zu viel Aufwand. Beim Hinzufügen von FS zur Brieftasche oder Konto. Und das ist in Ordnung. Also, Leute, ich würde all diese hervorheben und dann eine Liste daraus machen Und das ist in Ordnung. Also, Leute, all das sind die Details, die wir aus den Antworten erhalten haben, die wir aus dem Umfrageformular gesammelt haben. Also, Leute, das sind ihre aktuellen Schwierigkeiten , mit denen sie konfrontiert ist. Also, Leute, lasst uns weitermachen und eine weitere Benutzerpersönlichkeit für den anderen Benutzer erstellen eine weitere Benutzerpersönlichkeit für , der an der Umfrage teilgenommen hat Und diese Person wird Noah Benjamin sein. Also würde ich gleich hierher kommen und dann dieses Squareship auswählen lassen Und dann würde ich es genau hier lassen. Okay? Also lass uns das damit abgleichen. Und das ist in Ordnung. Jetzt lasse ich das auswählen und klicke dann mit der rechten Maustaste darauf, genau wie wir es zuvor mit Sarah Grains gemacht haben, und dann würde ich auf Splash Plug-in klicken, um es zu starten. Wenn das Plugin jetzt gestartet wird, komme ich gleich hierher und gebe dann Eboman ein. Also, Leute, lasst uns nach unten scrollen, um ein passendes Foto auszuwählen. Also das ist nett. Und das ist in Ordnung. Als Nächstes müssen wir all diese Details über diese Person haben, genau wie wir es aus der Umfrage herausgefunden haben . Also würde ich gleich hierher kommen und das dann duplizieren und es dann genau hier lassen. Alles klar? Und dann würde ich damit beginnen, die E-Mail dieses Benutzers aufzuschreiben. Seine E-Mail-Adresse lautet Nua 147967@gmail.com. Sein voller Name ist Noah Benjamin. So wie wir es der Umfrage entnommen haben. Also ich würde Noah Benjamin sagen. Sein Wohnland und seine Wohnstadt ist Nigeria Entate. Also, Leute, lasst uns auf diesen Hans Lepperty klicken , um unsere Leinwand zu verschieben Also ich würde Nigeria Engstate sagen. Also, wie alt ist Noah Benjamin? Noah Benjamin ist 45 Jahre alt. Also ich würde sagen 45. Also, was ist sein Beruf? Noah Benjamin ist Dozent. Also würde ich gleich hierher kommen und Dozent sagen. Haben Sie schon einmal über eine mobile App in Aktien investiert? Noah Benjamin sagt ja. Also, Leute, lasst uns das alles bearbeiten. Also, Leute, Noah Benjamin ist Dozent und wohnt in den Staaten, Nigeria. La Benjamin ist auch ein Aktieninvestor, der in Aktien investiert, wobei die bestehenden Aktieninvestitionen im Südosten Und das ist in Ordnung. Also Leute, das ist im Wesentlichen eine Zusammenfassung seiner Persönlichkeit. Lassen Sie uns nun seine Herausforderungen mit der bestehenden Investment-App hervorheben der bestehenden Investment-App , die er im Südosten verwendet. Außerdem möchte ich die Ziele hervorheben , die er mit einer Anlage-App erreichen möchte. Leute, ich würde gleich hierher kommen und dann würde ich das duplizieren lassen, dann lasse ich es hier bleiben Ich würde auch gleich herkommen und das duplizieren lassen. Dann lasse ich es hier bleiben. Außerdem würde ich gleich herkommen und das duplizieren lassen und dann lasse ich es genau hier bleiben Außerdem lasse ich das duplizieren und dann lasse ich es hier bleiben Und das ist in Ordnung. Also, Leute, was sind seine Ziele? Sein erstes Ziel ist es, Zeit zu sparen, wenn er eine mobile App verwendet, um in Aktien zu investieren Sein zweites Ziel ist es, mühelos auf den Transaktionsverlauf zuzugreifen Sein drittes Ziel ist es, seiner Brieftasche mit mehr als einer Option Geld hinzuzufügen , und sein viertes Ziel besteht darin, zuerst zu investieren. Und das ist wunderschön. Also Leute, was sind einige seiner Herausforderungen? Zu seinen Herausforderungen gehören komplizierte und irrelevante Grafiken, zu viele Informationen, um die benutzerfreundliche Benutzeroberfläche zu verstehen, und auch zu viel Aufwand beim benutzerfreundliche Benutzeroberfläche zu verstehen, und auch zu viel Aufwand Hinzufügen von Telefonen zur Brieftasche oder zum Konto Und dann ist es zeitaufwändig, endlich zu investieren. Also würde ich gleich hierher kommen und dann sagen, dass Investieren zeitaufwändig ist. Und das ist in Ordnung. Also, Leute, zoomen wir ein bisschen zurück , damit wir sehen können, was wir hier haben. Und das sind wunderschöne Leute. Also, Leute, was wir hier haben, ist das. Wir haben eine Umfrage durchgeführt und diese Umfrage an Benutzer gesendet. Und die Leute, an die wir sie schicken , haben ihre Antworten eingesendet. Und dann haben wir für jeden Benutzer, der ihre Antworten eingereicht hat, eine Benutzerpersönlichkeit erstellt Benutzer, der ihre Antworten eingereicht hat, eine Benutzerpersönlichkeit jeden Benutzer, der ihre Antworten eingereicht hat, eine Benutzerpersönlichkeit So haben wir all diese Informationen genau hier bekommen. Also, Leute, versteht einfach, dass dies die Empathie-Phase ist und wir sind mit der Empathie-Phase fertig. Das ist die Phase, in der ihr die Nutzer besser kennenlernt und dann ihre Frustrationen besser versteht Genau wie wir bereits gesagt haben, denn nur wenn Sie ein Problem besser verstehen , können Sie eine bessere Lösung für dieses Problem finden eine Also Leute, lasst uns einfach mit der nächsten Phase unseres Workflows fortfahren. dieser Phase müssen wir eine Problemstellung erstellen. Ich würde gleich hierher kommen und dann würde ich das duplizieren und es dann genau hier lassen. Dann würde ich sagen, Problemstellung erstellen . Und das ist in Ordnung. 6. Eine Problemstellung erstellen (neu): Hey, Leute. Willkommen zurück und herzlichen Glückwunsch. Jetzt haben wir die Phase des Einfühlungsvermögens erfolgreich abgeschlossen. Wir haben erfolgreich digitale Umfragen an die Nutzer verschickt , und die Nutzer haben ihrerseits ihre Antworten eingereicht Und durch ihre Antworten waren wir in der Lage, Benutzerpersönlichkeiten zu erstellen Und das ist in Ordnung. Die nächste Zeile besteht nun darin, eine Problemstellung zu erstellen, die darin besteht, die Probleme der Benutzer mit all dem, was wir gesammelt haben, zu beschreiben, oder sollte ich sagen, dass wir es aus der Phase des Einfühlens, also der vorherigen Phase , gesammelt haben aus der Phase des Einfühlens, also der vorherigen Phase , gesammelt der vorherigen Phase , Alles klar? Nun, nach allem, was wir aus der Empati-Phase gelernt haben, kann ich einfach sagen, dass meine Problemstellung besagt , dass Benutzer einer bestehenden Anlage-App Schwierigkeiten haben, in Aktien zu investieren , weil zu viele Informationen der App enthalten sind und komplexe Schritte unternommen werden, bevor man erfolgreich in eine Aktie investieren kann Diese Schwierigkeiten und Herausforderungen wirken sich im Allgemeinen negativ auf die Erfahrung des Benutzers Leute, lasst uns weitermachen, um eine Problemstellung zu erstellen. Ich würde gleich hierher kommen und dann auch auf diesen Text klicken und ihn dann genau hier stehen lassen. Ich kann einfach sagen, dass meine Problemstellung besagt, dass Benutzer einer bestehenden Anlage-App Schwierigkeiten haben, in Aktien zu investieren , da zu viele Informationen in der App enthalten sind und komplexe Schritte unternommen werden, bevor man erfolgreich in eine Aktie investieren kann Und diese Schwierigkeiten oder Herausforderungen wirken sich im Allgemeinen negativ auf die Erfahrung der Nutzer aus Und das ist wunderschön, Leute. Nun, ich würde das alles hervorheben und es fett machen, das ist okay. Also, Leute, das ist meine Problemstellung, und das ist das Problem, das ich hier in diesem Kurs zu lösen versuchen werde . Also Leute, wenn ihr kritisch beobachtet, indem nach oben zur Aufschlüsselung unserer Workflow-Phasen scrollt, würdet ihr feststellen, dass wir mit der leeren Phase erfolgreich abgeschlossen haben , okay? Und wir haben auch eine Problemstellung erstellt, was wir gerade getan haben Du kannst es hier sehen, okay? Nun, die nächste Phase unseres Workflows ist die Ideenphase. Phase müssten wir uns eine Idee einfallen lassen, mit der das in der Problemstellung aufgeführte Problem gelöst werden kann . Das sind wunderschöne Leute. Also, Leute, was sind die Aktionen , die hier auf der Ida-Phase durchgeführt werden sollen? In der Ida-Phase werden wir also als Erstes eine Brainstorming-Sitzung einrichten Kündigen ist buchstäblich eine Zeit wir andere Designer, Produktmanager, Geschäftsleiter, Softwareingenieure, Anwälte usw. einladen Produktmanager, Geschäftsleiter, Softwareingenieure, Anwälte usw. Wenn wir nun endlich damit fertig sind, all diese Leute einzuladen, werden wir ihnen genügend Informationen über die Probleme in der Problembeschreibung geben und sie auch bitten, Ideen zu entwickeln, mit denen die Probleme in der Problembeschreibung möglicherweise gelöst werden können . Wenn nun jeder einzelne dieser Personen eine Idee hat, müssen wir als Nächstes all diese Ideen allen vorlesen und dann über die beste Idee abstimmen. Und das sind wunderschöne Leute. Nun sollte die Idee mit den meisten Stimmen ausgewählt werden, und wenn das erledigt ist, bedeutet das, dass Sie bereit sind zur nächsten Phase unseres Workflows überzugehen, nämlich der Phase , in der Sie diese Idee zu einem testbaren Prototyp entwerfen müssen in der Sie diese Idee zu einem testbaren Prototyp entwerfen Nachdem sie für die beste Idee gestimmt haben müssen, die nächste Zeile darin Idee mit der höchsten Stimmenzahl auszuwählen Nun sollte die Idee mit den meisten Stimmen ausgewählt werden, und wenn das erledigt ist, bedeutet das, dass wir bereit sind zur nächsten Phase unseres Workflows überzugehen, nämlich der Phase , in der wir diese Idee zu einem testbaren Prototyp entwickeln müssten in der wir diese Idee zu einem testbaren Prototyp entwickeln Also Leute, bevor wir hier zu dieser Phase übergehen, lasst uns gleich hier runterkommen und das dann duplizieren und es dann genau hier bleiben lassen Und dann würde ich sagen, dass es sich um eine ID-Bühne handelt. Nehmen wir das alles raus und sagen dann iDED Sage. Nun, da dies eine Brainstorming-Sitzung sein wird, ist es wichtig zu verstehen, dass ich hier in dieser Lektion offensichtlich keine Brainstorming-Sitzung abhalten kann offensichtlich keine Brainstorming-Sitzung eine Brainstorming-Sitzung sein wird, ist es wichtig zu verstehen, dass ich hier in dieser Lektion offensichtlich keine Brainstorming-Sitzung abhalten kann. Weil es etwas sein wird, das Sie mit den Leuten vereinbaren, mit denen Sie es einrichten möchten, sei es über Skype, Zoom, Discord Wie auch immer, du willst es einrichten. Das ist okay. Leute, lasst uns gleich herkommen und das dann duplizieren und es direkt darunter lassen. Einfach so. Okay? Und dann kommen wir gleich hierher und ändern dann die Schriftgröße auf Medium. Und das ist in Ordnung. Also, Leute, lasst uns gleich herkommen und das duplizieren und es dann genau hier bleiben lassen, einfach so. Und dann würde ich meine Handwerkzeug-Eigenschaft benutzen , um unsere Leinwand zu bewegen. Und das ist in Ordnung. Nun, ich ging davon aus, dass ich eine Brainstorming-Sitzung offline hatte oder sollte ich sagen, dass ich eine Brainstorming-Sitzung offline durchgeführt habe eine Brainstorming-Sitzung offline nur damit Ich würde auch davon ausgehen , dass wir während dieser Brainstorming-Sitzung auf eine Idee gekommen sind. Leute, sagen wir, eine ausgewählte Idee. Jetzt würde ich gleich hierher kommen und dann würde ich die Farbe dieses Textes ändern. Dazu. Das ist in Ordnung. Dann würde ich sagen, ausgewählte Idee. Nun, zu welchen ausgewählten Ideen sind wir während unserer Brainstorming-Sitzung gekommen Jetzt werde ich das noch einmal duplizieren und es dann genau hier bleiben lassen Dann komme ich gleich hierher und ändere dann die Schriftgröße auf mittel. Nun, das ist die gewählte Idee für diese Lektion. Es heißt: „Erstellen Sie eine Investition nach oben , bei der Grafiken mit Text dargestellt werden. Wo Benutzer die Möglichkeit haben, Geld per Banküberweisung oder Debitkarte auf ihre Konten oder Geldbörsen ihre Konten oder Erstellen Sie eine Anlage-App, in aktuelle Transaktionsverlauf leicht zugänglich ist Erstellt eine Anlage-App , in der einfaches Englisch verwendet wird. Das sind wunderschöne Leute. Das würde ich jetzt auflisten. Wenn Sie sich diese Ideenphase genauer ansehen, werden Sie feststellen, dass diese Idee die Probleme löst, die wir in der Problemstellung haben Ordnung. Und diese Problemstellung basiert all dem, was wir in der Empathie-Phase gelernt haben. Und wir konnten all das, was wir in dieser Phase gelernt haben, lernen all das, was wir in dieser Phase gelernt haben weil wir ein Umfrageformular erstellt und es dann an die Benutzer gesendet Also, Leute, ihr könnt sehen, wie jeder einzelne Schritt zusammenhängt. Und das ist erbärmlich, Leute. A Also, Leute, jetzt haben wir eine Idee, mit der wir die Probleme in der Problemstellung lösen können Die nächste Phase unseres Workflows wäre die Phase des Entwurfsprototyps. Welche Maßnahmen müssen nun in dieser Phase ergriffen werden? Die Maßnahmen, die zu diesem Zeitpunkt ergriffen würden , sind all diese. Sie können sehen, wo meine Maus Coso ist. In Ordnung? Dies sind die Maßnahmen, die in der Phase des Entwurfsprototyps ergriffen werden . Zuallererst müssen wir eine Informationsarchitektur für die beste Idee erstellen eine Informationsarchitektur für , die in der Phase der Urkunde ausgewählt wurde. Also Leute, lasst uns hier nach unten scrollen. Und dann duplizieren Sie das und lassen Sie es direkt darunter bleiben. Und dann würde ich meine Handwerkzeug-Eigenschaft benutzen , um meine Leinwand zu verschieben. Und dann würde ich Informationsarchitektur sagen. Und das ist in Ordnung. nun, bevor wir eine Informationsarchitektur erstellen, Lassen Sie uns nun, bevor wir eine Informationsarchitektur erstellen, verstehen, worum es bei einer Informationsarchitektur geht und warum es wichtig ist, eine zu erstellen. Also Leute, die Informationsarchitektur einer mobilen App ist einfach die Art und Weise, wie Sie Informationen in der mobilen App organisieren und anordnen , die dem Benutzer dieser mobilen App helfen, seine Aufgabe in dieser mobilen App erfolgreich zu erledigen , ohne schlechte Erfahrungen gemacht zu haben. Informationsarchitektur ist wie ein Bauplan, eine visuelle Darstellung der Infrastruktur, der Funktionen und der Hierarchie des Produkts Der Detaillierungsgrad ist Sache des Designers. Daher kann die Informationsarchitektur auch Navigation, Anwendung, Funktion und Verhalten, Inhalt und Abläufe umfassen . Es gibt keine festgelegte Grenze für die Größe oder Form der Informationsarchitektur. Dennoch sollte sie die allgemeine Struktur des Produkts umfassen , sodass theoretisch jeder in der Lage sein sollte es zu lesen und zu verstehen, wie das In der Informationsarchitektur entscheiden Sie also , welche Funktionen und welche Informationen auf jeder Seite der App und in jedem Schritt der App verfügbar sein werden auf jeder Seite der App und in jedem Schritt der App verfügbar Also Leute, lasst uns weitermachen und eine Informationsarchitektur für diese Idee erstellen. Also Leute, der Weg, um mit der Erstellung Ihrer Informationsarchitektur zu beginnen , besteht darin, zunächst die Ziele der Benutzer zu definieren, die die App verwenden werden, und dann die Aufgabe zu definieren , die die Benutzer erledigen müssen , um ihre Ziele in der App zu erreichen. Ich würde gleich hierher kommen und dann würde ich das duplizieren und dann würde ich es genau hier lassen. Und dann würde ich die Farbe so ändern und dann würde ich Ziele sagen. Was ist nun das Ziel des Benutzers? Einfach ausgedrückt, das Ziel des Benutzers ist es, mit einer guten Erfahrung zu investieren. Ich würde das duplizieren und es dann genau hier lassen und dann die Schriftgröße auf mittel ändern. Und dann würde ich sagen, investieren Sie mit einer guten Erfahrung. Lassen Sie uns die Farbe so ändern. Welche Maßnahmen werden die Benutzer nun ergreifen, um diese Ziele zu erreichen? Zunächst muss sich der Benutzer registrieren oder anmelden, und dann muss der Benutzer auch das Konto oder die Brieftasche aufladen. Nachdem der Benutzer das Konto oder die Brieftasche aufgefüllt hat, investiert der Benutzer in Eigenkapital. Leute, ich würde gleich hierher kommen und das dann duplizieren und es genau hier bleiben lassen. Und dann würde ich Benutzeraufgabe sagen. Und das ist in Ordnung. Lassen Sie uns nun unsere Benutzeraufgabe mit diesen Schiffen demonstrieren. Also würde ich gleich hierher kommen und dann dieses Schiff auswählen und es dann genau hier bleiben lassen. Und dann würde ich mich anpassen und dafür sorgen, dass es genau hier bleibt. Und dann würde ich sagen, registriere dich oder logge dich ein. Danach würde ich auch gleich hierher kommen und das dann duplizieren und es dann genau hier bleiben lassen. Und dann würde ich das alles rausnehmen. Und dann würde ich sagen, Fondskonten oder Geldbörsen. Und das ist in Ordnung. Und danach würde ich das auch duplizieren und es hier bleiben lassen. Und dann würde ich das alles rausnehmen und ich würde sagen, investieren. Und das sind wunderschöne Leute. Jetzt würde ich unser Connector-Tool verwenden , um all das zu verbinden . Und das ist in Ordnung. Also, Leute, wie ich bereits sagte, die Benutzeraufgabe hier sind die Maßnahmen , die die Benutzer ergreifen müssen um dieses Ziel zu erreichen, nämlich in eine gute Erfahrung zu investieren. Ja. Nun, was sind die Aufgaben, oder sollte ich sagen, was sind die Aktionen? Das sind die Aktionen. Der Benutzer müsste sich als neuer Benutzer bei der App anmelden oder sich als vorhandener Benutzer anmelden. Und danach müsste der Benutzer auch Geld hinzufügen oder sollte ich sagen, das Konto oder die Geldbörsen aufladen und dann das Geld auf dem Konto oder der Brieftasche verwenden , um in Eigenkapital seiner Wahl zu investieren Und deshalb habe ich all diese Dinge miteinander verbunden , um zu zeigen, dass es sich um einen Prozess handelt Wenn sie also diese Aufgabe erledigen können, Coaches, sich entweder zu registrieren oder einzuloggen, diese Aufgabe Coaches, um ihre Konten oder Geldbörsen aufzufüllen und dann diese Aufgabe Coaches, um zu investieren, dann bedeutet das, dass sie ihr Ziel erreicht haben, Coaches, die mit einer guten Erfahrung mit der App investieren Nachdem wir also die Ziele des Benutzers definiert und die Aufgabe festgelegt haben, die der Benutzer ausführen muss , um seine Ziele zu erreichen, werden wir mit der Erstellung unserer Informationsarchitektur für den Ablauf dieser App fortfahren . Lassen Sie uns das also tun. Aber bevor wir das tun, würde ich gleich hierher kommen und es auf mittelgroß machen , damit wir es klarer sehen können . Und das ist in Ordnung. 7. Eine Informationsarchitektur erstellen (neu): Hallo, Leute. Willkommen zurück und herzlichen Glückwunsch. Leute, lasst uns mit dem Startpunkt des Flows beginnen, an dem der Benutzer die App startet. Ich würde gleich hierher kommen und dann das quadratische Schiff auswählen und es dann genau hier stehen lassen. Ich würde mein Handwerkzeug benutzen, um es zu bewegen dann würde ich dieses quadratische Schiff zu Fall bringen und dann würde ich es anpassen. Dann würde ich die Farbe dieser Form so ändern. Ich würde gleich hierher kommen und dann würde ich Startbildschirm sagen. Das ist in Ordnung. Nun, ich würde auch gleich hierher kommen und dann unser Jagdgrundstück benutzen, um unsere Leinwand zu verschieben. Dann lasse ich das trotzdem gleich herkommen. Und das ist in Ordnung. Also Leute, was passiert, nachdem der Benutzer gestartet hat, oder sollte ich sagen, nachdem der Benutzer die App gestartet hat? Jetzt, nachdem der Benutzer die App gestartet hat, hätte der Benutzer zwei Möglichkeiten , sich entweder als vorhandener Benutzer anzumelden oder sich als neuer Benutzer anzumelden. Lassen Sie uns also die Registrierung und den Anmeldevorgang genau hier durchführen. Also würde ich gleich hierher kommen und dann würde ich das duplizieren und es dann genau hier bleiben lassen. Dann würde ich das alles rausnehmen und dann würde ich sagen, melde dich an. Das ist in Ordnung. würde ich das duplizieren und es auch hier lassen. Dann würde ich das alles herausnehmen und dann würde ich sagen, einloggen. Das ist in Ordnung. Passen wir das an, damit es passt und das ist okay. Dann komme ich gleich hierher und wähle das Connector-Tool aus, um diese drei Elemente genau hier zu verbinden. Ich komme gleich hierher und platziere dieses Connector-Tool genau hier. Sie können sehen, dass die Punkte bereits hervorgehoben sind. Also würde ich auf diesen Punkt klicken und dann bis zu diesem Punkt ziehen. Und ich werde dasselbe für diesen Login tun. Und dann würde ich auf diesen Punkt klicken und dann zu diesem Punkt ziehen. Und das sind wunderschöne Leute. Also, Leute, genau wie wir es bereits zuvor festgestellt haben, die App startet werden dem Benutzer, wenn er zwei Optionen angezeigt, um fortzufahren Eine besteht darin, sich anzumelden und die andere darin, sich anzumelden. Also, Leute, lasst uns mit dem Anmeldevorgang fortfahren. Lassen Sie uns nun logisch überlegen: Wenn der Benutzer versucht, sich anzumelden, welche Daten müssen eingegeben werden , bevor der Benutzer mit der nächsten Phase fortfahren kann Das ist eine Frage, die Sie sich als Designer stellen sollten . In Ordnung. Da es sich um einen neuen Benutzer handelt, ist es wichtig, seine E-Mail-Adresse, seine Telefonnummer und sein Passwort anzufordern , bevor er mit dem Registrierungsprozess fortfahren kann. Das ist in Ordnung. Also, was ich einfach tun würde , ist hierher zu kommen und das dann zu duplizieren. Und dann lass es genau hier bleiben. Okay? Nehmen Sie dann all diese heraus und sagen Sie dann, geben Sie die E-Mail-Adresse ein. Und das ist in Ordnung. Nun, ich würde auch gleich hierher kommen und das dann duplizieren und es genau hier bleiben lassen. Und dann würde ich das alles herausnehmen und dann sagen, Telefonnummer eingeben. Das sind wunderschöne Leute. würde ich auch duplizieren Das würde ich auch duplizieren und dann hier bleiben lassen. Lassen Sie uns das noch ein bisschen weiterführen und dann auch diesen Aufenthalt genau hier haben und auch diesen Aufenthalt hier haben. Das ist in Ordnung. Lassen Sie uns nun ein wenig herauszoomen, damit wir deutlich sehen können , was wir hier tun. Nun, ich würde auch gleich hierher kommen und dann all diese herausnehmen und dann sagen, Passwort eingeben. Und das ist in Ordnung. Also Leute, lasst uns auch gleich hierher kommen , um die Farbe der Objekte zu ändern. Dazu. Nach diesen Schritten ist es nun wichtig, dass die Telefonnummer verifiziert ist. Ich würde gleich hierher kommen und das dann duplizieren und es dann genau hier bleiben lassen. Dann würde ich all diese herausnehmen und dann die Überprüfung der Handynummer sagen. Und das ist wunderschön, Leute. Also, Leute, ich würde gleich hierher kommen und dann das Connector-Tool auswählen , damit ich all diese Objekte so verbinden kann diese Objekte wie sie miteinander verbunden werden sollen. Also würde ich klicken und gedrückt halten und dann würde ich bis zu diesem Punkt ziehen. Und dann würde ich auch gleich hierher kommen, um zu klicken und bis zu diesem Punkt zu ziehen, das ist in Ordnung. Ich würde auch direkt hierher kommen, um zu klicken und das bis zu diesem Punkt hochzuziehen, das ist in Ordnung. Auch hier würde ich direkt herkommen und dann all diese Objekte mit dieser Handynummernverifizierung verbinden . Ich würde auch darauf klicken und mich damit verbinden. Außerdem würde ich auch darauf klicken, um eine Verbindung herzustellen. Und das sind wunderschöne Leute. Also, Leute, lasst uns auf die Handwerkzeug-Eigenschaft klicken , um unsere Leinwand zu verschieben. Und das ist wunderschön, Leute. Lassen Sie uns auch all das hervorheben und herunternehmen, damit wir genau hier Platz haben . Und dann nutzen wir auch unsere Handwerkzeug-Eigenschaft, um unsere Leinwand zu verschieben , sodass wir sehen können , was wir hier vor uns haben. Also, Leute, nachdem der Benutzer erfolgreich verifiziert wurde, wird der neue Benutzer auf die Startseite der Anwendung weitergeleitet . Und wenn der neue Benutzer auf die Startseite der Anwendung gelangt, hat der neue Benutzer die Möglichkeit, mit Optionen wie Menüsymbolen, Kontostand, Fondskonten, letzten Transaktionen, Empfehlungsbannern, Anlage - und Transaktionsseiten zu interagieren Optionen wie Menüsymbolen, Kontostand, Fondskonten, letzten Transaktionen, Empfehlungsbannern, , alles auf der Homepage Also werde ich gleich hierher kommen und das dann duplizieren und es dann genau hier bleiben lassen Und das sind wunderschöne Leute. Ich komme gleich her und dann nehme ich das alles raus und sage dann Homepage, das ist in Ordnung. Ich würde auch die Farbe dieses Objekts so ändern . Und das sind wunderschöne Leute. Jetzt benutze ich meine Handwerkzeug-Eigenschaft, um unsere Leinwand hierher zu verschieben , das ist in Ordnung. Jetzt würde ich mein Connector-Tool verwenden, um die Seite zur Überprüfung der Handynummer mit der Startseite zu verbinden . Also würde ich auf diesen Punkt klicken und dann bis zu diesem Punkt ziehen. Und das ist in Ordnung. Leute, was wir hier haben, ist das. Ein Benutzer startet diese Anwendung, meldet sich bei dieser Anwendung an , gibt seine E-Mail-Adresse, Telefonnummer und sein Passwort ein, und dann wird dieser Benutzer verifiziert. Und wenn dieser Benutzer verifiziert ist, wird der Benutzer auf die Startseite der App weitergeleitet. der Benutzer nun ausführen, nachdem der Benutzer auf die Startseite der Anwendung gelangt Welche Aktionen würde der Benutzer nun ausführen, nachdem der Benutzer auf die Startseite der Anwendung gelangt ist? Ich komme gleich her und dupliziere das und lasse es dann genau hier bleiben. Und dann würde ich meine Handwerkzeug-Eigenschaft benutzen, um unsere Leinwand zu bewegen , damit wir sehen können , was wir hier vor uns haben. Passen wir das an und lassen es genau hier bleiben. Leute, ich würde gleich hierher kommen und dann das alles rausnehmen und dann würde ich Menüsymbol sagen. Und dann ändere die Farbe dieses Objekts so, dass wir es von diesem unterscheiden können. Okay? Und das ist in Ordnung. Nun, dieses Menüsymbol oder sollte ich sagen, diese Menüschaltfläche hat die Form eines Symbols, das normalerweise aus drei parallelen horizontalen Linien besteht , was auf eine Liste hindeutet Es befindet sich normalerweise in der rechten Ecke einer Anwendung Und wenn Sie darauf klicken, erhalten Sie eine Liste anwendungsspezifischen Optionen. Das sind wunderschöne Leute. Also, ich würde auch gleich herkommen und das duplizieren und es dann genau hier lassen. Dann würde ich das alles herausnehmen und dann Kontostand sagen. Denn es ist wichtig, dass ein Nutzer seinen Kontostand einschätzt Okay? Denken Sie daran, wir gestalten unseren Informationsarchitekturfluss. Auch hier würde ich das duplizieren und es direkt darunter lassen. Und dann würde ich den ganzen Text herausnehmen und dann Fondskonto sagen. Und das ist in Ordnung. Außerdem ist es wichtig, diese Schaltfläche genau hier zu haben , damit die Benutzer ihre Konten oder Geldbörsen aufladen können ihre Konten oder Geldbörsen aufladen können Ich würde das auch duplizieren und es dann genau hier bleiben lassen. Und dann würde ich das alles herausnehmen und dann würde ich sagen, letzte Transaktion. Und das sind wunderschöne Leute. Jetzt ist es wichtig, diese Schaltfläche genau hier zu haben , da jeder Benutzer , der investiert oder diese App nutzt, etwas über seinen Transaktionsverlauf wissen möchte etwas über seinen Transaktionsverlauf wissen Und deshalb ist es wichtig , dass wir diesen Button genau hier haben Also, Leute, ich würde das auch duplizieren und dann würde ich es genau hier lassen. Und dann würde ich das alles rausnehmen. Und dann würde ich Empfehlungsbanner sagen. Und das ist in Ordnung. Bleiben Sie auf der Startseite, denn es ist wichtig, dass ein Benutzer andere Benutzer empfehlen darf. Danach würde ich direkt hierher kommen und dann meine Hand-Hold-Eigenschaft benutzen, um meine Leinwand zu verschieben, dann würde ich genau hierher kommen, um das zu duplizieren, und dann lasse ich es direkt darunter liegen, dann würde ich das alles herausnehmen und dann würde ich sagen, investieren. Und das ist in Ordnung Diese Schaltfläche ist wichtig, denn wenn ein Benutzer auf die Startseite dieser Anwendung gelangt, soll er oder sie nach Belieben investieren, indem er auf diese Schaltfläche klickt, um zu investieren. Dies ist nun auch wichtig, da der Benutzer investieren muss, nachdem er oder sie sich angemeldet oder registriert haben muss , um an dieser Anwendung teilnehmen zu können. Nun, dieser Investitionsweg, oder sollte ich sagen, dieser Investitionsknopf ist sehr wichtig , denn das ist die Essenz, wenn man überhaupt zu dieser App kommt , um zu investieren. Der Benutzer soll einfach hierher kommen und dann auf diese Schaltfläche „Investieren“ klicken und dann mit der Investition fortfahren. Also würde ich auch gleich hierher kommen und das dann duplizieren und es dann genau hier bleiben lassen. Das ist in Ordnung. Ich würde den ganzen Text herausnehmen und dann „Transaktion“ sagen. Das ist wunderschön, Leute. Leute, es ist wichtig , all das von der Homepage aus mit unserem Connector-Tool zu verbinden . Ich würde gleich hierher kommen und dann auf diesen Pfeil klicken und ihn dann ziehen und ihn dann damit verbinden. Und dann würde ich auch gleich hierher kommen, auf diesen Pfeil klicken, ihn nach unten ziehen und dann eine Verbindung herstellen. Und ich würde das Gleiche für all diese Formen hier tun. Und das ist wunderschön, Leute. Also, Leute, wir haben all diese Buttons erfolgreich mit der Homepage verbunden . Alles klar? Nun, welche Optionen oder sollte ich sagen welche Seiten sollten Ihrer Meinung nach hier im Menüsymbol enthalten sein? Jetzt sollte die Menüschaltfläche wichtige oder besser gesagt strategische Aktionen oder Seiten enthalten strategische Aktionen oder Seiten durch die Benutzer leicht navigieren können. Seiten wie die Seite mit den letzten Transaktionen sollten gefunden werden , sodass Benutzer ihre letzten Transaktionen leicht durchsuchen und sehen können ihre letzten Transaktionen leicht durchsuchen und , was ausgeführt wurde. Ich werde das duplizieren und ich möchte, dass es genau hier bleibt. Und dann nehme ich das alles raus und sage „Letzte Transaktion“. Und das sind wunderschöne Leute. Also, Leute, lasst uns unsere Handwerkzeug-Eigenschaft nutzen, um unsere Leinwand zu verschieben , sodass wir sehen können, was wir hier vor uns haben. Also werde ich das auf diese Seite verschieben, und das ist in Ordnung. Wir versuchen, einen Platz für unser Menüsymbol und die darin enthaltenen Eigenschaften zu schaffen . Und das ist in Ordnung. Jetzt im Menü Bothen ist es auch wichtig, dass wir eine Kartenverwaltungsseite haben eine Kartenverwaltungsseite , damit Benutzer ihre Karten einfach verwalten können Ich würde darauf klicken und es dann duplizieren und es dann genau hier lassen. Dann nehme ich das alles raus, und dann würde ich Kartenverwaltung sagen. Und das sind wunderschöne Leute. Und jetzt immer noch auf der Menütaste. Wenn der Benutzer also auf das Menüsymbol klickt, sollte er in der Lage sein, sein Anlageportfolio zu beurteilen. Dies ist eine sehr wichtige Seite , zu der er wechseln , wenn er oder sie möchte. Das ist in Ordnung. Ich würde das duplizieren und es hier bleiben lassen. Und dann würde ich das alles rausnehmen. Und dann würde ich Anlageportfolio sagen. Und das sind wunderschöne Leute. Und jetzt bleib auf der Menütaste. Wenn der Benutzer auf dieses Menüsymbol klickt, sollte er in der Lage sein, seinen Kontoauszug anzufordern , der seine detaillierte Übersicht über alle seine Transaktionen enthalten sollte , oder sollte ich sagen, seine Investition in der App? Also würde ich das duplizieren und es hier bleiben lassen. Und dann würde ich all diese herausnehmen und sagen, eine Erklärung anfordern. Und das sind wunderschöne Leute. Bleiben Sie nun auf der Menüschaltfläche, denn es ist wichtig, dass der Benutzer, wenn er auf das Menüsymbol klickt , einige Einstellungen vornehmen kann. Ich würde gleich hierher kommen und dann würde ich das alles auswählen, und dann werde ich das ein wenig verschieben. Ich würde gleich hierher kommen und das dann duplizieren und dann lasse ich es genau hier bleiben. Passen wir das jetzt an. Und das ist perfekt. Also würde ich gleich hierher kommen und dann würde ich all diese herausnehmen und dann würde ich Einstellungen sagen. Also Leute, lasst uns weitermachen und unser Connector-Tool verwenden , um das Menüsymbol mit diesen Seiten zu verbinden . Ich würde auf diesen Punkt klicken und dann würde ich ziehen und ihn dann genau hier bleiben lassen. Ich würde auch gleich hierher kommen, auf diesen Punkt klicken und ihn dann genau hier stehen lassen. Ich werde dasselbe für all dieses Objekt tun. Einfach so. Und das ist perfekt, Leute. Jetzt haben wir unsere Menüsymbole mit all diesen Seiten verbunden , sodass der Benutzer, wenn er auf dieses Menüsymbol klickt , mit seiner letzten Transaktion interagieren , seine Karte verwalten, sein Anlageportfolio auschecken, seinen Kontoauszug anfordern und auch einige Einstellungen vornehmen kann. Also Leute, wenn der Benutzer direkt hier auf der Seite mit dem Kontostand auf diese Seite klickt, sollte der Benutzer in der Lage sein, sein verfügbares Guthaben, also den Kontostand, einzuschätzen . Ich würde gleich hierher kommen und das duplizieren und es dann genau hier stehen lassen und dann alles herausnehmen und dann sagen, verfügbares Guthaben. Und dann würde ich die Farbe dieses Objekts so ändern . Und das ist in Ordnung. Und dann würde ich dieses Connector-Tool verwenden , um eine Verbindung herzustellen. Das heißt, wenn ein Benutzer auf diesen Kontostand klickt, sollte er oder sie in der Lage sein, sein verfügbares Guthaben einzusehen. Das ist perfekt, Leute. Kommen wir nun zum Thema Geldkonto. Es ist wichtig, dass ein Benutzer, sobald er auf diese Seite klickt, in der Lage sein sollte, eine Methode auszuwählen, mit der er Geld auf das Konto oder die Brieftasche einzahlen kann. Das oder sollte ich sagen, Geld auf sein Konto einzahlen? Das bedeutet also automatisch, dass wir genau hier zwei Seiten haben sollen. der ersten Seite wird die Methode zur Einzahlung auf das Konto oder die Brieftasche ausgewählt , und auf der zweiten Seite wird das Konto finanziert. Also würde ich darauf klicken und duplizieren und es dann genau hier bleiben lassen. Und dann würde ich das alles herausnehmen und dann würde ich sagen, Methode wählen. Und das ist in Ordnung. Also würde ich das auch duplizieren und es dann hier bleiben lassen. Und dann würde ich das alles rausnehmen und dann würde ich sagen, Front-Account. Und das ist in Ordnung. Also würde ich gleich hierher kommen und dann die Farbe so ändern und auch gleich hierher kommen und diese Farbe in diese ändern , nur um diese Aktionen zu unterscheiden. Okay. Und dann würde ich unser Connector-Tool verwenden, um das von diesem Punkt zu diesem Punkt zu verbinden und das auch von diesem Punkt zu diesem Punkt zu verbinden. Und das sind wunderschöne Leute. Nun, das ist wichtig für die Nutzererfahrung , denn aus unseren Nutzerbefragungen ging hervor, dass die Nutzer tatsächlich eine Erfahrung wollen bei der sie ihre Konten mit mehr als einer Option aufladen können . Und das ist in Ordnung. Nun ist die nächste in der Reihe die letzte Transaktion. Also verwende ich meine Handgelenk-Eigenschaft, um unsere Leinwand zu verschieben , sodass wir sehen können , was hier vor sich geht Nehmen wir an, der Benutzer interagiert mit dieser Route. Okay? Was sollten sie haben, wenn sie mit dieser Route interagieren? Da es sich um eine Seite mit aktuellen Transaktionen handelt, eine Seite mit aktuellen Transaktionen oder sollte ich sagen, um eine kürzlich durchgeführte Transaktion, sollten sie in der Lage sein, ihre letzten Transaktionsdetails einzusehen ihre letzten Transaktionsdetails einzusehen Ich würde gleich hierher kommen und das duplizieren, und dann würde ich es genau hier Und dann würde ich das alles rausnehmen und dann würde ich Transaktionsdetails sagen. Und das ist wunderschön, Leute. Lassen Sie uns nun die Farbe dieses Objekts so ändern . Und dann wollen wir auch unsere Objekte mit diesem Connector-Tool verbinden. Und dann lassen Sie uns auch unser Connector-Tool verwenden und es dann von diesem Punkt bis zu diesem Punkt verbinden . Lassen Sie uns das nun anpassen und dann machen wir weiter, um das Ganze auch von diesem Punkt aus mit diesem Punkt zu verbinden. Das sind wunderschöne Leute. Nun, die nächste Zeile ist die Option für das Empfehlungsbanner. Leute, was kommt euch in den Sinn, wenn ihr das Wort Empfehlung hört? Empfehlung bedeutet nun, dass Sie andere Freunde oder Benutzer auf die App verweisen können , indem Sie einen Empfehlungslink oder einen Promo-Code senden Wenn sie darauf klicken, werden sie direkt zu dieser App weitergeleitet. Das bedeutet, dass Benutzer jederzeit auf den Empfehlungscode zugreifen können sollten , wenn sie klicken, oder sollte ich sagen wann immer sie auf dieses Empfehlungsbanner zugreifen. Also würde ich gleich hierher kommen und dann würde ich das duplizieren und dann lasse ich es genau hier bleiben. Und dann würde ich das alles rausnehmen. Und dann würde ich Empfehlungscode sagen. Und das ist in Ordnung. Lassen Sie uns das jetzt anpassen und dann werde ich die Farbe dieses Textes so ändern. Und dann würde ich gleich hierher kommen, um dieses Connector-Tool zu verwenden und mich damit zu verbinden . Und das ist okay. Jetzt haben wir die Investitionsoption, Leute. Alles klar? Also nutzen wir unsere wenigen Eigenschaften , um unsere Leinwand zu verschieben. Wenn ein Nutzer nun auf diese Anlageimmobilie klickt, bedeutet das, dass er Zugriff auf die Liste der Aktien erhalten sollte , in die er gerne investieren würde , und auch sein Aktienvermögen sehen sollte, oder sollte ich sagen, das Aktienportfolio in das er investiert hat Ich würde das duplizieren und dann würde ich es genau hier lassen. Und dann würde ich all diese herausnehmen und dann würde ich Aktienliste sagen . Und das ist in Ordnung. Und ich würde das auch duplizieren und es hier bleiben lassen. Und dann würde ich das alles herausnehmen und dann würde ich Aktienportfolio sagen. Und das ist in Ordnung. Dann würde ich gleich hierher kommen und die Farbe dieses Objekts so ändern. Und so würde ich das auch damit machen. Das ist in Ordnung. Ich würde unser Connector-Tool verwenden und dann klicken und ziehen und dann loslassen, dann würde ich auch gleich hierher kommen, klicken und ziehen bis zu diesem Punkt. Und das sind wunderschöne Leute. Und dann würde ich das auch duplizieren und es hier bleiben lassen. In Ordnung. Und ich würde all diese herausnehmen, und dann würde ich Aktienvermögen sagen. ist eine Sammlung von Investitionen, die ein Benutzer bisher in diese Anwendung getätigt hat. Nachdem Sie nun in der Lage sind, die Liste der Aktieninvestitionen, die Sie tätigen können, einzuschätzen die Liste der Aktieninvestitionen, die Sie tätigen können, ist es wichtig, dass Sie als Benutzer auch die Aktiendetails einsehen können. Somit haben Sie eine Liste von Aktien. Das bedeutet, dass jede Aktie ein Detail haben sollte. Ich würde das duplizieren und es hier bleiben lassen. Und das ist perfekt, Leute. Und dann würde ich all diese herausnehmen, und ich würde sagen, Equity Detail. Und das ist in Ordnung. Passen wir das an und lassen es genau hier bleiben. Also Leute, sobald ein Benutzer in der Lage ist, die Aktiendetails einzusehen, wird er oder sie dann investieren. Ich würde das duplizieren und es hier bleiben lassen. Und dann würde ich sagen, investieren. Und das ist in Ordnung. Lassen Sie uns also diese Invest-Route mit all diesen Objekten hier verbinden . Also würde ich auf diese Invest-Route klicken, sie gedrückt halten und dann bis zu diesem Punkt ziehen. Ich würde auch das Gleiche bis zu diesem Punkt nach oben ziehen, das ist in Ordnung. Nun, ich würde auch gleich hierher kommen, da dies die Aktienliste ist und wenn Sie auf die Aktienliste klicken, sollten Sie in der Lage sein, die Details der Aktie zu sehen , auf die Sie geklickt haben Und nachdem Sie die Einzelheiten dieses Eigenkapitals gesehen haben müssen, können Sie jetzt investieren Und das ist perfekt, Leute. Lassen Sie uns nun unsere Handwerkzeug-Eigenschaft verwenden, um unsere Leinwand zu verschieben , sodass wir sehen können was hier vor sich geht. Jetzt ist die nächste Zeile der Transact-Channel. Und bei einer Transaktion soll ein Benutzer entweder einzahlen oder abheben, um einzuzahlen, bedeutet einfach, das Konto aufzufüllen Und nachdem das Konto finanziert wurde, können Auszahlungen vorgenommen werden Ich würde einfach hierher kommen und das duplizieren und es dann genau hier bleiben lassen Ordnung. Und dann würde ich das alles abbuchen und dann würde ich sagen, Einzahlungen. Das ist in Ordnung. Ich würde das auch duplizieren und es hier bleiben lassen. Und dann würde ich das alles herausnehmen und dann sagen, zurückziehen. Und das ist in Ordnung. Also würde ich die Farbe so ändern und auch die Farbe davon so ändern. Und dann würde ich dieses Connector-Tool von dieser Transaktionsroute bis zu diesem Zeitpunkt Und dann würde ich dasselbe auch mit dieser Verbindung zu unserer Auszahlungsseite Und das ist perfekt, Leute. Also Leute, wenn ihr euch erinnert, wir waren in der Anmeldephase oder sollte ich sagen, die Anmelderoute? Kommen wir nun zur Login-Route. Jetzt nutzen wir unsere Handwerkzeug-Eigenschaft, um unsere Leinwand zu bewegen, okay? Und das ist in Ordnung. Nun, die Anmeldeseite, oder sollte ich sagen, die Login-Route ist immer noch dieselbe. Ein neuer Benutzer muss lediglich eine E-Mail-Adresse und ein Passwort eingeben E-Mail-Adresse und ein , wie es ein registrierter neuer Benutzer tun wird. Danach wird er oder sie auf die Startseite der Anwendung weitergeleitet Ich würde gleich hierher kommen und dann würde ich das duplizieren und es dann genau hier bleiben lassen Okay. Und dann würde ich auch gleich herkommen, das duplizieren und es genau hier bleiben lassen. Und dann würde ich all diese herausnehmen und dann würde ich sagen, E-Mail-Adresse eingeben. Und das ist in Ordnung. Außerdem würde ich auch gleich hierher kommen und dann all diese herausnehmen und dann würde ich sagen, Passwort eingeben. Und dann würde ich schnell hierher kommen und dann auf dieses Connector-Tool klicken und es dann damit verbinden. Und ich würde auch auf dieses Connector-Tool klicken und eine Verbindung zu diesem Punkt herstellen. Und danach ist es auch wichtig, dass ich diese beiden Buttons mit dieser Homepage verbinde. Ich würde auf diese Schaltfläche oder diese Seite klicken und sie dann auf diese Homepage ziehen. Ich würde dasselbe auch für dieses Eingabepasswort tun und es auf diese Seite ziehen. Und das ist perfekt, Leute. Lassen Sie uns nun herauszoomen , um alles zu sehen, was wir hier getan haben. Ich verwende meine Handwerkzeug-Eigenschaft, um unsere Leinwand so zu verschieben, dass wir die wunderschöne Informationsarchitektur sehen können die wunderschöne Informationsarchitektur , die wir gemeinsam entworfen haben. Das ist perfekt, Leute. Also, Leute, das ist nur der grundlegende Informationsarchitekturfluss für diese App. Okay? Und ja, natürlich ist es sehr wichtig, diese Informationsarchitektur so zu erstellen diese Informationsarchitektur so dass Sie alle Schritte, die der Benutzer mit dieser App unternehmen wird , verstehen , organisieren und organisieren . Darüber hinaus ist es wichtig diese Informationsarchitektur reibungslos funktioniert, damit Sie auch die Kernfunktionen, die jede Seite Ihrer App haben wird, verfeinern oder optimieren Kernfunktionen, die jede Seite Ihrer App haben wird, Okay? Und das sind wunderschöne Leute. Also, Leute, ihr könnt euch auch eine bessere Informationsarchitektur einfallen lassen . Okay? Für diese Lektion ist das alles, was wir uns einfallen lassen können. Sie können selbst entscheiden, sich etwas Besseres einfallen zu lassen. Dafür vertraue ich dir. Ich liebe das. Das ist wunderbar, Leute. Herzlichen Glückwunsch. Wir sehen uns in der nächsten Lektion. Bleib gesegnet. 8. Einführung eines Low-Fidelity-Prototyps: Hey, Leute, willkommen zurück und herzlichen Glückwunsch. Jetzt haben wir erfolgreich den Informationsarchitekturfluss für dieses Projekt erstellt . Und wenn Sie Fragen zu diesem Informationsarchitekturfluss haben , tun Sie bitte gut daran, meine Aufmerksamkeit auf sich zu ziehen, und ich würde mich freuen, Ihnen zu antworten. Wenn wir nun zu unserer Gliederung des Informationsflusses zurückkehren, also der Phase des Entwurfs eines Prototyps, würden Sie feststellen, dass wir den Informationsarchitekturfluss für dieses Projekt erfolgreich erstellt haben erfolgreich erstellt . Die nächste Maßnahme in dieser Phase besteht also darin, mithilfe des Informationsarchitekturflusses, den wir gerade erstellt haben, einen Low-Fidelity-Prototyp der besten Idee zu erstellen des Informationsarchitekturflusses, den wir gerade erstellt haben, einen Low-Fidelity-Prototyp mithilfe des Informationsarchitekturflusses, den wir gerade erstellt haben, einen Low-Fidelity-Prototyp der besten Idee . Ordnung. Aber hey, Leute, bevor wir Fidelity-Prototyp der besten Idee entwickeln, würde ich gerne erklären, worum es bei einem Fidelity-Prototyp geht. Ein Prototyp mit geringer Zuverlässigkeit ist also ein einfaches Diagramm eines Designkonzepts in der Anfangsphase UX-Designteams nutzen sie, um eine Idee schnell zu testen, Lücken und Fallstricke zu identifizieren und auch Produktdesigns zu verwerfen, und auch Produktdesigns zu verwerfen die bei den Benutzern keinen Anklang Dies ist ein wichtiger Schritt im Design-Thinking-Prozess. Low-Fidelity-Prototyping fördert Ideenfindung und Innovation in Bezug auf das grundlegende Seitenlayout, Inhalt, die Organisation und den Benutzerfluss Mit anderen Worten, ein Low-Fidelity-Prototyp ist eine Dummy-Version Ihres endgültigen Designs für Nun, die wichtigste Frage, die Sie stellen müssen, ist diese? Warum müssen wir eine Dummy-Version entwerfen? Also, das ist es, Leute. Das Entwerfen einer Dummy-Version, oder sollte ich sagen Low-Fidelity-Prototyping, ist wichtig und kann einen großen Einfluss auf die allgemeine Benutzererfahrung haben In dieser Phase, in der Sie versuchen, alles herauszufinden, können Ihr Design und Ihr Designprozess vielen Änderungen und Anregungen von den Stakeholdern oder besser gesagt von den Eigentümern des Unternehmens unterliegen Änderungen und Anregungen von den Stakeholdern oder besser gesagt von den Eigentümern des Unternehmens Darüber hinaus ist das Low-Flity-Prototyping Teil des Produktdesign - und Entwicklungsprozesses Dazu gehören Kreativität und frühe Versionen eines Produkts oder Designs mit kostengünstigen und schnellen Methoden Diese Prototypen sind oft grob und einfach und werden verwendet, um Ideen zu testen und zu bewerten, bevor man sich schließlich für detailliertere und ausgefeiltere Designs entscheidet Neue Realitätsprototypen werden häufig aus einfachen Materialien, Skizzen oder Drahtgittern hergestellt Skizzen oder Drahtgittern und enthalten nicht alle Merkmale und Funktionen des Funktionen des Leute, genau darum geht es bei einem Low-Felity-Prototyp. Und aus diesem Grund ist es wichtig, dass wir einen Low-Fidelity-Prototyp erstellen, oder sollte ich sagen, wir einen Low-Fidelity-Prototyp haben und diesen Low-Fidelity-Prototyp dann dass wir einen Low-Fidelity-Prototyp haben und diesen Low-Fidelity-Prototyp dann den Stakeholdern zur Korrektur und Änderung vorlegen und so weiter und so fort Wenn der Low-Fidelity-Prototyp nun akzeptiert und vereinbart wurde, können Sie mit dem Design der eigentlichen App selbst fortfahren, bei der es sich um den High-Fidelity-Prototyp handelt. Und das ist wunderschön, Leute. Also, Leute, lasst uns weitermachen und dann schauen, wie wir einen Low-Fidelity-Prototyp unserer besten Idee erstellen Und das werden wir mit einer Figma-Designdatei machen. 9. Aufgabe Registrieren oder Anmelden: Wir sind also hier bei unserer Benutzeraufgabe. Und wenn Sie direkt hierher kommen, würden Sie feststellen, dass unsere Benutzeraufgabe für diese App darin besteht, sich zunächst zu registrieren oder einzuloggen und dann Ihr Konto oder Ihre Brieftasche aufzuladen. Und danach würden Sie dann in eine Aktie investieren. Und das sind wunderschöne Leute. Und das bedeutet, wenn ein Benutzer all diese Aufgaben erledigt, sich registrieren oder einloggen, Konten oder Wallets finanzieren und dann endlich investieren, bedeutet das, dass der Benutzer sein Ziel mit dieser App erreicht haben muss, nämlich zu investieren, also , Leute, wir werden unseren Low-Fidelity-Bildschirm nach dieser Benutzeraufgabe gestalten unseren Low-Fidelity-Bildschirm nach dieser wir also schnell zu unserer Figma-Designdatei zurück und sehen wir uns an, was es heißt, einen Low-Fidelity-Bildschirm zu erstellen. Jetzt müssen Sie nur noch die Eigenschaft des Rahmenwerkzeugs auswählen hier runterkommen, können Sie sehen, wo sich meine Maus befindet, und dann darauf klicken. Und wenn Sie das tun, können Sie direkt hier die Telefonvorlage Ihrer Wahl auswählen, sei es iPhone 14 und 15 Promax iPhone 14 und 15 P, iPhone 13 und 14, sei es iPhone 14 plus, iPhone 13 Mini, iPhone SE, iPhone acht Plus, iPhone acht, Android klein oder sogar Android Large Für dieses Projekt würde ich also Android Large verwenden weil ich in ein Android-Handy verliebt bin Okay? Also lass uns darauf klicken. Und jetzt haben wir hier ein Android-Frame-Tool. Okay? Jetzt würde ich ein wenig heranzoomen , damit wir sehen können, was hier vor sich geht. Und das ist in Ordnung. Und dann würde ich auf meiner Tastatur auf den Buchstaben H klicken, um meine Handwerkzeug-Eigenschaft auszuwählen , sodass ich unser Rahmenwerkzeug bewegen kann. Sie können sehen, wie es bewegt wird. Und das ist in Ordnung. Jetzt kommt die nächste Zeile genau hier und dann klicken Sie auf diese Texteigenschaft und lassen Sie sie dann genau hier bleiben. Und dann würde ich BX, P sagen, was Bag Zinet Productions bedeutet Also lass uns gleich hierher kommen und dann die Schriftgröße erhöhen. Dazu. Und das ist okay. Also Leute, da dies der Startbildschirm dieser App sein wird , ist es wichtig, dass dieses Logo genau hier bleibt. Und dann kommen wir hierher, um es auf die Mitte auszurichten . Lass uns hochkriechen. Lassen Sie uns also gleich hierher kommen und es dann horizontal in der Mitte und auch vertikal in der Mitte ausrichten horizontal in der Mitte und auch vertikal in der Mitte Und das ist in Ordnung. Also Leute, lasst uns weitermachen, um den Anmeldebildschirm zu erstellen. Aber das Wichtigste zuerst Normalerweise segmentiere ich meine Bildschirme mithilfe der Benutzeraufgabe in Kategorien. Also würde ich gleich hier und dann mit unserer Texteigenschaft kommen . Ich komme gleich hierher und sage dann Authentifizierung. Lassen Sie uns unsere Schriftgröße auf diesen Wert erhöhen. Und das ist okay. Das heißt, dieser Abschnitt sollte für Aufgabe des Authentifizierungsbildschirms vorgesehen sein, das ist in Ordnung. Der nächste Bildschirm, den wir hier haben müssen, ist der Anmelde- und der Anmeldebildschirm. Machen wir also weiter, um das zu duplizieren und es dann genau hier zu lassen und zu duplizieren ist Control D. Wenn Sie einen MAC verwenden, ist das Kommando D. Lassen Sie uns das beenden. Und dann nehmen wir das heraus und verwenden auch unsere Handwerkzeug-Eigenschaft , indem wir auf Ihrer Tastatur auf die H-Taste klicken und dann Ihrer Tastatur auf die H-Taste klicken und dann unsere Leinwand verschieben. Und das ist wunderschön, Leute. Und das hier ist der Begrüßungsbildschirm dieser App. Das hier ist das Logo, das wir gerade erstellt haben. Also, Leute, lasst uns auch die Schriftgröße dieses Logos erhöhen. 32 ist sehr okay. Und das ist in Ordnung. Also, Leute, wie ihr sehen könnt, haben wir schon den Startbildschirm der App, welcher ist das? In Ordnung. Also können wir genauso gut unsere Bildschirme umbenennen. Nennen wir das also Splash-Screen. Jetzt, nach dem Begrüßungsbildschirm, haben wir diesen Bildschirm, auf dem der Benutzer seine Authentifizierungsaktion auswählen müsste , nämlich entweder anmelden oder registrieren. Nennen wir diesen Bildschirm Authentifizierungsaktion. Und das ist okay. Nun, um hier ein Log-In zu erstellen, brauchst du kein automatisches Layout oder ähnliches. Alles, was Sie tun müssen, ist hierher zu kommen und dann das Rechteck-Werkzeug wie dieses auszuwählen und es dann genau hier zu platzieren. Und dann passen wir es an. Und das ist okay. Als Nächstes wählen Sie die Texteigenschaft aus und lassen sie dann genau hier bleiben. Und dann würde ich sagen, loggen Sie sich ein oder melden sich an, je nachdem, welches Sie zuerst haben möchten. Fangen wir natürlich mit dem Einloggen an. Und dann lassen wir es genau in der Mitte bleiben , und das ist okay. Hier, Leute, zu diesem Zeitpunkt müssen Sie sich noch nicht einmal eine Farbe einfallen lassen, müssen Sie sich noch nicht einmal eine Farbe einfallen lassen wenn Sie Ihren Low-Fidelity-Bildschirm erstellen. Und das liegt daran, dass die Verwendung von Farben auf Ihren Bildschirmen Ihre Stakeholder ablenken kann , oder sollte ich sagen, die Eigentümer des Unternehmens, wenn Sie ihnen die Low-Fidelity-Bildschirme präsentieren In dieser Phase sollten Sie sich also nur auf die Benutzererfahrung konzentrieren Mit anderen Worten, Farben auf dem Bildschirm mit niedriger Farbwiedergabe können die Beteiligten von der Benutzererfahrung ablenken Lassen Sie uns nun dasselbe für die Anmeldeschaltfläche tun. Lassen Sie uns das jetzt duplizieren. Und dann lass uns genau hier bleiben. Und das ist okay. Lassen Sie uns jetzt auch unser Texttool duplizieren und dann bleiben wir hier. Und dann würde ich schnell sagen, melde dich an. Und dann würde ich es anpassen und das ist okay. Also, Leute, lasst uns zum nächsten Bildschirm übergehen. Welches wird der Anmeldebildschirm sein. Denken Sie daran, wir haben bereits den Begrüßungsbildschirm. Wir haben den Aktionsbildschirm für die Authentifizierung, und in der nächsten Zeile befindet sich der Anmeldebildschirm, dem wir ein Eingabefeld haben würden, das Eingabefeld für E-Mail und Passwort handelt. Außerdem haben wir dann eine Anmeldeschaltfläche. Also Leute, ich würde gleich hierher kommen und dann würde ich auch diesen Rahmen duplizieren. Und dann würde ich auch hierher kommen auf die H-Taste auf meiner Tastatur klicken, um unsere Leinwand zu verschieben. Und das ist wunderschön, Leute. Das Wichtigste zuerst, ich würde direkt hierher kommen , um die Bezeichnung dieses Bildschirms zu ändern, und ich würde sagen, Anmeldebildschirm. Und das ist okay. Also Leute, ich komme gleich her. Da wir unsere rechteckige Form bereits genau hier haben, müssen wir nur hierher kommen und dann diesen Text herausnehmen und dann diese rechteckige Form auswählen Kommen Sie hierher und fügen Sie dann einen Strich hinzu und nehmen Sie dann die volle Farbe heraus , indem Sie genau hierher kommen wo Sie ein Minuszeichen sehen, und dann entfernen Sie Und das ist okay. Lass uns gleich hierher kommen und dann unsere Textwerkzeug-Eigenschaft auswählen und sie dann genau hier bleiben lassen . Und dann würde ich E-Mail sagen. Also lass uns das anpassen und es genau hier bleiben lassen. Lassen Sie uns das jetzt duplizieren, um unser nächstes Textfeld zu haben. Also klicke ich darauf und dann werde ich das duplizieren. Lass uns das runternehmen. Erinnerst du dich, dass wir das dupliziert haben, oder? Lassen Sie uns das jetzt auch duplizieren und es genau hier bleiben Und dann würde ich Passwort sagen. Und das ist okay. Also, Leute, der nächste ist der Login-Button. Also würde ich hier dasselbe tun. In Ordnung? Da wir hier schon eine rechteckige Form haben, muss ich nur hierher kommen und dann diesen Text herausnehmen und dann würde ich sagen, einloggen. Und das ist okay. Passen wir das an , um das Problem zu beheben. Und das ist okay. Also Leute, lasst uns zum nächsten Bildschirm übergehen. Welches wird der Anmeldebildschirm sein. Und dieser Anmeldebildschirm würde aus einem E-Mail-Eingabefeld, einem Eingabefeld eine Telefonnummer und einem Passwort-Eingabefeld und einem Passwort-Eingabefeld Dann werden wir endlich auch eine Anmeldeschaltfläche haben. Ordnung. Also lasst uns weitermachen, diesen Bildschirm zu duplizieren. Alles klar? Denken Sie daran, wir haben bereits den Begrüßungsbildschirm, den ersten Bildschirm. Wir haben den Aktionsbildschirm für die Authentifizierung und dann auch den Anmeldebildschirm angezeigt. Der nächste ist nun der Anmeldebildschirm. Also, Leute, lasst uns das duplizieren. Und dann klicken wir auf die Taste H auf der Tastatur und wählen dann unsere Handwerkzeug-Eigenschaft aus, sodass wir unsere Leinwand verschieben und sehen können , was wir hier vor uns haben. Also, Leute, das wird jetzt unser Anmeldebildschirm sein. Also komme ich gleich her und ändere dann das Label auf den Anmeldebildschirm. Und das ist okay. Also Leute, denkt daran, dass wir gesagt haben, dass dieser Anmeldebildschirm aus drei Eingabefeldern besteht, nämlich dem E-Mail-Feld, dem Telefonnummernfeld und einem Passwortfeld Aber im Moment haben wir kein Telefonnummernfeld. Also alles, was ich jetzt tun werde , ist, eines dieser Felder zu duplizieren, und dann lasse ich es genau hier bleiben. Ich würde auch weitermachen, diesen Text zu duplizieren und ihn genau hier bleiben zu lassen. Stellen Sie sicher, dass es ausgerichtet ist. Jetzt würde ich weitermachen, dies zu einem Telefonnummernfeld zu machen. Also würde ich Telefonnummer sagen. Und das ist okay. Dann würde ich auch gleich hierher kommen und dann würde ich diesen Login in „Anmelden“ ändern , da dies ein Anmeldebildschirm ist, das ist wunderschön, Leute Leute, wir werden immer noch einen weiteren Bildschirm haben, nämlich den Bildschirm zur Bestätigung auf dem Handy Alles was ich tun müsste, ist hierher zu kommen und diesen Bildschirm auszuwählen und dann alles zu duplizieren. Und ich würde auch die Hkey-Taste drücken , um die Eigenschaften unseres Handwerkzeugs zu aktivieren, und dann würde ich unsere Leinwand verschieben , damit wir sehen können, was hier vor sich geht Und jetzt würde ich gleich hierher kommen und dann würde ich sagen, Bildschirm zur Überprüfung der Handynummer. Und das ist okay. Ich komme gleich her und dann werde ich die imputen Weil wir sie nicht brauchen werden, oder? Alles, was wir hier brauchen, ist nur dieses Imput-Feld und diese Schaltfläche Und dann würde ich gleich hierher kommen und einen Text eingeben , der besagt: Geben Sie den Bestätigungscode ein Und das ist okay. Und dann würde ich auch gleich hierher kommen und dann diesen Anmeldetext ändern, um das zu verifizieren. Und das ist okay. Also, Leute, zoomen wir zurück und dann schauen wir mal, was wir hier haben. Also Leute, der gesamte Bildschirm vom Begrüßungsbildschirm bis zum Bildschirm zur Überprüfung der Handynummer für die Authentifizierungsaufgabe. Okay? Sie können den Begrüßungsbildschirm, den Aktionsbildschirm für die Authentifizierung den Anmeldebildschirm sehen, der das E-Mail-Feld, das Passwortfeld und die Anmeldeschaltfläche enthält . Okay? Sie können den Anmeldebildschirm sehen, das E-Mail-Eingabefeld, die Telefonnummer, das Eingabefeld, ein Passwort, ein Eingabefeld und eine Anmeldeschaltfläche enthält Telefonnummer, das Eingabefeld, ein Passwort, ein Eingabefeld und eine Anmeldeschaltfläche und Darüber hinaus haben wir auch einen Bildschirm zur Überprüfung der Handynummer, auf dem wir eine Bestätigung mit dem Namen Impute-Feld und beide Verifizierungsmöglichkeiten haben Impute-Feld und beide Verifizierungsmöglichkeiten Und das ist wunderschön, Leute. Also, Leute, lasst uns zur nächsten Aufgabe übergehen. Coach wird die Aufgabe von Font Wallet sein. 10. Wallet-Aufgabe: Hey, Leute. Willkommen zurück und herzlichen Glückwunsch. Leute, lasst uns zur nächsten Aufgabe übergehen. Coach wird die liebste Brieftaschenaufgabe sein. Alles, was ich tun muss, ist einen weiteren Bildschirm direkt unter diesen Bildschirmen zu haben . Aber zuerst kommen wir hierher und duplizieren dann diesen Text und lassen ihn dann genau hier bleiben. Dann würde ich Homepage sagen. Und dann würde ich gleich hierher kommen und dann die Eigenschaft des Frame-Tools auswählen und dann hierher kommen und dann auf Android Larch klicken Und wenn ich das mache, komme ich gleich hierher und lasse dann Eigenschaft des Rahmenwerkzeugs hier herunterfahren Ordnung. Und das ist okay. Lassen Sie uns also heranzoomen, um unsere Arbeit deutlich zu sehen, und dann verwende ich meine Handwerkzeug-Eigenschaft , um unsere Leinwand zu verschieben. Also, Leute, denkt daran, dass dies die Homepage der App ist. Okay? Also, Leute, das Wichtigste zuerst, da dies die Homepage der App ist, sollten wir ein Menüsymbol haben. Daher hat ein Menü Bothen die Form eines Symbols. Und dieses besteht normalerweise aus drei parallelen horizontalen Linien, die auf eine Liste hindeuten, und es befindet sich normalerweise in der rechten Ecke einer Anwendung Und wenn Sie darauf drücken, erhalten Sie eine Liste mit anwendungsspezifischen Optionen Lassen Sie uns nun unser Menüsymbol hier haben. Das hier zu tun ist so einfach. Lassen Sie uns jetzt hierher kommen und das dann in Home umbenennen. Lass mich einfach zu Hause sagen. Und das ist okay. Lassen Sie uns nun mit unserem Menüsymbol fortfahren. Und das zu tun ist sehr einfach. Alles was Sie tun müssen, ist mit der rechten Maustaste zu klicken und dann nach unten zu den Plugins zu scrollen und dann hierher zu kommen, wo das Federsymbol steht, und es dann auszuwählen. Und Sie können unser Menüsymbol genau hier sehen , wo meine Maus aktiviert ist Wählen Sie es dann aus, schließen Sie es und lassen Sie es dann genau hier bleiben. Das ist okay. In der nächsten Zeile wird direkt unter diesem Symbol ein Text angezeigt, auf dem Balance steht. Lassen Sie uns also ein Textwerkzeug auswählen und dann lasse ich es genau hier bleiben. Und dann würde ich Ausgewogenheit sagen. Und dann würde ich dafür sorgen, dass das angepasst wird. Ich würde es auswählen und dann gleich hierher kommen und dann die Schriftgröße auf 20 ändern, und das ist okay. Und direkt unter diesem Saldo hätte ich auch noch einen weiteren Text, dem es sich um einen angenommenen Betrag handelt. Also werde ich das duplizieren und dann lasse ich es genau hier bleiben. Und dann würde ich sagen 35.000. Und das ist okay. Der nächste Schritt besteht darin, direkt unter diesem Text hier auf der Startseite eine Schaltfläche für das Fondskonto zu haben, genau wie bei unserer Informationsarchitektur. Alles klar? Also, Leute, ihr wisst alle schon, wie man einen Button erstellt. Alles was ihr tun müsst, ist hierher zu kommen und dann dieses rechteckige Schiff auszuwählen und es dann genau hier bleiben zu lassen . Alles klar? Und das ist okay. Dann fügen wir auch einen Text hinzu, damit wir unseren Text schreiben können. Und dann würde ich sagen Fondskonto. Also passen wir das an und das ist okay. Jetzt soll die nächste Zeile einen Text mit der Aufschrift Letzte Transaktion enthalten, was die letzte Transaktionsoption ist. Also würde ich gleich hierher kommen und das dann duplizieren und es genau hier bleiben lassen. Und dann würde ich das alles rausnehmen, und dann würde ich sagen, letzte Transaktionen. Und das ist okay. Also lass uns das anpassen. Und das ist in Ordnung. Und dann würde ich gleich hierher kommen und dann würde ich es mutig machen. Und das ist okay. Also direkt unter diesem Text hätte ich ein Rechteck mit einer Eckenreduzierung von 16 px. Also lass uns das duplizieren und dann lasse ich es genau hier bleiben. Aber in Ordnung. Dann würde ich das auf dieses Objektiv ausweiten. Und dann würde ich das auch duplizieren und es dann genau hier bleiben lassen. Und das ist okay. Lassen Sie uns nun weitermachen und ihm einen Eckradius von 16 px geben. Ich komme her und sage 16. Und das ist okay. Ich würde auch gleich hierher kommen und ich würde 16 sagen. Und das sind wunderschöne Leute. Und jetzt nutzen wir unsere schöne Eigenschaft, um unsere Leinwand zu verschieben. Nun, die nächste Zeile ist das Empfehlungsbanner. Und um das zu tun, müssen Sie nur hierher kommen und dann die rechteckige Form auswählen und sie genau hier bleiben lassen und dann erweitern. Und dann würde ich sagen, klicken Sie, um weiterzuempfehlen. Und das ist okay. Lasst uns das anpassen Und das ist okay, Leute. Lassen Sie uns nun unsere Handwerkzeug-Eigenschaft verwenden, um unsere Leinwand zu bewegen. Genau hier. Jetzt ist es an der Zeit, einen Navigationsbereich direkt unter diesem Schiff zu haben und dann einen Hintergrund zu erstellen, indem Sie die rechteckige Form auswählen und sie dann einfach so quer legen . Und dann komm gleich her, um die Feldfarbe so zu ändern. Das ist in Ordnung. In der nächsten Zeile wählen Sie eine rechteckige Form aus und lassen sie genau hier bleiben. Das ist okay. Dann würde ich unser Textileigentum nutzen, um mein Zuhause aufzuschreiben. Lassen Sie uns nun die Schriftgröße hervorheben und dann auf 16 ändern . Und das ist okay. Also werde ich das anpassen, damit es passt. Und das ist okay. Zusätzlich haben wir hier eine weitere Navigationsschaltfläche. Also alles, was ich tun muss, ist hierher zu kommen und dann werde ich das duplizieren und es dann genau hier bleiben lassen. Ich würde das auch duplizieren und es hier bleiben lassen. Dann würde ich das alles herausnehmen und dann würde ich sagen, investieren. Also lass uns das auch duplizieren und es genau hier bleiben lassen, damit wir beide eine weitere Navigation haben können . Also werde ich das noch einmal duplizieren, genau wie wir es getan haben, und ich möchte, dass es genau hier bleibt. Und ich würde das auch duplizieren und es dann genau hier bleiben lassen. Und dann würde ich das alles rausnehmen und dann würde ich sagen abwickeln und das ist wunderschön, Leute Also, Leute, lasst uns schnell zur Fondskontoschaltfläche zurückkehren , weil es wichtig ist, dass wir genau hier einen Popup-Bildschirm haben, wenn ein Benutzer auf diese Schaltfläche für wir genau hier einen Popup-Bildschirm haben, wenn Fondskonten klickt Wenn ein Benutzer also auf diese Schaltfläche für das Fondskonto klickt, wird ein Popup-Bildschirm angezeigt, in dem er die Methode auswählen kann , mit der er sein Konto aufladen möchte . Also Leute, lasst uns einen weiteren Frame direkt unter diesem Homepage-Bildschirm haben . Alles klar? Also würde ich direkt auf die Eigenschaft des Frame-Tools kommen und dann darauf klicken und dann Android Large auswählen , dann würde ich es direkt unter diesem Homepage-Bildschirm lassen. Ordnung. Und dann würde ich die Größe ändern. Alles klar? Und dann hätte ich hier ein Texttool, und dann würde ich es hier stehen lassen und dann würde ich Fondskonto sagen. Ich würde es hervorheben. Ändern Sie die Schriftgröße auf diese und machen Sie sie dann normal. Und dann würde ich auch die Bildschirmbeschriftung so ändern , dass das Fondskonto erscheint. Und das ist okay. Die nächste Zeile besteht nun darin, zwei Schaltflächen in diesem Rahmen zu haben. Und eine der Schaltflächen wird eine Banküberweisungsschaltfläche sein, und die andere wird eine Debitkartenschaltfläche sein. welchen beiden Methoden kann ein Benutzer Geld auf sein Konto einzahlen? Ich würde gleich hierher kommen und dann würde ich eine rechteckige Form wählen und dann lasse ich sie genau hier bleiben. Dann würde ich das anpassen. Und das ist okay. Jetzt würde ich weitermachen und es um 16 px verkleinern. Also würde ich hierher kommen und dann würde ich 16 sagen. Und das ist okay. Und dann würde ich gleich hierher kommen, unsere Textwerkzeug-Eigenschaft auswählen und sie dann genau hier bleiben lassen. Und dann würde ich Banküberweisung sagen. Lass uns das anpassen. Und dann machen wir weiter, um es fett zu machen. Und das ist okay. Lassen Sie uns das also duplizieren. Und dann lassen wir es genau hier bleiben. Lassen Sie uns das also auch duplizieren und es genau hier bleiben lassen . Und dann würde ich das alles herausnehmen und dann würde ich Debitkarte sagen. Passen wir das an . Das ist okay. Also Leute, diese Aufgabe ist abgeschlossen. Wir haben hier eine Schaltfläche für das Fondskonto . Wenn ein Benutzer darauf klickt, wird dieses Popup wie folgt angezeigt. gebeten, entweder eine Banküberweisung oder eine Debitkartenmethode zu wählen , mit der sie ihr Konto aufladen möchten. Gehen wir nun zur nächsten Steuer in unserer App über , der Investitionsaufgabe. 11. Aufgabe investieren (neu): Hallo, Leute. Willkommen zurück und herzlichen Glückwunsch. Also Leute, lasst uns zur nächsten Phase unseres Designs übergehen , der Investitionsphase. Lassen Sie uns zunächst darauf hinweisen, dass dies der Bereich Investieren ist. Und um das zu tun, würde ich zunächst auf 100% zurückzoomen. Also würde ich hierher kommen und auf 100% zurückzoomen. Und dann würde ich auf die H-Key-Taste auf meiner Tastatur klicken , um unsere Leinwand zu bewegen Und das ist es genau hier. Ich mache das, ich würde das zuerst duplizieren und es dann direkt unter dieser Karte liegen lassen , damit ich Invest Stage schreiben kann. Ich würde einfach Investieren sagen. Und das ist okay. Also, Leute, lasst uns weitermachen, um diese Seite zu duplizieren. In Ordnung. Und zu duplizieren ist Control D. Wenn Sie einen MAC verwenden, ist Command D. Also würde ich auf diese Seite klicken, um zu duplizieren. Und das ist okay. Lassen Sie uns nun diese Homepage in Investitionsseite umbenennen. Okay? Sagen wir also investieren. Und das ist okay, Leute. Lassen Sie uns das alles herausnehmen, und dann würde ich sagen, Liste der Aktien, in die investiert werden soll Und das ist okay, Leute Nochmals, ich würde gleich hierher kommen und dann dieses Fondskonto eröffnen und dann würde ich sagen, suchen. Und dann würde ich auch weitermachen und all das herausnehmen Und das ist in Ordnung. Lassen Sie uns das jetzt ein wenig anpassen, und das ist okay. Danach würde ich weitermachen, um die Feldfarbe zu entfernen. Und wenn ich das mache, komme ich gleich hierher und füge dann einen Strich hinzu. Und das ist okay. Und dann würde ich das so dehnen , dass es bis zu diesem Punkt kommt. Und dann würde ich weitermachen und ihm eine Eckwurzel von acht Pixeln geben eine Eckwurzel von acht Pixeln Also würde ich einfach acht sagen, und das ist okay. Also lass uns das alles rausnehmen und dann ein Rechteck drüben haben. Alles klar? Da ich ein Handwerkzeug habe, verschiebe ich meine Leinwand. Ich werde das alles herausnehmen und genau hier ein Rechteck hinzufügen. Okay? Okay, kommen wir hierher und wählen dann diese rechteckige Form aus und lassen sie dann genau hier bleiben. Passen wir es an, um das Problem zu beheben. Und das ist okay. Lassen Sie uns nun eine Eckreduzierung von 16 Pixeln vornehmen. Ich würde 16 sagen, und das ist okay. Dann würde ich diese Farbe etwas reduzieren. Einfach so. Das ist okay. Dann wähle ich unsere Textwerkzeugeigenschaft aus und lasse sie dann genau hier bleiben, und dann würde ich sagen, unschuldige Fahrzeuge. Und dann würde ich das anpassen , damit es passt. Das ist okay Leute. Und dann würde ich auch diese Zahl hier hinzufügen, die die Aktien-ID darstellt. Ich würde sagen Null, Null, Eins, Null, Eins, das ist okay. Leute, lasst uns das rausnehmen, das ist in Ordnung. Lasst uns jetzt alles, was wir haben, nach oben verschieben . Und das ist okay. Und jetzt lass uns das duplizieren und es hier bleiben lassen. Und das ist okay, Leute. Also, ich würde das alles rausnehmen und ich würde A sagen und dann direkt darunter hätte ich die ID dieser Aktie. Also würde ich sagen Null, Null, Eins, 012. Sie können einen beliebigen Namen oder eine Liste von Aktien haben , die Sie haben möchten, okay? Und das ist okay. Lassen Sie uns das zusätzlich duplizieren und es auch so direkt darunter lassen. Damit wir eine weitere Liste haben können und dann würde ich das alles herausnehmen, und dann würde ich Ibetal-Gruppen sagen Also Leute, lasst uns auch die ID für diese Aktie haben, und sie wird 001013 sein, Alles klar? Du kannst ihm einen beliebigen Namen geben oder was auch immer du für richtig hältst. Denken Sie daran, dass dies die Liste der Aktien ist, in die ein Benutzer investieren kann Lassen Sie uns das jetzt auch duplizieren und es dann genau hier bleiben lassen Nun, die nächste Zeile ist Coty's Cbs. Ich nehme das alles raus und ich würde CotsKs sagen. Dann würde ich dieser Aktie eine ID geben. Also wird es Null, Null, Eins, 014 sein , das ist okay Also, Leute, das ist die Liste der Aktien, in die ein Benutzer investieren kann , oder die Liste der Aktien, in die ein Investor investieren möchte Und das sind hübsche Leute. Lassen Sie uns jetzt unsere Leinwand verschieben , damit wir sehen können, was hier vor sich geht In der nächsten Zeile wird es einen weiteren Abschnitt geben, in dem es um Ihr Aktienportfolio geht. Also werde ich das duplizieren und dann möchte ich, dass es genau hier bleibt. Und dann würde ich sagen, Ihr Aktienportfolio. Lassen Sie uns das jetzt ein wenig ansprechen, damit wir etwas Platz direkt darunter haben. Lassen Sie uns das auch ansprechen. Das ist okay. Lass uns das gleich hier bleiben, das ist in Ordnung. Leute, lasst uns das so lange anpassen, bis wir hier genug Platz haben. Lasst uns das ein wenig aufgreifen. Dann lass uns genau hier bleiben. Also, Leute, lasst uns das duplizieren und dann lassen wir es direkt darunter bleiben, einfach so. Alles klar? Und dann lassen Sie uns das auch duplizieren. Und dann lassen wir es gleich neben dem stehen und das sind wunderschöne Leute. Also, Leute, lasst uns weitermachen und wieder auf 50% zoomen. Jetzt können wir sehen, was wir hier haben. Alles klar? Lassen Sie uns nun auch diese Seite duplizieren. Okay? Okay, kommen wir gleich hierher und dann sagen wir Eigenkapitaldetails. Dann lass uns weitermachen und diese Suchleiste herausnehmen , die wir hier haben, okay? Und dann fahren Sie fort, all diese Gegenstände wegzunehmen , die wir hier haben. Dann lasse ich einfach das hier stehen, okay? Lassen Sie uns das erweitern, das ist okay. Dann würde ich auch weitermachen und all das wegnehmen. Wir brauchen sie nicht. Nun, immer noch zu den Eigenkapitaldetails, ich würde gleich herkommen und diese Aktien-ID aufschreiben , okay? Also würde ich das duplizieren und dann würde ich es genau hier lassen. Und dann würde ich die Aktien-ID schreiben. Okay? Okay, lass uns das rausnehmen, das ist in Ordnung. Jetzt lass uns hier bleiben, das ist okay. Also genau hier werde ich die Aktien-ID haben, die Null, Null, Eins, Null doppelt Eins ist , das ist in Ordnung. Nun, hier dreht sich alles um die Eigenkapitaldetails Ich würde auch ein Aktienkapital von 20.000 haben. Ich würde sagen, Aktienkapital. Von 20.000 Nyra. Und das ist okay. Also, Leute, ich würde auch weitermachen, eine behalten zu lassen. Ihr könnt alles eingeben, was ihr für richtig haltet, okay? Sie behielten den Gewinn dieser speziellen Aktie, sagen wir, 4.000 Und das ist okay. Also, Leute, lasst uns auch weitermachen, um einen Nettogewinn und eine Dividende zu erzielen. Also werde ich gleich hierher kommen und ich würde Nettogewinn und Dividende sagen . Also sagen wir 5.000. Du kannst jede Zahl unterstellen, die du für richtig hältst, okay? Das hängt immer noch von den Einzelheiten des Eigenkapitals ab, in das Sie investieren werden, okay? Und das ist in Ordnung. Also, Leute, ich würde das gewagt machen, okay? Außerdem werde ich es fett formatieren, damit wir sie von der tatsächlichen Zahl unterscheiden können. Passen wir das an, das ist in Ordnung. Lassen Sie uns zusätzlich einige Informationen zu dieser speziellen Aktie haben . Also würde ich gleich hierher kommen und das duplizieren. Und dann würde ich es genau hier lassen. Und dann würde ich sagen, unschuldig. Und das ist okay. Also, Leute, ich würde das auch duplizieren, und dann würde ich es direkt darunter lassen. Also kann ich anfangen, unschuldige Fahrzeuge, Manufacturing Limited zu sagen . Ist ein nigerianisches Auto. Produziert in M Southeast. Es wurde von Chief Innocent Tacoma gegründet. Und das ist okay, Leute. Also mache ich weiter und mache diese Halbpension. Okay? Lass uns auch diese Halbpension machen, okay? Also, Leute, lasst uns das alles anpassen. Ordnung? Passen wir das so an, dass es passt. Okay? Also, Leute, wir brauchen mehr Platz. Also lasst uns weitermachen und das alles anpassen. W, das ist okay. Also, ich würde gleich hierher kommen und die rechteckige Form wählen, und ich lasse sie genau hier bleiben. Alles klar? Ich würde es anpassen. Und das ist in Ordnung. Jetzt würde ich gleich hierher kommen und dann würde ich die Texteigenschaft auswählen und dann würde ich investieren. Dann würde ich es fett machen. Und das ist okay. Nun, das sind die Details dieses Eigenkapitals hier. Okay? Zuallererst hätten Sie das Logo des Unternehmens, dem die Aktie gehört, und Sie hätten auch die ID der Aktie. Außerdem würden Sie über das Aktienkapital, die Gewinnrücklagen, den Nettogewinn und die Dividende verfügen. Und dann hätten Sie auch die Informationen über dieses Unternehmen. Sie können sehen, wo meine Maus sich also befindet. Dann haben Sie endlich die Schaltfläche Investieren genau hier. Wenn der Benutzer nun auf die Schaltfläche Investieren klickt, soll der Benutzer zu einer Seite weitergeleitet werden den Betrag eingeben muss , den er investieren möchte. Also lass uns das auf dieser Seite gleich hier machen. Und um das zu tun, müssen wir nur hierher kommen und das dann duplizieren und dann lassen wir es genau hier bleiben. Und das ist okay. Lassen Sie uns jetzt weitermachen und das alles rausnehmen. Okay? Und dann lass uns das duplizieren. Und dann lassen wir es genau hier bleiben. Und das ist in Ordnung. Jetzt fügen wir einen Strich hinzu und nehmen dann die Feldfarbe heraus. Und das ist okay. Lassen Sie uns nun einen Text mit der Aufschrift Betrag eingeben haben. Also komme ich gleich hierher, wähle die Texteigenschaft und dann lasse ich sie genau hier stehen, und dann würde ich „ Betrag eingeben“ sagen. Passen wir das an. Und das ist in Ordnung. Wenn der Benutzer nun auf die Schaltfläche „Investieren“ klickt, nachdem er den Betrag eingegeben hat, den er in dieses Eigenkapital investieren möchte , wird der Benutzer auf eine Seite weitergeleitet, auf der die Zusammenfassung der Investition angezeigt wird , die er tätigen möchte. Also, Leute, lasst uns weitermachen, das zu duplizieren und dann lasst uns genau hier bleiben. Und dann lassen Sie uns mit unserer Handwerkzeug-Eigenschaft unsere Leinwand verschieben. Und das ist in Ordnung. Also, Leute, lasst uns weitermachen und dieses Eingabefeld hier herausnehmen . Okay? Wir brauchen das nicht mehr. Lassen Sie uns nun den Betrag hinzufügen , den der Benutzer eingegeben haben muss, also ich würde Betrag sagen. Lassen Sie uns jetzt auch gleich hierher kommen und dann lassen Sie uns das alles herausnehmen und dann sagen wir, weitermachen. Und das ist okay. Wenn der Benutzer nun mit dem, was er hier hat, einverstanden ist mit dem, was er hier hat, einverstanden klickt er auf die Schaltfläche Weiter. Und wenn der Benutzer das tut, soll er oder sie auf eine Seite weitergeleitet werden , die anzeigt, dass die Investition erfolgreich war. Also, Leute, lasst uns das duplizieren und dann lassen wir es genau hier stehen, nur nebenbei. In Ordnung. Das ist okay. Lassen Sie uns nun unsere Handwerkzeug-Eigenschaft verwenden, um unsere Leinwand so zu verschieben, dass wir sehen können , was hier vor sich geht. Also Leute, lasst uns weitermachen und das alles rausnehmen. Wir brauchen es nicht mehr. Dann lass uns das runterholen. Dann würde ich gleich herkommen und dann lasse ich es hier bleiben, das ist in Ordnung. Und dann nehme ich das alles raus und ich würde sagen, Investition war erfolgreich. Und das ist okay. Also würde ich das anpassen. Und dann würde ich es genau hier lassen. Und das ist wunderschön, Leute. Und jetzt würde ich auch das alles rausnehmen und dann würde ich wieder zu Hause bleiben. Und dann würde ich das anpassen, damit es passt. Das ist okay. Das bedeutet, dass der Benutzer die Möglichkeit hat, zur Startseite zurückzukehren, wenn er auf die Schaltfläche Zurück zur Startseite klickt. Und wenn sie das tun, bedeutet das, dass die Aufgabe abgeschlossen ist. Das heißt, die Investitionsaufgabe ist abgeschlossen. Das sind wunderschöne Leute. Jetzt zoomen wir zurück Also, Leute, lasst uns auch jeden Bildschirm umbenennen , damit wir eine passende Bezeichnung für sie haben, okay? Nennen wir das also erfolgreiche Investition. Und dann nennen wir das auch, sagen wir, Aktienübersicht. Da dies die Zusammenfassung des Eigenkapitals ist , in das der Benutzer investieren möchte. Okay? Nennen wir das nun Eigenkapital. Und dann lassen Sie uns das auch Eigenkapitaldetails bezeichnen. Und das sind wunderschöne Leute. Lassen Sie uns diese Liste auch Aktien nennen Und das sind wunderschöne Leute. Leute, für uns, dass wir einen Low-Fidelity-Bildschirm wie diesen richtig präsentieren , um zu testen, ob er auftritt und all das Damit wir das richtig machen können, bedeutet das, dass wir einen Prototyp dieser Low-Fidelity-Bildschirme erstellen müssen einen Prototyp dieser Low-Fidelity-Bildschirme , damit wir sie für Tests und für Beiträge der Beteiligten angemessen präsentieren können für Tests und für Beiträge der Beteiligten Machen wir also weiter und lassen Sie uns das tun. Also zoome ich zurück, okay? Jetzt komme ich direkt zum Prototyp und dann klicke ich darauf, und ich werde das Ganze schließen, dann fange ich mit dem Startbildschirm der App an. Klicken wir hier auf den Begrüßungsbildschirm, um ihn auszuwählen. Und wenn es ausgewählt ist, klicken Sie hier auf diesen Punkt und ziehen Sie ihn dann wie folgt auf den Zielbildschirm. Und das ist okay, denn ich möchte, dass die Benutzer vom Startbildschirm der App zu diesem Bildschirm hier wechseln die Benutzer vom Startbildschirm der , dem Aktionsbildschirm für die Authentifizierung Wenn ich das mache, erscheint eine Popup-Karte mit den Interaktionsdetails , damit wir die Stimmung unserer Interaktionen festlegen können Hier haben wir also das On-Tap-Ereignis, und die Aktion für dieses On-Tap-Ereignis ist das Navigieren zur Aktion. Sie können sehen, wo meine Maus auch eingeschaltet ist. Das bedeutet also, dass wir, wenn den Begrüßungsbildschirm oder besser gesagt auf den Startbildschirm geklickt wird, auf den Begrüßungsbildschirm oder besser gesagt auf den Startbildschirm geklickt wird, zu diesem Bildschirm navigieren, dem Aktionsbildschirm für die Authentifizierung Okay? Also, Leute, es ist auch wichtig, dass ihr diese Bildschirme nach euren Wünschen umbenennt, weil das der beste Weg ist. Das bedeutet also insbesondere, dass Sie, wenn Sie auf den Startbildschirm tippen oder besser gesagt auf ihn klicken zum Bildschirm für die Authentifizierungsaktion Okay? Und das ist okay. Nun, hier drüben haben wir immer noch einen Animationsbereich , in dem wir die Animation dieses Übergangs einstellen können . Oder sollte ich Animation sagen. Derzeit ist es auf Instant eingestellt, oder? Aber ich kann gleich hierher kommen und das auf Smart Animate einstellen Sie können sehen, wo sich meine Maus befindet, und das dann auf „rein“ und „out“ einstellen Ich würde auch die Animationsverzögerungszeit auf sagen wir 800 Millisekunden einstellen auf sagen wir 800 Millisekunden Ich sage einfach 800. Und dann drücken wir die Enter-Taste auf unserer Tastatur und dann Figma, wir fügen einfach die Millisekunden Diese Animationseinstellungen sind jetzt optional. Das Wichtigste dabei ist, dass wir das Ereignis und die Aktion , die durch dieses Ereignis ausgelöst werden soll, festgelegt haben Ereignis und die Aktion , die . Okay? Und dann haben wir den Zielrahmen für diese Aktion festgelegt, und das ist okay. Lassen Sie uns nun ein wenig heranzoomen. Also, Leute, das nächste, was ich tun würde, ist hierher zu kommen und dann auf diese Schaltfläche zu klicken , und ich würde sagen, wenn ein Benutzer auf diese Anmeldeschaltfläche klickt, sollte er oder sie zum Anmeldebildschirm weitergeleitet werden. Okay? Ich ist das. Also würde ich darauf klicken und dann würde ich es genau hier lassen. Und das ist in Ordnung. Nun, was die Anmeldeschaltfläche angeht, ist es wichtig zu verstehen, dass ein Benutzer, wenn er auf diese Anmeldeschaltfläche klickt, er oder sie direkt hier auf die Anmeldeseite weitergeleitet werden sollte , okay? Und das ist okay. Nun zur Anmeldeseite Wenn der Benutzer seine E-Mail-Adresse und sein Passwort eingibt, muss er auf die Anmeldeseite klicken. Wenn sie das tun, möchte ich, dass sie direkt zur Homepage wechseln , die sich genau hier befindet. Ich würde darauf klicken und es dann hier ablegen . Und das ist in Ordnung. Also Leute, denkt daran, wenn sich ein Benutzer anmeldet, bedeutet das, dass er bereits ein vorhandener Benutzer ist. Und wenn der Benutzer jetzt die Anmeldeoption auswählt, bedeutet dies, dass der Benutzer ein neuer Benutzer ist und der Benutzer seine E-Mail-Adresse, Ihre Telefonnummer und sein Passwort eingeben muss . Und wenn sie das tun, bedeutet das, dass sie zuerst die Telefonnummer verifizieren lassen müssten . Wenn der Benutzer also auf die Anmeldeschaltfläche klickt, sollte er oder sie zu dieser Seite zur Überprüfung der Handynummer weitergeleitet werden dieser Seite zur Überprüfung der Handynummer Und wenn die Telefonnummer des Benutzers verifiziert ist, wird der Benutzer zur Homepage weitergeleitet Okay? Lassen Sie uns den Benutzer auf die Homepage bringen , sobald seine Telefonnummer verifiziert ist. Und das sind wunderschöne Leute. Nun, Sie haben gesehen, dass wir den Authentifizierungsablauf erstellt haben , oder? Kommen wir nun zur Startseite und arbeiten wir dann an der nächsten Aufgabe. Okay? Lassen Sie uns also unsere Handwerkzeug-Eigenschaft verwenden, um unsere Leinwand genau hier hin zu verschieben . Und das ist in Ordnung. Also Leute, die nächste Aufgabe hier ist es, Geld auf das Konto einzahlen Um Geld auf das Konto einzahlen zu können, muss der Benutzer genau hier auf die Schaltfläche Konto einzahlen klicken . Und wenn sie das tun, möchten wir, dass ein Pop-up auf dem Bildschirm erscheint, und dieses Popup sollte diese Karte genau hier zeigen, okay? Eine Karte, bei der der Benutzer die Methode wählen muss , mit der er Geld auf sein Konto einzahlen möchte. Klicken wir auf dieses Fondskonto und dann lassen wir es hier bleiben. Dann kommen wir gleich hier auf unsere Karte mit den Interaktionsdetails. Nun, hier drüben ist das On-Tap-Event, das ist okay. Jetzt, auch hier drüben, haben wir die Option „Navigiere zu“. In Ordnung. Aber das ist nicht genau das , was wir hier wollen. Wir möchten, dass hier ein Popup auf demselben Bildschirm erscheint . Okay? Wir möchten nicht, dass der Benutzer die Seite verlässt, auf der er sich befindet. In Ordnung. Also, Leute, wie machen wir das möglich? Was wir tun werden, ist das, oder? Wir werden das von „Navigieren“ auf „Overlay öffnen“ ändern. Und dann werden wir auch genau hierher kommen , wo Position steht, und dann sicherstellen, dass es auf zentriert eingestellt ist, weil ich möchte, dass dieses Pop-up hier in der Mitte des Bildschirms bleibt In Ordnung? Und dann würde ich auch sicherstellen, dass das ausgewählt ist. Da steht, schließ, wenn du draußen klickst. Außerdem würde ich genau diese Option ausgewählt lassen. Das ist der Hintergrund hinter der Overlay-Option. Also würde ich darauf klicken und es auswählen lassen. In Ordnung, ich würde die Opazität auf 25% belassen, okay? Und hier können Sie es immer noch auf Instant setzen, oder Sie können es auf eine beliebige Option ändern, sei es, dass es sich auflöst oder Sie es immer noch sofort verlassen können In Ordnung? Also, Leute, wir haben die Fondskonto-Aufgabe erfolgreich abgeschlossen. Die nächste Aufgabe ist die Anlageaufgabe, und diese Aufgabe wird von der Startseite aus ausgeführt, da der Benutzer, wenn er auf die Startseite geht , genau hier auf die Schaltfläche Investieren klickt. Es ist okay, wenn sie auf die Homepage gebracht werden , um in Aktien zu investieren Also, Leute, lasst uns auf 50% heranzoomen. Und dann nutzen wir unsere Handwerkzeug-Eigenschaft , um unsere Leinwand zu verschieben. Passen wir das an, und das ist in Ordnung. Da wir noch am Prototyp sind, würde ich hierher kommen und dann auf diese Schaltfläche klicken und dann eine Verbindung zu diesem Peg herstellen. Ordnung. Und das ist okay. Das heißt, wenn ein Nutzer im Navigationsbereich der Startseite auf diese Schaltfläche „Investieren“ klickt im Navigationsbereich der Startseite auf diese Schaltfläche „Investieren“ , er oder sie auf die Invest-Seite weitergeleitet, auf der ein Benutzer eine Liste von Aktien, wird er oder sie auf die Invest-Seite weitergeleitet, auf der ein Benutzer eine Liste von Aktien, in die er investieren kann, und deren Portfolios sieht in die er investieren kann, und deren Portfolios also mit unserer Handwerkzeug-Eigenschaft Lassen Sie uns also mit unserer Handwerkzeug-Eigenschaft unsere Leinwand verschieben. Und das ist in Ordnung. Leute, wenn der Nutzer zu diesem Invest-Pitch kommt, wollen wir, dass er die Aufgabe erfüllt, zu investieren. Nehmen wir an, der Benutzer möchte genau hier in dieses Eigenkapital investieren. Ich würde es auswählen und dann eine solche Verbindung herstellen. Das heißt, wenn ein Benutzer auf diese Aktie klickt, wird er oder sie auf Seite mit den Aktiendetails weitergeleitet, auf der der Benutzer die Details des Eigenkapitals sieht , in das er investieren möchte. Und wenn der Benutzer mit den Aktiendetails , die er sieht, einverstanden ist , würde er hier auf die Schaltfläche „Investieren“ klicken, oder? Und wenn sie das tun, der Benutzer zur nächsten Seite weitergeleitet, auf der er wird der Benutzer zur nächsten Seite weitergeleitet, auf der er die Möglichkeit hat, den Betrag einzugeben , mit dem er in dieses Möglichkeit hat, den Betrag einzugeben , mit dem Eigenkapital investieren möchte. Und wenn der Benutzer die Beträge eingibt, mit denen er investieren möchte, klickt er auf das Feld Hier soll als Nächstes kommen, okay, und nicht investieren. Wir sollen hier eine Schaltfläche „Weiter“ anstelle der Schaltfläche „Investieren“ haben . Der Fehler tut mir leid, okay? Gehen wir jetzt zurück zum Prototyp. Wenn der Benutzer nun den Betrag eingibt, mit dem er investieren möchte, klickt er hier auf die Schaltfläche Weiter, klickt er hier auf die Schaltfläche Weiter, wodurch der Benutzer zu dieser Seite weitergeleitet wird, auf der der Benutzer eine Zusammenfassung der Investitionen sieht , die er tätigen möchte. Und wenn der Benutzer mit allem , was er oder sie hier sieht, einverstanden ist , würde der Benutzer weitermachen und dann auf die Schaltfläche Weiter klicken. Und dann bedeutet das, dass die Aufgabe abgeschlossen ist. Und das ist wunderschön, Leute. Lassen Sie uns jetzt zurückzoomen. Zoomen wir, bis es passt, und das ist okay. Also, was wir hier haben, ist das. Wir sind mit der Erstellung unseres Low-Fidelity-Bildschirms fertig und können unseren Low-Fidelity-Bildschirm zum Testen präsentieren 12. Den Low-Fidelity-Prototyp testen (neu): Hey, Leute. Willkommen zurück und herzlichen Glückwunsch. Also, Leute, was wir hier haben, ist, dass wir mit der Erstellung unserer neuen Fidelity-Bildschirme fertig sind . Und jetzt können wir unsere neuen Fidelity-Bildschirme zum Testen vorstellen . Also, Leute, wie machen wir das? Das Wichtigste zuerst, ich würde gleich hierher kommen und den Startbildschirm auswählen oder sollte ich sagen, den Begrüßungsbildschirm? Weil das der erste Bildschirm ist, und da fängt natürlich alles an. Wenn ich es jetzt auswähle, komme ich direkt hierher und klicke hier auf diese Geschenkschaltfläche, damit wir sie uns präsentieren lassen können. Und wenn ich das mache, wird dafür ein neuer Tab geöffnet. Also, Leute, das ist die Präsentation, die ich den Stakeholdern , den Eigentümern dieser App, präsentieren würde . Deshalb werde ich ihnen diese Präsentation zeigen, um die Benutzererfahrung zu demonstrieren , die ich mir ausgedacht habe und die es den Benutzern ermöglicht, ihre Aufgabe mit dieser App zu erledigen. Also, Leute, das Wichtigste zuerst, ich würde auf diesen Bildschirm klicken. Und wenn ich das mache, gehe ich direkt zu diesem Bildschirm. Und auf diesem Bildschirm würde ich den Beteiligten erklären, würde ich den Beteiligten erklären dass bestehende Benutzer auf das Login klicken können auf das Login klicken während die neuen Benutzer auf die Anmeldung klicken können Ordnung. Also Leute, ich werde das so demonstrieren, wie es ein neuer Benutzer tun würde. Ich würde sagen, okay, wenn ein neuer Benutzer auf Anmelden klickt, Ordnung, der neue Benutzer müsste seine E-Mail-Adresse, seine Telefonnummer und sein Passwort eingeben seine Telefonnummer und sein Passwort Und dann würden sie weitermachen auf die Anmeldeschaltfläche klicken Und wenn sie das tun, hätten sie einen Bestätigungscode, der an die von ihnen eingegebene Telefonnummer gesendet wurde . In Ordnung. Und wenn sie diesen Bestätigungscode eingeben und dann auf Überprüfen klicken, werden sie auf die Startseite der Anwendung weitergeleitet , nämlich diese. Ordnung. Also, wenn sie investieren wollen, bedeutet das, dass sie das Konto finanzieren müssen, oder? Also würde ich auf die Schaltfläche Fondskonto klicken. Und wenn ich das mache, erscheint ein Popup. Nun würde ich den Beteiligten zeigen, dass wir in diesem Fall eine Banküberweisungsmethode und eine Debitkartenmethode haben , oder? Deshalb werde ich ihnen erklären, dass, wenn der Benutzer das Konto mit einer der beiden Methoden auflädt, dies bedeutet, dass die Benutzer bereit sind, mit dieser App zu investieren. Damit sie investieren können, kommen sie hier runter und klicken dann auf die Schaltfläche Investieren. Und wenn sie das tun, würden sie genau hier auf die Invest-Seite gehen. Sie können diese Seite genau hier sehen, auf der sie eine Liste der Aktien sehen, in die sie investieren können Und wenn der Benutzer sich entscheidet, in eine dieser Aktien zu investieren , wenn er beispielsweise auf diese Aktie klickt, wird der Benutzer automatisch zur Detailseite dieser bestimmten Aktie weitergeleitet Detailseite dieser bestimmten Und wenn der Benutzer mit den Angaben zur Aktie zufrieden ist , klickt er hier auf die Schaltfläche Investieren Und wenn der Benutzer das tut, wird er auf die Seite weitergeleitet , auf der er den Betrag eingeben muss , den er investieren möchte. Und wenn der Benutzer das tut, klickt er auf die Schaltfläche Weiter. Und wenn der Benutzer das tut, wird dem Benutzer eine Zusammenfassung der Investition angezeigt , die er tätigen wird. Und wenn der Benutzer mit der Investition zufrieden ist, klickt er auf die Schaltfläche Weiter. Und wenn der Benutzer das tut, bedeutet das, dass der Benutzer auf diese Seite wechselt. Okay? Und wenn der Benutzer diese Seite aufruft, bedeutet das, dass er mit der Investition fertig ist. Und wenn der Benutzer mit der Investition fertig ist, klickt er oder sie auf Zurück zur Startseite und er kehrt zur Startseite der App zurück. Also Leute, eine Demonstration wie diese, oder sollte ich sagen, eine Präsentation wie diese wird tatsächlich zeigen , welche Erfahrung der Benutzer mit dieser App oder diesem Produkt machen wird. Wenn Ihr Fidelity-Prototyp nun von den Eigentümern des Unternehmens, oder sollte ich sagen, von den Stakeholdern akzeptiert wurde , bedeutet das, dass Sie jetzt mit dem Entwerfen Ihres High-Fidelity-Prototyps , der Designversion Ihrer App, beginnen Entwerfen Ihres High-Fidelity-Prototyps , können. Und in dieser Phase werden Sie sich auf Dinge wie Farben, Typografien, Effekte, Komponentenbibliothek, Stil, Bibliothek usw. konzentrieren Typografien, Effekte, Komponentenbibliothek , Stil, Bibliothek usw. konzentrieren Also, Leute, gehen wir in diesem Kurs davon aus, dass uns die Beteiligten diesen Low-Fidelity-Prototyp durchgegeben haben und dass die Stakeholder auch wollen, dass wir weitermachen und die echte Version des Produkts entwerfen Also, was wir tun werden, ist Folgendes. Wir werden gleich hier zurückkommen und dann auf diesen Design-Button klicken. Und dann geh hierher und erstelle dann einen neuen Pitch, richtig? Und dann nenne es High Fidelity. Und das ist wunderschön, Leute.