Einführung in Rapid Prototyping: Lerne die Grundlagen | Evan Kimbrell | Skillshare

Playback-Geschwindigkeit


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

Einführung in Rapid Prototyping: Lerne die Grundlagen

teacher avatar Evan Kimbrell, Director at Sprintkick

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Einheiten dieses Kurses

11 Einheiten (1 Std. 9 Min.)
    • 1. Willkommen beim Kurs!

      1:39
    • 2. Erste, was zu tun ist

      1:05
    • 3. Terminologie A-Z

      11:29
    • 4. Wireframing vs Prototyping

      5:46
    • 5. Hohe Treue und niedrige Treue

      6:13
    • 6. Warum stellen wir uns vor?

      9:21
    • 7. Auswahl eines Werkzeugs

      7:13
    • 8. K.I.S.S.

      4:37
    • 9. Auf dem Bauweg folgen

      17:42
    • 10. Das Kursprojekt

      2:14
    • 11. Lass das Lernen fortfahren

      1:33
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

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

756

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Hast du kürzlich jemand gehört, "Lean UX", "Wireframing" oder "Prototyping" zu sagen, aber würdest du nicht sicher sein, worüber es gerade gesagt hat?

Nun, Herzlichen Glückwunsch bist du normal. Der Begriff "User Experience" ist ein ziemlich neues Wort, und seine two-letter (UX) ist noch neuer. Viele Leute sind mit dieser neuen Entwicklung nicht auf der Flucht. Keine Sorge.

In diesem Kurs decken wir die Grundlagen von UX und Prototyping ab, um dich auf die Geschwindigkeit zu bringen. Wir werden alle Begriffe abdecken, was sie meinen, und gehen Beispiele an, damit du besser verstehen kannst, wie moderne UX funktioniert.

Am Ende des Kurses bist du bereit zum Sprung und zum Lernen von vertieften Informationen über UX und Prototyping oder fühle dich einfach sicher in deiner Fähigkeit zu unterhalten und zu verstehen, in-depth

Was wir lernen:

  • Worin besteht der Unterschied zwischen User Interface (UI), Informationsarchitektur (IA) und User Experience (UX)? Was ist ein Storyboard? Was bedeutet "Interaktivität"? Wir decken all diese Bedingungen und einige andere ab.
  • Was ist der Unterschied zwischen "hoher Treue" und "niedriger Treue"? Wann sollten wir jedes verwenden?
  • Was ist der Punkt der Drahtrahmen? Wo passt er in den Entwicklungsprozess?
  • Standardpraktiken für effiziente UX.

Was du tun wirst:

Für unser Projekt haben wir eine project, die dein neues Wissen ausnutzt. Du wirst rausgehen und einen Wieframe oder Prototyp einer beliebten Website oder einer mobilen Anwendung finden, die du jeden Tag verwendest. Wenn du einen findest, (ich wette dir $5 dass es viele gibt), wirst du mit der Gruppe teilen und diskutieren.

Triff deine:n Kursleiter:in

Teacher Profile Image

Evan Kimbrell

Director at Sprintkick

Kursleiter:in

Hi, I'm Evan Kimbrell.

Thanks for checking out my classes.

Currently, I'm the Founder, Director of Sprintkick, a referral-based full service digital agency based out of San Francisco. Over the past 4 years, I've overseen the development and launch of over 100 web and mobile apps. Clients range from 1-2 man startups bootstrapping their initial idea to multibillion dollar Fortune 100's like Wal-Mart, Dick's Sporting Goods, & GNC.

Prior to Sprintkick, I worked as a VC for a firm called Juvo Capital, based out of L.A. I spearheaded the firm's expansion into the Silicon Valley deal flow and into the Consumer Web tech category.

Before working for Juvo, in the long, long ago, I was a co-founder for an educational software startup called ScholarPRO that raised a ton ... Vollständiges Profil ansehen

Kursbewertungen

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

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

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

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

Lerne von überall aus

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

Transkripte

1. Willkommen beim Kurs!: He, Leute. Ich bin Evan Kimbrell, und ich bin der Regisseur bei Sprint Kick , einem Web- und Mobile-Entwicklungsstudio aus San Francisco, Kalifornien. Der Name dieser Klasse ist Intro für Prototyping. Lernen Sie die Grundlagen. Die Idee hinter diesen Klassen, dass ich Ihnen die absoluten Grundlagen beibringen werde, die Sie wissen müssen , um Prototyping jetzt Prototyping zu verstehen, kann viele verschiedene Dinge bedeuten. Was ist interessant? Drahtrahmen? Was ist der Unterschied zwischen Prototyping? Was ist Low Fidelity? Was ist High Fidelity? Hoffentlich am Ende dieser Klasse, werde ich Sie mit dem Grundwissen verwöhnen, um diese Fragen zu beantworten, aber auch zu verstehen, was Prototyping ist und wie es in den Entwicklungszyklus von Web und mobilen Anwendungen passt . Für diejenigen von Ihnen, die in das Wissen, Sie X oder sogar Programmierung bewegen wollen, ist niemand einen Prototyp hat eine wirklich hilfreiche und ich würde sagen, wesentliche Fähigkeiten. Und selbst wenn es nur der Fall ist, dass Sie sich mit dem Prozess vertraut machen müssen, ist es sehr beliebt. Und Startups, ich denke, Prototyping ist wahrscheinlich auch die Antwort. Wie der Titel sagt, wir werden wirklich nur die Grundlagen abdecken. Wir werden über den Kontext sprechen, wie es funktioniert, wenn Sie es benutzen. Was sind die Hauptbegriffe? Wir werden Vorträge über die Terminologie des Crashkurses halten. Hoffentlich am Ende dieser ziemlich kurzen Klasse auf dem Laufenden sein, sollten Sie am Ende dieser ziemlich kurzen Klasse auf dem Laufenden sein,was es ist und sich zuversichtlich fühlen, ein Gespräch zu ziehen und weiterzumachen, um mehr in die Tiefe Techniken und Fähigkeiten mit den Wachen zu lernen. Ein Prototyping. Hey, Leute, ich hoffe, ihr seid aufgeregt zu lernen, denn ich freue mich, diesen Klick und Roll beizubringen. Wir sehen uns drinnen. 2. Erste, was zu tun ist: Hey, Leute, willkommen zurück in der Klasse. Also habe ich wirklich schnell einen Auftrag für dich. Ich möchte, dass dies das erste, was Sie dio eso am Ende der Skill-Share-Seite sein. Es sagt Diskussionen, die Clip-Diskussionen, und dann können Sie auf neuen Beitrag klicken. Ich möchte, dass du jetzt gehst und das tust und dich vorstellst. Du musst mir nicht viele Informationen erzählen. Sie können einfach Ihren Namen oder Ihren von sagen. Aber was ich gerne von Ihnen hören würde, ist eins. Womit kämpfst du? Und was willst du aus der Klasse rauskommen? Ich denke, das ist etwas, das enorm mit der Klasse geholfen hat. Ich mag es, meine Kurse so einnehmend wie möglich zu machen. Ich antworte allen, und ich möchte sicherstellen, dass ich, wenn ich unterrichte, Ihre Ziele erreiche und genau weiß, was ich zu beheben versuche. Okay, das ist also das Erste. Gehen Sie einfach zum Ende der Seite. Tun Sie das jetzt. Überspringen Sie es nicht. Du kannst es überspringen, wenn du willst, aber ich denke, du wirst es verpassen. In Ordnung. Die nächste Vorlesung 3. Terminologie A-Z: Hey, willkommen zurück zum Kurs in dieser Vorlesung. Ich werde rüber gehen und eine Art Crashkurs Stil. Was sind die wichtigsten Begriffe und Terminologie, die Sie verstehen müssen, damit Sie sich nicht verlieren? Und so auch, wenn Sie die Ressource verwenden oder Ihre eigenen Recherchen machen, sind Sie besser gerüstet, um zu verstehen, was tatsächlich passiert und wovon die Leute sprechen . Es gibt also eine Menge Begriffe, die herumschweben, und ich schwöre, sie sind tatsächlich wie Multiplikation. Aber wenn du zu einem Punkt gekommen bist, an dem ich etwas gesagt habe und du sagtest, sei nicht überrascht, ehrlich gesagt, ich jeden Tag hier, ein neuer Begriff, den ich eigentlich nicht gehört hatte. Aber der Sinn dieser Vorlesung ist, dass wir versuchen, sie zu übergehen, damit Sie ein gutes Verständnis bekommen . Du brauchst sie nicht genau zu dem t wir einfach wieder zu verstehen. Wir versuchen nur, diese schnell durchzustehen, damit du das Beste aus dem Kurs herausholst. Also lasst uns einfach reinspringen. Wenn Sie bereit sind zuzuhören, achten Sie darauf, denn ich versuche, ziemlich schnell zu gehen, weil ich nicht viel meiner Zeit oder Ihrer Zeit damit verschwenden würde , diese ausführlich zu erklären. Es ist sehr einfach, sich festzusetzen, und viele davon sind nicht besonders wichtig. Du musst nur den Kern davon bekommen. Also fangen wir an. Hier ist ein großer Begriff, den Sie wahrscheinlich die ganze Zeit gehört haben. Benutzeroberfläche. Es wird oft so bezeichnet, wie Sie ich, aber es ist nicht wirklich ein sehr zweideutiges Wort, aber Sie müssen verstehen, was es ist. Sonst. Sie werden mit einigen der anderen Begriffe verwechselt werden, so dass Sie wieder nur bedeutet Benutzeroberfläche. Das ist, wenn Sie eine Website mit einer mobilen Anwendung verwenden. Was guckst du da an? Die Schaltflächen, die Grafiken, die Bilder, der Text. Was ist Ihre Benutzeroberfläche? Das Ding, das Sie interagieren, klicken Sie auf, Sie, Sie, blättern Sie durch, Sie bewegen sich um. Das ist die Schnittstelle, mit der Sie als Benutzer interagieren werden. Das ist, wie wir die Benutzeroberfläche bekommen. Es ist ein sehr breiter Begriff. Ich meinte, Teoh beschrieb, was auch immer Sie interagieren, es ist nicht dazu gedacht, Dinge zu beschreiben, die im Hintergrund passieren. Ah, es ist nicht wirklich gemeint, beschrieben irgendeinen anderen Teil der Anwendung, nur die Dinge, die wir auf der Oberflächenschicht betrachten würden, die Sie in Ihrem Browser laden, laden Sie auf Ihr Telefon. Der zweite Begriff ist Benutzererfahrung, auch als Sie X. Jetzt gebe ich zu, dies ist ein Wort, das scheint die Definition zu ändern. Jeden Tag scheint es anders zu verwenden, aber wieder, Sie müssen nur irgendwie grob verstehen, wovon sie sprechen. Jetzt soll die Benutzererfahrung von nun an differenzieren. User Experience soll sich von der Benutzeroberfläche unterscheiden. Computer-Benutzeroberfläche ist nur die physische Sache, die Sie sehen. Wo ist User Experience soll das sein, sondern auch viel mehr enthalten. Du X soll also eine ganze Menge Mauritz enthalten, Grafiken enthalten soll. Es soll Interaktivität beinhalten. Es soll den Benutzerfluss einschließen. Es wird User Experience genannt, weil es viel mehr kapselt, und der beste Weg, es zusammenzufassen, ist, dass es. Es deckt alles ab, was ein Benutzer erleben wird, wenn er mit Ihrer Website oder mobilen Anwendung interagiert . Nun, wenn ein Benutzer auf Ihre Seite und sie brauchen, haben sie ein Ziel im Kopf am Tag müssen Aufgaben zu erfüllen, um zu diesem Punkt zu kommen. Dieser gesamte Prozess wird als Benutzererfahrung bezeichnet. Also jemand, der sich Aux-Spezialisten oder User Experience Specialist jemanden nennt qualifiziert ist, herauszufinden, wie man diese Person effektiv von Punkt A bis Punkt B bringt, ohne sie mit den Informationen zu frustrieren, die sie benötigen allgemein zu verstehen, wie Benutzer und Verbraucher, was sind die Fallstricke und Websites, die verwirrt werden, was sind die Bereiche, , wissen Sie, sie, wissen Sie,sie tatsächlich und einer der Bereiche, die sie tatsächlich heute gut abschließen können, auch, können Sie beginnen, um Menschen zu beschreiben, die nicht nur Benutzerfluss, Interaktivität und Schaltflächen verstehen , sondern auch Menschen, die Grafikdesigns zu tun. Oft hört man jemanden, der ein Designer ist, der seine Erfahrung nutzen könnte und so ziemlich alles tun kann , was man auf der Vorderseite Ihrer Website betrachten würde, und sie werden sich selbst eine U X Person nennen. Ich benutze die Benutzererfahrung, wenn ich faul bin, und ich möchte nur sagen, wie all diese Benutzererfahrung und ich lade Sie ein, auch faul mit mir zu sein . Jetzt Nummer drei Interaktivität. Was bedeutet das? Nun, du hättest tatsächlich dieses Wort gefangen, das ich zuvor in den vorherigen Vorlesungen verwendet habe , wirklich wissen. Was es bedeutet, ist, dass in einer Website, die Dinge, die die Dinge bewegen, die Sie klicken, die Dinge, die tatsächliche Funktionen haben, das ist Interaktivität. Dinge, die es einem Benutzer ermöglichen, mit der Website zu interagieren und sie nicht nur einfach zu durchsuchen. Nicht was auch immer eine Erweiterung eines Designs ist, das im Allgemeinen ist, was wir auf seine Interaktivität beziehen . Es ist sehr einfach. Jemand interagiert damit, dass Sie sich erinnern. Benutzer interagiert mit der Website und den Dingen, die er mit ihr interagiert . Das ist Interaktivität. Jetzt rufen einzelne Interaktionen Interaktionen Interaktionen auf. Interaktivität ist nur eine allgemeine Beschreibung aller möglichen Interaktionen auf einer Website. Wenn Sie auf eine Schaltfläche klicken , werden weitere Informationen benötigt. Du gibst ihm deine Informationen. Das ist Interaktivität. Wenn Sie auf eine Schaltfläche klicken, lädt es ein Bild für Sie, und Sie können etwas damit tun. Das ist Interaktivität. Nummer vier Standortübersicht. Eine Sitemap ist ein Werkzeug, das wir später abdecken werden. Wie zu bauen, was es ist eine visuelle Darstellung aller Seiten in Ihrer Website oder mobilen Anwendung. Und was ist die grobe Beziehung zwischen ihnen jetzt? Wenn Sie diese gesehen haben, sehen sie aus wie Hierarchiebäume. Sie sehen aus, als würden Sie kleine Kisten mit Linien sehen, die sie verbinden. Und das ist nur eine hohe Ebene Verständnis der Titelseite wird auf die sekundären Seiten gehen ,auf die dritte Seite gehen, , und die dritte Seite könnte einen Link bis zurück zur Homepage haben. Das ist aus Projektansicht hilfreich, um zu verstehen, was alle Seiten sind, die wir brauchen, und es hilft Ihnen, wirklich sicherzustellen, dass Sie nichts weglassen. In der Regel enthalten Site-Karten keine Backend-Funktionen. Ich spreche nicht darüber, wie Server oder Informationen gespeichert werden, die Informationen gesendet werden. Aber manchmal gibt es Ausnahmen, und ich habe gesehen, dass Leute diese in Sicht Nickerchen. Normalerweise erstellen Sie diese, entweder mit einem Bleistift und Papier. Sie können es in einem Drahtrahmenwerkzeug tun. Sie können es auch in jeder Art von Spezialsoftware und ihrer Spezialsoftware tun, die dies tun wird . Nummer fünf Storyboard. Das ist eines dieser Mittel, und Sie haben wahrscheinlich davon gehört. Es ist eigentlich ein Trick, wenn Sie Storyboard gehört haben. Wir sprechen nicht mehr über Websites oder mobile Anwendungen. Storyboards. Luft tatsächlich traditionell mit Film verwendet, wenn Was sie sind, ist eine visuelle Darstellung wie eine Animation oder eine Film-Szene, wie es von Anfang bis Ende fortschreitet. Jetzt ist es nicht unbedingt etwas, das über die Websites direkt übertragen wird. Gelegentlich können Sie hören, dass es verwiesen wird. Teoh, wenn Sie über eine Animation auf einer Website sprechen zurück in den Tagen und wir verwenden Flash würde oft Flash-Animationen haben, und die Animationen könnten fast wie ein Trailer oder so spielen. In diesem Fall würden Sie ein Storyboard für unsere Zwecke verwenden. Das ist ein Wort, das Sie so ziemlich wegwerfen können, aber Sie müssen nur wissen, dass sie nicht über Websites sprechen Nummer sechs persona seit einem , dass, wenn Sie jemals etwas über Benutzererfahrung gelesen haben, einfachere Interaktion, Sie wahrscheinlich gehört, dieses Wort persona ist ein Designer oder Entwickler Art von Buzz Wort für eine Art von gemeinsamen Benutzer. Nun, Persona wäre eine Art zu bauen, sagen wir, wie ein Archetyp eines gemeinsamen Benutzers. Auf DSO erstellen Sie eine Persona um diesen Benutzer, also ah, persona herum, ein Benutzer könnte sagen, wie alt der Benutzer ist, was er versucht, aus Ihrer Website herauszukommen, wie er von Ihrer Website gehört hat, wie vertraut sie mit Technologie sind. Es gibt viele verschiedene Merkmale, die Sie an sie befestigen können. Also werde ich Ihnen eine Fälschungen Persona jemand, der zu Ihnen kommt, Suche nach Business-Kursen. Hier ist eine Persona, die wir erfinden könnten. Wir könnten sagen, vielleicht sind sie 25 bis 35. Vielleicht sind sie bei einem Technologieunternehmen beschäftigt. Vielleicht kamen sie auf diese Website, um zu sehen, ob sie einen Kurs über Excel finden konnten. Okay, das wäre eine Persona, und das ist eine ganz spezifische. Aber Sie würden viele von diesen machen, weil ihre Tools, um Ihnen zu helfen, zu verstehen, wie Benutzer potenziell mit Ihrer Website interagieren. Und was sind die potenziellen Fallstricke, die darauf basieren, was ihre Bedürfnisse sind? Wir reden später ein bisschen mehr über Personas. Im Moment musst du nur verstehen, dass es wirklich alles ist. Es ist eine mentale Übung. Nummer sieben Informationsarchitektur. Es wird oft als I A bezeichnet. Das ist etwas, das eigentlich ein bisschen dunkler ist und sich selbst auf den Rücken von dir klopft . Gehört von. Dieser ist besonders häufig. Es gibt Menschen, die Berater bei der Informationsarchitektur sind, aber es ist ein sehr breiter Begriff. Aber was es bedeutet, ist, wie werden Informationen und Inhalte auf Ihrer Website angezeigt? Das ist im Grunde das, was es bedeutet. Und der einfachste Weg, es zu erklären, wäre. Wenn Sie sich eine Website ansehen, könnte jemand entschieden haben, wohin das Logo geht. Sie könnten entschieden haben, wo die Schlagzeile hineingeht. Der Slogan geht. Du hast vielleicht entschieden, wie lange deine Überschrift sein soll. Sie könnten den Beschreibungstext entschieden haben. Wo sollte das platziert werden? In welchen Farben, die platziert werden, Ähm, wie wichtig ist es, auf der Titelseite zu sein? Dies ist die zweite Seite Information Architecture ist die Organisation von Informationen darüber, wie Sie dies am besten einrichten können, so dass Benutzer effizient und effektiv diese Informationen zu verdauen. Und zu guter Letzt, was Responsive Design ist. Jetzt denke ich, das ist sehr nützlich genannt, verstehen, aber es ist nicht unbedingt relevant für das, was wir in diesem Kurs tun. Es ist hilfreich, weil es heutzutage sehr häufig ist, und zu verstehen, was das grob bedeutet, macht Sie gerüstet, um Interaktionen zu verstehen . Sie haben später mit Grafikdesignern und Entwicklern, denn es ist eine Frage in einem Begriff, der fast immer kommt jetzt in der Produktentwicklung, über Responsive Design ist, wenn Sie eine Grafik entwerfen. Jetzt ist ein ansprechendes Design, wenn Sie eine Webseite und ein Layout für eine Webseite entwerfen, und das Design selbst reagiert auf andere Bildschirmgrößen. Eso Was bedeutet das jetzt? Wenn ich eine Website erstellt habe und sie so gezeichnet habe, wie ich sie in einem Browser sehe, wenn ich sie entwickle und sie so gestaltet habe, dass, wenn ich diese Website aufnehme und sie auf meinem Handy, den Bildern, den Grafiken, die Steuer, würde das Layout automatisch dem kleineren Bildschirm auf meinem Handy entsprechen. Nun, das gilt auch für andere Dinge wie iPads und responsive Design ist in der Regel für Tablets konzipiert , und Responsive Design ist in der Regel für Dinge wie Tablets, Telefone und Browser gemacht . Kein sehr wichtiger Begriff, aber es ist etwas, das Sie wissen sollten. Okay, das ist meine Version der Terminologie des Crashkurses. Hoffentlich lernst du etwas. Wenn nicht, tut es mir leid, aber du bist dem Spiel voraus. Wenn ihr irgendwelche Fragen habt. Klarstellungen, stellen Sie sicher, in den Gruppendiskussionen zu mir zu posten. Private Nachricht. Ich weiß, ich habe das sehr schnell durchgemacht, aber das liegt daran, dass ich euch nur schnell zum eigentlichen Fleisch des Kurses bringen will. Aber wenn Sie sich irgendwie verloren haben, treten Sie irgendwann irgendwo hin, lassen Sie es mich wissen. Alle Beiträge. Ein weiteres Update auf Beacon. Geh aus dem hier raus. 4. Wireframing vs Prototyping: Hey, Leute, willkommen zurück zum Kurs in diesem Abschnitt. Wir werden darüber reden, was der Unterschied ist, dass Drahtrahmen Mock Ups und was ist ein Prototyp ? Jedes Wort hat eine andere Bedeutung, aber sie sind eine Art Überlappung. Ich denke, es ist wirklich wichtig, das aus dem Weg zu bringen, also verstehst du, worauf ich mich beziehe, dennes , denn wirklich sind wirklichdrei verschiedene Dinge. Also, was ist ein Drahtrahmen? Ein Drahtrahmen ist auch unter anderen Namen bekannt. Niemand Name ist ein Skelett, aber was es ist, ist es eine visuelle Darstellung des Layouts Ihrer Website oder Ihrer mobilen Anwendung. Drahtrahmen sehen oft so aus, als wären sie mit Drähten konstruiert, und das ist, wo der Name herkommt, weil du ihn ansehen wirst. Sieht aus, als wäre es mit Draht auf einem Stück Papier entworfen worden. Jetzt, oft werden Sie sehen, ist, dass es ihr Design heute ist, mit einer skizzenhaften Art von Stil, wo es aussieht, als wäre es von Hand gezeichnet und es hat Ecken und Linien sind nicht perfekt gerade. Und das ist jetzt eine sehr beliebte Konvention. Drahtrahmen, die sollen nicht hübsch sein. Tatsächlich Tatsächlich sehen sie irgendwie lächerlich aus, wenn man sie sieht. Der Punkt ist jedoch, jedoch, dass sie die Organisation Ihrer Websiteanwendung anzeigen sollen. Sie sollen zeigen. Wie sieht das eigentliche Layout aus, wo alles hingeht? Manchmal wird ein Drahtrahmen Copyright haben. Wir haben Text in seiner Wir werden Schlagzeilen bereits in sie geschrieben haben jetzt. Manchmal tun sie es auch nicht. Manchmal haben sie generischen Text wie Laura Ipsum oder nur Kauderwelsch. Nun, warum das ist, dass einige Leute entscheiden, Riel tatsächlichen Inhalt in ihren Draht Ruhm zu setzen und warum einige es nicht tun. Das ist ein ganz anderer Punkt, aber das werden wir später abdecken. Verdrahte Freunde. Sie sehen oft wie Platzhalter für eine tatsächliche Website aus, aber wenn Sie sie betrachten, erhalten Sie ein vages Verständnis davon, wie die Website aussehen sollte, weil sie immer sehr häufige Elemente verwenden , die auf jeder einzelnen Seite verwendet werden . Wir werden später beschreiben, was gemeinsame Elemente sind, aber wenn Sie einen Drahtrahmen gesehen haben, werden Sie ihn erkennen, weil sie so ziemlich wie jede Website oder mobile Anwendung aussehen Sie gewesen sind, und sie haben grundlegende Dinge, die Sie sehen über alle von ihnen. Manchmal wird ein Drahtrahmen ein wenig Farbe in ihnen haben, aber in den meisten Fällen beschäftigt sich der Drahtrahmen nicht mit Grafik. Das ist also, was ein Drahtrahmen vermisst. Und wenn Sie auf die Visuals in diesem Vortrag geachtet haben, können Sie grob sehen, wie sie aussehen, und ich bin sicher, dass Sie sie gesehen haben. Es gibt ein wirklich berühmtes Bild, das herumschwebt und es heraufbringt. Im Moment ist dies eigentlich der erste Drahtrahmen für Twitter. Wie Sie sehen können, wurde es tatsächlich ausgeschrieben, und wir werden später decken, was die populären Möglichkeiten, die Menschen Drahtrahmen, aber eine der beliebtesten Möglichkeiten, die Menschen tun, dies ist eigentlich nur mit einem Stift und Papier. Nun, das ist ein großartiges Beispiel dafür, was das tatsächlich letztendlich wurde. Es ist interessant zu sehen, dass dies, wie am Anfang, die Entstehung dieses Dings ist, das wir alle benutzen namens Twitter. Jetzt ein Prototyp. Es ist ein bisschen anders. Ein Prototyp ist eine tatsächliche Simulation dessen, was Ihre Anwendung tun wird, und in vielen Fällen ist es tatsächlich eine reduzierte Version der Anwendung, die Sie erstellen werden , um so nah wie möglich an jeder Anwendung oder Idee oder Website aussehen dass du den Orbit starten wirst. Also im Allgemeinen die größten Unterschiede zwischen den beiden und zumindest für Jahreszwecke zum Verständnis. Dies ist, dass Prototypen haben in der Regel ein gewisses Maß an Grafikdesign getan, nicht immer der Fall, dass die gesamten Seiten in Ende entworfen. Es könnte etwas sehr schnell sein, aber es hat normalerweise benutzerdefinierte Grafikelemente darin verwendet. Und zweitens, es ist ein Prototyp hat jetzt einige Interaktivität. Drahtrahmen Wenn Sie es betrachten, sind Sie normalerweise nicht in der Lage, auf Schaltflächen zu klicken, um durch die Seite zwei zu blättern, um etwas zu öffnen, während ein Prototyp in den meisten Fällen können Sie das tun, und so sind sie tatsächlich Simulation eines Teils der tatsächlichen Interaktivität der Website. Mit einem Prototyp können Sie normalerweise auf Dinge klicken, die Sie können. Wenn es sich um eine mobile Anwendung handelt, können Sie auf Dinge tippen, die als tippaktiviert bezeichnet werden. Ähm, und Sie können in der Regel gehen und die Sitemap in einem Prototyp erkunden. Die größte Einschränkung eines Prototyps ist jedoch, jedoch, dass es normalerweise eine Demonstration auf Oberflächenebene ist, wie es ist, die Anwendung zu verwenden . Und es macht normalerweise nicht das schwere Heben, das Sie bei den meisten Anwendungen erwarten würden. Es wird also nicht viele Hintergrundberechnungen durchführen. Es wird nicht zum Speichern von Informationen, Erstellen von Benutzerkonten usw. Was ist ein Marca? Nun, ich benutze das falsch und ich werde das während des gesamten Kurses falsch verwenden. Ich lerne mich das nicht ein, aber es ist ein nützliches Wort, um beide im Wesentlichen zu beschreiben. Nun, wenn Sie etwas auf einer Seite skizzieren und es soll die Website darstellen, die Sie erstellen möchten , ist das ein Mock Up. nun Wenn Sienunein Werkzeug zum Erstellen von Drahtframes verwendet haben, sollte es Ihre Anwendung darstellen. Das ist auch Marca jetzt, wenn Sie einen Prototyp gebaut haben und das sieht auch wie Ihre Anwendung aus. Aber es ist nicht der ganze Shebang, der auch ein Mock Up ist, und so werde ich mich während dieses Kurses auf Dinge im Allgemeinen als Mock Ups beziehen. Sie sind nicht spezifisch darauf, ob es sich um einen Drahtrahmen oder einen Prototyp handelt. Entweder einer könnte ein Mock Up sein. Im Allgemeinen bedeutet ein Mock Up, dass es nur eine einfache oder Version ist. Es ist nicht die Vollversion, aber ich unterscheide nicht zwischen welcher, wenn ich dieses Wort verwende 5. Hohe Treue und niedrige Treue: Also werden wir in diesem Vortrag darüber reden, was niedrige Treue bedeutet? Was bedeutet High Fidelity, wie bezieht sich das auf das, was Sie bauen wollen, und wie treffen wir eine Entscheidung, welche wir brauchen? Also zuerst, lasst uns nur, um sie lo Treue High Fidelity zu finden. Nun, was ist Treue bedeuten? First Fidelity bedeutet in diesem Fall nur Genauigkeit. Und wenn ich Genauigkeit sage, rede ich darüber, wie genau das ist, was du eigentlich bauen wirst? Am Ende würde eine hohe Genauigkeit bedeuten, und eine hohe Genauigkeit würde eine hohe Genauigkeit bedeuten. , Dies ist die Genauigkeit,die darauf basiert, wie real es im Vergleich zu Ihrem Endprodukt aussieht. Drahtrahmen, wenn Sie noch nicht erraten haben, sind niedrige Treue. Sie sind geringe Wiedergabetreue, weil sie nicht sehr ähnlich aussehen, wie Sie im Produkt aussehen wird . Sie sind wirklich mehr besorgt nur mit dem Layout von Informationen über und herauszufinden, wie jede einzelne Seite Ihrer Website oder Anwendung organisiert sind. Sie beschäftigen sich nicht mit grafischen Details. Sie beschäftigen sich nicht mit Knopf-Designs, Farben ziemlich viele Dinge, die Sie in Ihrem Endprodukt haben würden. Nun, Prototypen sind viel höhere Treue und das liegt wirklich daran, dass sie viel näher an dem sind, wie die Endprodukte jetzt aussehen werden. Der Hauptgrund, warum Prototypen als hohe Wiedergabetreue gelten, liegt darin, dass der Unterschied zwischen den beiden normalerweise darin besteht, dass sie Design verwenden und tatsächlich eine gewisse Interaktivität darin enthalten. Ihr Endprodukt wird Interaktivität haben. Daher ist ein Prototyp Ihres Endprodukts, das Interaktivität sehr nah hat. Es ist sehr genau, hat eine hohe Wiedergabetreue. Also, wenn Ihr Mock Up eher wie ein Skelett aussieht, hat es vielleicht etwas Farbe. Vielleicht nicht. Vielleicht hat es ein Layout, aber vielleicht können sie sich ändern, wenn es zeigt, wo Schaltflächen sind, aber sie tun nicht notwendigerweise wieder etwas. Dann ist das niedrige Treue. Okay, der Schlüssel hier ist, dass es keine grafischen Details gibt. Lassen Sie uns nun die Unterschiede zwischen den beiden in Bezug darauf verstehen, wie Sie sie verwenden würden . Sie sind beide ein bisschen anders, und sie werden beide für verschiedene Anwendungsfälle verwendet. Also zu verstehen, wofür sie verwendet werden, ist wirklich Hilfe. Wenn Sie nur helfen möchten, eine Idee zu vermitteln, die Sie haben, wenn Sie Hilfe brauchen, um Ihren Kopf um eine Anwendung oder Website-Idee zu wickeln, wo Sie nur eine genaue, ähm, Weg, um eine Schätzung zu erhalten. Dann sind die Chancen, dass Sie wahrscheinlich in Ordnung mit einem Low Fidelity Mock up. Nun, es ist schön, einen Grafikdesigner High Fidelity Mock up zu zeigen. Chancen stehen, DieChancen stehen, wenn Sie sich einem Designer nähern, werden Sie nicht in der Lage sein, eine hohe Wiedergabetreue Marca zu haben. Jetzt denk dran. Der Unterschied besteht darin, dass High-Fidelity-Mock Ups normalerweise Grafikdesign haben. Wenn Sie also einen Designer erreichen, ist es nicht immer der Fall, es sei denn, Sie haben selbst einige Design-Fähigkeiten. Typischerweise werden Grafikdesigner mit dem Low-Fidelity-Mock in Ordnung sein, weil es ihre Aufgabe ist . Denken Sie daran, das Aussehen und Gefühl zu bestimmen und alles, was Sie gerade gemacht haben aussehen schön, schön und funkelnd jetzt. In ähnlicher Weise braucht ein Entwickler wirklich nur in Low Fidelity Mock up, um ihren Kopf zu wickeln. Was genau geht in diese Anwendung und was ist der allgemeine Anwendungsbereich jetzt? Es gibt einen wirklich wichtigen Unterschied oder eine andere Ausnahme auf, und es lohnt sich, dies jetzt zu verstehen. Wenn ein Entwickler ein Low Fidelity Mock up betrachtet, wird es ihnen keine Informationen über das Design der Website oder die Interaktivität der Website geben. Also, wenn Sie versuchen, etwas zu bauen, das eine Menge Interaktivität hat, viele Tasten, viele Berechnungen, viele Dinge, die sich bewegen und Sie planen, ein komplexes Design zu haben, dann ist Jim Piccoli es am besten eine hohe Wiedergabetreue verspotten, wenn Sie gehen, um eine Schätzung zu erhalten . Nun, Best Practice dafür wäre, dem Entwickler im Voraus zu sagen, dass dies eine geringe Treue ist und ihnen eine verbale Beschreibung dessen, was die Interaktivität sein wird und wie komplex denken Sie , die Designer jetzt in einem späteren Vortrag? Wir werden tatsächlich ein wenig über irgendwelche Anmerkungen sprechen und wie Sie seine Informationen effizient an Ihren Entwickler weitergeben können , welche Art von Informationen Sie jetzt in dem Fall, dass Sie komplexe Interaktionen oder komplexe Designs auf Ihrer Website. Ein Entwickler muss das wissen, weil dies die Anzahl der Stunden und die Zeit, die für die Erstellung Ihrer Anwendung benötigt wird, drastisch erhöhen könnte . Jetzt Low Fidelity Mock Ups. Sie benötigen deutlich weniger Zeit, die Sie von Anfang bis Ende können, einen davon in 30 Minuten auskurbeln und tatsächlich ganz gut machen können. Lo treue Markt Apps im Allgemeinen. Außerdem kosten sie kein Geld. Ich meine, das einzige Geld, in das du investieren musst, ist vielleicht ein Abonnement für ein Drahtrahmen-Tool . Wenn Sie das nicht wollen, können Sie einen Bleistift und Papier verwenden, oder Sie können eines der kostenlosen Tools verwenden, die in diesem Gericht aufgeführt sind. Low Fidelity Mock ups können Sie auch weniger Vordenken und Vorplanung im Voraus haben weil sie mit weniger Details umgehen. Du musst selbst nicht so detailliert sein. Also eine Menge Dinge, die Sie nicht unbedingt denken und darüber nachdenken müssen, wenn Sie eine niedrige Treue oder hohe Wiedergabetreue schaffen . Auf der anderen Seite erfordert dies viel mehr Gedanken und viel mehr Geld im Voraus. Sie müssen darüber nachdenken, was passiert, wenn ich darauf klicke und was passiert, wenn ich das hier drüben verschiebe und was passiert, wenn ich mich einlogge und ich dies und das tue. Dies sind alles Dinge, die Sie planen müssen, und auch, um es genau aussehen wie Ihr Endprodukt. Du wirst jetzt etwas Design erledigen müssen, es sei denn noch einmal. Dein Designer. Das bedeutet, dass Sie vielleicht jemanden einstellen müssen. Wenn Sie planen, einen High Fidelity Prototyp-Plan zu machen, um etwas Geld auszugeben, bekommen Sie diese. Donna's Cheap ist $50.100 Dollar durch den Kauf einer Vorlage oder den Kauf eines u I Kit. Aber Sie können es auch für viel mehr erledigen. Wenn Sie nach Maß gehen möchten, könnten einige Designer sehr teuer werden. High Fidelity ist großartig, wenn Sie versuchen, ein echtes Produkt zu simulieren, und die Person, die Sie zeigen, hat eine höhere Barriere für die Akzeptanz. Mit anderen Worten, sie müssen etwas sehen, das polierter mawr, riel und professioneller ist. Wenn Sie einen Investor aufwerfen, der versucht, einen Pre-Sale zu bekommen, der nur versucht, Teoh sogar einen Kunden oder Ihren Projektmanager aufzustellen , stehen die Chancen wahrscheinlich, dass Sie eine Mawr High Fidelity-Version Ihres Mock up benötigen 6. Warum stellen wir uns vor?: Hey, Leute, willkommen zurück auf dem Kurs in der Struktur. Wir gehen rüber. Warum wir Drahtrahmen und warum wir Prototyp? Sprechen Sie einfach ein wenig über die Anwendungsfälle, die Sie Drahtrahmen und Prototypen verwenden würden und warum sie nützlich sind und warum. Es gibt etwas, dass jeder Erfahrung Unternehmer Produktmanager sie verwendet, wahrscheinlich auf einer wöchentlichen, wenn nicht täglich, Basis. Es gibt also zwei Hauptgründe, warum jemand einen Drahtrahmen bauen oder einen Prototyp bauen würde. Also Nummer eins ist die interne Kommunikation. Nun kann sich die interne Kommunikation wirklich auf jeden beziehen, der sich in Ihrer Organisation befindet. Jeder, mit dem Sie bereits arbeiten, kann sich an einen Mitbegründer, Entwickler, einen Designer,an jeden wenden Entwickler, einen Designer, , mit dem Sie effektiv kommunizieren müssen, und dass jemand, den Sie in der Regel betrachten, der in Ihrem Team jetzt ist. Im Allgemeinen verwenden Sie Drahtrahmen und Prototypen, da Sie genaue Schätzungen und Zeitpläne für jedes neue Produkt, Start oder Feature Launch benötigen. Du willst keine Bomben, die später auf dich explodieren. Du willst jetzt so viel wie möglich wissen, was es dauern wird und wie lange es dauern wird . Möglicherweise haben Sie eine Idee für ein Feature-Produkt, sogar eine Änderung Ihrer bereits vorhandenen Website-Anwendung. Jetzt müssen Sie wirklich in der Lage sein zu sagen und zu artikulieren, was genau es ist, das Sie ändern oder hinzufügen möchten . Okay, also stell dir vor, du redest mit einem Team , Kumpel und du sagst , und du sagst, Hey, ich möchte unserer Anwendung jetzt ein Fotoalbum hinzufügen. Was bedeutet das für Sie? Es macht wohl durchaus Sinn in deinem Kopf. Richtig, weil Sie auf die Idee gekommen sind. Du hast es gesagt. Du hast schon eine Vorstellung von deinem Kopf. Was? Es sieht so aus, wie es funktioniert. Und so kommuniziert man es irgendwie. Das ist aber nur eine mündliche Beschreibung . Nun, wenn Sie das zu einem Entwickler sagen, was würden sie denken? Wahrscheinlich denken sie jetzt, wenn du das zu einem Entwickler sagst, was würden sie denken? Sie denken wahrscheinlich? Wie viele Fotos zeigen sie? Woher bekommt dieses System die Fotos? Wo werden wir das zeigen? Ist das ein großes Feature? Ist das eine separate Seite komplett? Das sind die Fragen, die sofort durch Ihren Entwicklerkopf gehen, weil Sie ihnen nicht erklärt haben , was es tut. Du hast gerade gesagt. Im Grunde ist es das, was es jetzt ist. Wenn du das zu einem Designer sagst, was würden sie denken, dass sie wahrscheinlich denken? Ist das eine Lichtbox? Ist das ein Motil? Ist das ein Pop-up? Ist das etwas, das direkt auf der Seite geladen wird? Welche Seiten? Sogar weiter. Wie kann ich darauf zugreifen? Wie soll es aussehen? Soll es aussehen wie alles andere? Ist es eine separate Seite? Das sind die Dinge, an die Ihr Grafikdesigner jetzt denken würde. Jeder andere in der Organisation Mitgründer, Projektmanager. Sie werden wahrscheinlich ähnliche Fragen haben wie ihre Wahrscheinlich nicht fragen, wie es aussieht . Wahrscheinlich werde ich mich fragen, wie groß ein Feature es ist. Wird es irgendeinen der anderen Funktionen stören? Ist das ein wirklich wichtiges Feature? Ist das etwas, das wir wirklich hart mit einem Drahtrahmen drücken werden? Oder besser noch, ein Prototyp? Man könnte hier einfach sagen, das ist es, was es ist. So sieht es aus. Das ist, wohin es geht, und das ist es, was es tut. Ein weiteres Beispiel dafür, wie Sie Drahtrahmen und Mockups und Prototypen in der internen Kommunikation verwenden würden , wäre, dass, wenn Sie irgendeine Art von Vorgenehmigung benötigen, bevor Sie losgingen und tatsächlich etwas getan haben. Jeder, der einen Boss hat, oder jemand, der ein Team hat, auch unter ihnen, weiß, dass Sie eine Genehmigung benötigen. Du weißt, dass du die Gruppe an Bord brauchst. Jetzt ist es wirklich schwer, all diese Leute an Bord zu bekommen. Wenn du ihnen nur noch einmal eine mündliche Beschreibung gibst, versteht nicht jeder genau, was du meinst. , Wenn man jemandem sagt,dass es das ist, was es ist, ist es abstrakt. Sie wissen nicht, wie ernst du bist. Sie nehmen es normalerweise nicht sehr ernst. Auch weil sie nur davon ausgehen, dass es eine 1/2 gebackene Idee ist. Es ist viel einfacher, nein zu einer verbalen Beschreibung zu sagen, das heißt, zu einem natürlichen Prototyp zu sagen, Wenn jemand Sie nach unten setzt und sagt, Dies ist, was ich will dio Was denken Sie? Viel schwieriger zu sagen? Nein, es ist viel einfacher zu verstehen, und deshalb ist es viel einfacher für Sie, Ja zu sagen, Die zweite Kategorie ist die externe Kommunikation. Jetzt handelt es sich vor allem um jemanden, der keine Parteiorganisation ist. Jeder, der in Ihrem Business-Ökosystem sein könnte, könnte Kunden, Kunden , Investoren außerhalb von Designfirmen außerhalb von Entwicklungsfirmen wirklich Berater, Auftragnehmer, wirklich alles ohne einen Prototyp für einen Draht -Rahmen, denken Sie vielleicht, dass Sie gehämmert werden, indem Sie versuchen, Ihren potenziellen Kunden oder potenziellen Kunden etwas zu zeigen , das noch nicht existiert. Manchmal, wenn man etwas baut, ist es sehr schwer zu verstehen, was genau tut und was der Wert darin ist. Wenn Sie es nicht wirklich sehen können, ist es sehr schwer, vor allem, wenn Sie versuchen, es einem Kunden zu zeigen , ,der kein Experte in Ihrem Bereich ist. Sie verstehen Ihre Idee nicht genau perfekt, und so ist es sehr schwer für sie, nur basierend auf einer verbalen Beschreibung zu visualisieren. Nun, dies sind die Schwächen, die Sie wollen, wenn Sie nur eine grundlegende Ideenvalidierung durchführen , ohne tatsächlich etwas zu bauen, in dem Szenario, in dem Sie einem potenziellen Kunden einen Prototyp Drahtrahmen zeigen, Sie erhalten viel mehr authentisches Feedback und authentische Antworten von ihnen. Du gibst ihnen nur eine mündliche Beschreibung. Es ist wirklich schwer zu sagen, ob sie die Idee wirklich mögen oder nicht, ob sie nicht unterstützt haben und ob sie verstehen oder nicht. Es war ein bisschen Voreingenommenheit, denn wenn man es ihnen einfach beschrieb. Normalerweise sind sie schöner. Dann würde man auch oft denken, sie haben nur schwer zu verstehen, was es ist. Also lassen Sie einfach „Ja“ sagen. Denken Sie daran, viele Produkte und APS, die sie wirklich schwer zu erklären sind. Also in weniger Jahr, ein Wordsmith oder jemand, der wirklich streiten kann die englische Sprache oder was auch immer Ihre Sprachen, könnte man wirklich kämpfen, um einem Laien, einem normalen Kunden zu erklären , was genau es ist, dass Du versuchst es, Teoh, hol sie jetzt zum Kauf. Eine andere Form der externen Kommunikation, bei der Prototyping ins Spiel kommen würde ,wäre , etwa, wenn Sie mit dem Designer oder Entwickler dort außerhalb Ihrer Organisation kommunizieren und Sie Effekt, wie viel wird das kosten und wie lange wird es dauern? Es ist der internen Kommunikation sehr ähnlich, aber hier haben Sie verschiedene Arten von Kräften. Wenn du mit einem externen Auftragnehmer arbeitest, werden sie versuchen, dir zu bieten, und sie werden versuchen, dich in Bezug auf den Preis zu drücken, den sie dir in der Timeline geben werden, die sie dir geben werden. Nun, wenn Sie alle Zweideutigkeiten ausschneiden und ihnen genau zeigen, was es ist. Es ist viel einfacher, nicht nur Preisvergleich und Timeline im Vergleich zwischen Auftragnehmern zu vergleichen, aber es ist viel einfacher, ihnen zu sagen. Ich weiß, was das ungefähr nehmen sollte, und ich weiß, was das ungefähr kosten sollte. Und wenn Sie es ernst meinen, etwas außerhalb Ihrer Organisation zu bauen, ist das wirklich wichtig zu wissen, was es kosten wird und wie lange es wieder dauern wird , wollen Sie später nicht in die Luft sprengen. Vielleicht ein weiterer Grund, warum Sie einen Prototyp verwenden möchten, ist, dass Sie einen Investor aufstellen wollen oder Sie einen Kunden aufstellen wollen und das tun wollen, bevor Sie das Produkt tatsächlich haben . Und bevor du tatsächlich das Geld aufgibst, um es zu schaffen. Nun, Investoren, investieren sie in Produkte und Ideen, die noch nicht gebaut sind. Das passiert tatsächlich die ganze Zeit. Was jetzt? Sie investieren nicht in unsere Ideen, die einfach nur Ideen auf einer täglichen Basis sind. Sie wahrscheinlich hier Hunderte von Ideen. Wenn du deine Idee in den Pool werfen willst, den du herausstechen wolltest,weißt du nicht, ob sie sich daran erinnern werden. Wenn du deine Idee in den Pool werfen willst, den du herausstechen wolltest, Du weißt nicht, ob sie es jetzt wirklich verstehen. Wenn Sie ihnen zeigen, was Sie vorschlagen wollen, werden sie fast sofort verstehen, ob es Investor könnte oder zumindest eine viel bessere Gelegenheit haben , es zu verstehen und sich daran zu erinnern. Potenzielle Kunden und Unternehmenskunden. Sie sind genau gleich. Wenn Sie sagen, dass Sie etwas haben, das Sie ihnen etwas verkaufen möchten, sind Sie nicht wirklich sicher ob sie genau verstehen, was es ist, dass Sie versuchen, sie zu verkaufen, sie behalten auch im Hinterkopf, dass nicht auf der gepunkteten Linie unterzeichnen kann, die Ihren Brief von Interesse, Ihren Vertrag zum Verkauf, wenn sie nicht etwas greifbares Zehe Blick auf, um zu verstehen, was sie bekommen. auch daran, dass die Person, die Sie verkaufen Teoh möglicherweise nicht die Person ist, die die eigentliche endgültige Entscheidung trifft. Sie haben wahrscheinlich Chefs, die sich jetzt vorstellen können, wie schwer es ist, eine Idee verbal zu dieser Person aufzuwerfen und sie dann die Kette hinauf zu gehen und eine weitere mündliche Beschreibung wie dieses Telefonspiel zu machen . Was immer du ihnen sagst, wird wiederholt verwässert und es ist völlig anders, wenn es zu der Person kommt, die ja oder nein sagt. Geben Sie ihnen also ein Werkzeug, um ihre Arbeit zu erledigen und Sie werden feststellen, dass es wirklich ganz einfach zu bekommen ist. Ja , jetzt. Letzt können Sie immer Prototypen und Drahtrahmen verwenden, um Ideen vorab zu validieren, die Sie brauchen, um Ihnen eine Bootsladung Bargeld als Zeit und Investitionen zu sparen . Ich weiß immer, ob Ihre Ideen eine erstattungsfähige, wenn ihr Kauf Kräuter, wenn sie nur gut im Allgemeinen sind. Aber der Aufbau eines Prototyps kann es Ihnen ermöglichen, Kundeninteraktionen zu leasen, zu simulieren, Investoreninteraktionen zu simulieren und ihn zumindest als Hebelwirkung zu nutzen, um andere Menschen für die Zusammenarbeit mit Ihnen zu rekrutieren . Deshalb verwenden Leute Prototypen und Drahtfreunde. Es gibt viele verschiedene Gründe, und ich denke, dass mindestens einer von denen für Sie gelten wird. Sie sind meiner Meinung nach eine wirklich tolle Art und Weise, dass Sie Ihre Idee nehmen und sie tatsächlich aussehen und fühlen Riel , nicht nur für Ihre Zwecke, für offensichtlich jeden, mit dem Sie interagieren auf geschäftlicher Sicht, 7. Auswahl eines Werkzeugs: Hey, Leute, willkommen zurück zum Kurs in dieser Vorlesung, über die wir reden werden, welche Werkzeuge euch zur Verfügung stehen, um Prototypen und Drahtrahmen herzustellen und welche Kriterien ihr verwenden solltet wenn ihr eine Auswahl trifft? Jetzt gibt es jeden Monat ernsthaft, wie, Aton von diesen Diensten da draußen. Es scheint, als würde ein neues herauskommen. Jeder hat seinen persönlichen Favoriten. Ähm, es ist erwähnenswert, dass sie alle im Grunde dasselbe tun. Jeder einzelne wird etwas anders sein oder einen anderen Funktionsumfang haben. Jetzt. Einige Werkzeuge konzentrieren sich auf die Herstellung von Low-Fidelity-Drahtrahmen. Einige von ihnen werden sich mehr auf den Prototyping-Aspekt konzentrieren, und einige von ihnen werden beides abdecken. Jetzt gibt es andere, weniger konventionelle Möglichkeiten, Drahtrahmen und Prototypen herzustellen. Ich werde diese einfach sehr schnell abdecken, also gibt es eine Menge von ihnen da draußen. Da ist Topfblau, da bin ich Plots. Da ist Balsamico. Da ist Paedo Co. Gerade rechtzeitig. Niemand nennt Skizzenkarte. Da draußen gibt es viele, viele, viele. Azure ist ein beliebtes. Visy. Oh, jetzt persönlich, mein Favorit ist Balsamico, aber das Problem Balsamico ist, dass sie nur Low Fidelity wir Franc tun. Ich mag sie, wenn ich niedrige Fidelia Drahtrahmen herstelle, weil sie automatisch die Skizzenanwendung in ihnen haben . Und meiner Erfahrung sind sie am einfachsten aufzustehen und zu benutzen, die sie nehmen. Es dauert die kürzeste Zeit, um zu verstehen, wie man Balsamico verwendet, und die kürzeste Zeit, um vom Öffnen der Anwendung bis hin zum Herausschieben eines Produkts zu gehen. Auch unsere Kunden mögen es ziemlich viel, weil es tatsächlich irgendwie cool aussieht, weil das breiteste Funktionsumfang es ist auch billiger als Balsamico. Und es wird uns auch erlauben, ein paar Proto-Schreibvorgänge zu machen, die wir tun müssen. Jetzt. Ich wähle etwas, das eine breitere Feature-Set hat, weil, ähm, Drahtrahmen von der ganzen Zeit, werden Sie sie bauen. Sie werden komplexer und Sie werden sie den ganzen Weg von Drahtrahmen hin zu komplexeren und interaktiveren Prototypen treiben . Nun, Idealerweise möchten Sie dies alles in der gleichen Anwendung behalten, also planen Sie für eine, die eine umfangreiche Start- und Landebahn hat. Paedo Co. Ist nicht frei. Es gibt kostenlose Versionen da draußen. Es gibt sogar einen Open-Source-Dienst, mit dem Sie Drahtrahmen erstellen können, und es ist kostenlos. Aber dieser hat eine kostenlose Testversion für die meisten von ihnen. Haben Sie kostenlose Testversionen? Es ist einfach immer noch besser als die anderen, weil der Betrag am niedrigsten ist. Es ist nicht wie Balsamico, was ich denke, ist $80 oder so etwas. Also noch einmal, zuerst, ich möchte, dass Sie nach dem suchen, was die meisten Funktionen Abdeckung hat. Suchen Sie nach etwas, das nicht nur ermöglicht es Ihnen, schnell und einfach Skizze Drahtrahmen zu machen, sondern auch ermöglicht es Ihnen, einige Interaktivität bei einigen Grafiken hinzuzufügen, können Sie Seiten zwischen den beiden wieder Drahtrahmen verbinden . Sie entwickeln sich im Laufe der Zeit. Sie werden nicht nur eine Iteration davon machen oder Sie vielleicht, aber es ist schön, dass Sie wieder hineingehen und mehr und mehr hinzufügen würden, wie Sie sich wohl fühlen und wie Ihre Bedürfnisse vorankommen. Zweitens suchen Sie nach etwas, das eine Funktion hat, mit der Sie leicht mit anderen Menschen teilen können. Jetzt ist das unglaublich wichtig, denn das Abrufen von Benutzerfeedback während dieses Draht-Framing-Prototyping-Prozesses kann unglaublich hilfreich sein. Sie können Benutzer verwenden, die Sie Ihre Freunde verwenden können. Sie können Ihre Kollegen verwenden jede Menge Feedback hilft Ihnen, aus dieser Art von Echokammer in Ihrem Kopf zu bekommen , und es unterwirft Sie den Meinungen anderer Leute, und es endet immer, dass Sie am Ende mit einem besseren Endprodukt. Wenn du das jetzt machst, zuletzt. Ich denke, das ist wahrscheinlich das Wichtigste. Suchen Sie eine, die bereitgestellt werden kann. Weißt du, was ich damit meine? Nun, wenn Sie ein Drahtrahmen-Tool, Prototyping-Tool verwenden und es für, sagen wir, sagen wir, eine Website ist das, um es Ihnen zu ermöglichen, das online zu veröffentlichen und es wie eine Website zu entladen ? Nein. Warum ist das wichtig? Es ist wichtig, denn wenn Sie in Benutzerfeedback gehen, wenn Sie gehen und Sie es einem Kunden oder einem Benutzer, Ihren Freunden zeigen Kunden oder einem Benutzer, , Sie möchten, dass es in der Umgebung betrieben wird, dass die Endprodukte in diesem ermöglicht es Ihnen, echtes Feedback zu erhalten. Das ist viel, viel, viel authentischer. Es wird auch der anderen erlauben, es viel mehr zu bekommen. Sie würden überrascht sein, den Unterschied zwischen jemandem eine Website in einem Browser zu zeigen und genau die gleiche Website auf einem pdf anzuzeigen Ein Browser fühlt sich mawr riel, Ihr Feedback wird viel besser und Ihre Endprodukte und ich viel besser. Im Fall von mobilen Anwendungen, Sie möchten sicherstellen, dass Sie aus Ihrem Dienst können Sie, dass Design auf einem Telefon auf diesem eine ist entscheidend. Du machst eine mobile App. Sie müssen in der Lage sein, es auf Ihr Telefon zu setzen. Du willst, dass jemand es auf ihre Art durchblättet. Sie würden ihr Telefon benutzen. Sie wollen sehen, wie, Wo können sie mit ihren Daumen erreichen? Wie größer die Knöpfe. Sie wollen sehen, wie es sich anfühlt. Als ob sie es benutzen würden. Das ist für mobile Anwendungen von entscheidender Bedeutung. Flynn Toe war der erste Dienst, der herauskam, begann das zu tun. Jetzt machen viele andere Leute das auch. Das ist etwas, das absolut, wenn Sie eine mobile App machen, stellen Sie sicher, dass Sie das jetzt tun können. Ein schneller Einstieg in einige der anderen Techniken, die Menschen verwenden. Manche Leute benutzen eigentlich nur Stift und Papier, und das nennt man es hier skizzieren. Es ist Frühlingskick, dass wir das als Vorläufer verwenden, bevor Sie Drahtrahmen herstellen. Es fügt keine Tonne Zeit hinzu. Es ist wirklich mehr wie eine 10-minütige Aktivität jetzt machen Sie Ihre Drahtrahmen und Fotoshop. Ich denke, das ist eine schlechte Idee. Warum Fotoshops? Eines dieser Programme, das nicht nur extrem teuer ist, es ist wirklich schwer herauszufinden, wie man benutzt. Wenn Sie mit Photoshopped nicht vertraut sind, könnten Sie mehrere Stunden damit verbringen, herauszufinden, wie Sie grundlegende Elemente erstellen können, wie sie manipulieren können und dass ihre Stunden, die Sie verwenden könnten, um ein ganzes Mock Up mit einem -Dienst, der dafür entwickelt wurde. Natürlich, Photoshopped ermöglicht es Ihnen, ausgefallene Features hinzuzufügen und wirklich Pixel perfekte Designs und Dinge wie diese zu machen . Aber das ist nicht der Punkt. Leute, das ist. Der Gerichtspunkt dieses Kurses ist, dass die Leute dies schnell tun, den größten Wert aus einer kürzeren Zeitspanne ziehen. Es gibt auch eine andere Technik, die populäre Leute benutzen. Keynote Kino ist nur der Mac Lierse in einem Power Point. Was sie tun, ist, dass sie eine Präsentation machen, die auch wie eine Anwendung aussieht, und dann können Sie es auf Ihrem Computer platzieren oder Sie es auf Ihr Telefon und laden Sie es so und sie verwenden Hotlinks, um Schaltflächen mit verschiedenen Seiten zu verbinden. Sie müssen ein System namens Kino Topia verwenden, Kino Topia kostet Geld. Und das ist eines der Dinge, von denen ich denke, dass es sich um eine Art Drag handelt. Nun, Kino könnte frei sein, oder Sie haben vielleicht keinen Mac. Weißt du, Topia kostet tatsächlich Geld, und nach meiner Erfahrung, mit dieser Technik, dauert es ungefähr die gleiche Zeit, wie Teoh deinen Prototyp und Keynote plus Kino Topia verspottet . wie für einen anderen Dienst. Aber die anderen Dienste sind billiger, und sie sind besser ausgestattet. Es gibt auch ein bisschen ein Element, wenn Sie dies einem Kunden zeigen oder Sie zeigen es Investoren. Jemand. Und es ist eine Power-Punkt-Präsentation wie Sie mögen sich großartig fühlen, dass die Verwendung schneiden einige Ecken, aber es kommt aus ziemlich dumm. Das sind also die Grundlagen. Wenn Sie sich an nichts von diesem erinnern, wählen Sie ein Werkzeug, das viele Funktionen hat. Wählen Sie eine aus, die es Ihnen ermöglicht, Benutzerfeedback zu sammeln, zusammenzuarbeiten und ein bereitstellbares Element auszuwählen, dem Sie es in die Umgebung einfügen können, in der Sie tatsächlich Benutzer verwenden 8. K.I.S.S.: Hey, Leute, Willkommen zurück zum Kurs in dieser Vorlesung. Es wird kurz sein. Es wird schnell gehen. Ich werde ein bisschen darüber reden, was Sie im Hinterkopf behalten sollten, während Sie Drahtrahmen sind. Ok? Es ist einfach, aber es ist irgendwie kompliziert. Ok. Hast du je einen Kuss gehört? Das bedeutet, dass K. I s Es bedeutet, dass Sie es einfach halten. Dumm. Okay, das gilt für viele verschiedene Dinge. Aber im Falle von Drahtrahmen und Bau von Prototypen hat es tatsächlich einen zweiten Teil dazu. Das ist es also nicht. Halten Sie es einfach, dumm. Es ist einfach zu halten. Dummes Komma. Aber seien Sie jetzt nicht faul. Was bedeutet das? Es bedeutet, dass es einen Unterschied gibt zwischen einfach und faul zu sein. Wenn Sie einen Drahtrahmen bauen, möchten Sie ihn so einfach wie möglich halten. Du willst nicht zu viele Informationen hineinwerfen. Zu viele Features, zu viele Elemente, zu viele Textzeilen. Es wird überfüllt. Es wird schwer zu verstehen und modelliert Ihre Botschaft. So halten Sie es einfach. Es wird Ihre Vernunft retten und es wird mit einem besseren Produkt kommen. Wenn Sie Zweifel haben, gehen Sie immer mit einer einfacheren Version. Möchten Sie eine Website erstellen, die wie Google aussieht oder möchten Sie es wie Yahoo aussehen lassen ? Yahoo ist ein großes Unordnung schnell Google ist sauber, einfach wird die Arbeit erledigt. Wo kommt nun der zweite Teil dahin? Aber seien Sie jetzt nicht faul. Viele Leute benutzen die K. I S als Entschuldigung, faul zu sein. Wenn sie Drahtrahmen sind, werden sie etwas herausziehen. Will sagen, Nun, ich halte es einfach, indem ich einfach nur grob schreibe, wie das aussehen sollte und es nicht ausfülle . Sie sagen zum Beispiel, zum Beispiel, sie werden sagen, dass sie eine Seite auf Band ausfüllen, sagen wir, es ist eine Liste und auf der Liste haben sie ein Bild, und dann haben sie Text. Und anstatt mawr Beispiele der Liste aufzulisten, setzen sie das einfach und setzen eine Zeile den ganzen Weg nach unten. Okay, das hält es nicht einfach. Das ist faul zu sein. Warum ist das wichtig? Eines der Probleme, die bei Drahtframes auftreten, besteht darin, dass es ein großes Problem gibt, wörtlich zu sein und nicht wörtlich zu sein. Wenn du es zeigst, wird sich ein Designer Designer das ansehen und sie werden es ansehen und ein Urteil darüber treffen , wie du es warst. Nun, wenn Sie etwas machen, das wie ein Kratzpad ist und Sie nur grob große Beschreibungen geben , zeichnen Sie einfach etwas und setzen Sie dann einfach X drei, multiplizieren Sie es hier und weiter, und Sie wirklich nur irgendwie zusammengeschlitzt. Diese Person wird es offensichtlich ansehen und eine Entscheidung treffen, dass du viele Ecken übersprungen hast. Nun, das ist ein minderwertiges Design. Es vermittelt nicht die Informationen, die Sie interessieren sollten. Es macht es schwieriger für die Person, an die Sie es weitergeben, aber viele Leute verwirren das, um es einfach zu halten. Und das ist nicht, dass du nur faul bist. Eins. Vermeiden Sie diese Art von Mittelfalle, die oft passiert, wo die Leute machen, sagen wir, eine sehr detaillierte Titelseite, und dann werden sie zu den Seitenseiten gehen, wie sie auf die Kontaktseite gehen und wenig nur werden faul und sie denken nicht wirklich darüber nach. Und sie sagen nur, Oh, hier sind meine Informationen. Hier ist ein Bild hier drüben und in einer Form, und sie werden es wie kritzeln. Nun, was sagt das? an Ihren Designer, Sie Entwickler. Sie werden sich das ansehen und gehen, Okay, sollte ich wörtlich sein, wegen eines Wortes werde ich es so aussehen lassen, und es wird schrecklich aussehen. Oder sollte ich ableiten und mein eigenes Urteil darüber treffen, wie es funktionieren soll? Und in diesem Fall müssen sie viel mehr Arbeit machen. Sie werden nicht glücklich mit dir sein. Und sie werden nicht wissen, ob Ihre Homepage und Ihr Design Ihre Seiten, die Luft detailliert, ob das tatsächlich wörtlich ist oder nicht. Aziz. Nun, und sie werden anfangen, Schlussfolgerungen zu ziehen und fangen an, Dinge zu bewegen und es so anzupassen, wie sie denken, dass es aussehen sollte. Es ist ein großer Fehler im Projektmanagement, und das ist etwas, das ich wirklich möchte, dass Sie vermeiden. Seien Sie so detailliert wie möglich, aber erkennen Sie, wenn Sie nur Komplexität hinzufügen, das ist für Ihr Produkt nicht hilfreich. Es ist nicht hilfreich für den gesamten Prozess. Gebäude. Etwas immer wieder zu entwerfen mag überflüssig sein, aber es ist immer noch einfach. Das ist eine Unterscheidung, die wirklich wichtig zu verstehen ist. Seien Sie so detailliert wie möglich, aber nicht auf Geld, zusätzliche Dinge und zu viel Komplexität Teig. Wenn Sie Fragen zu diesem Posten der Gruppendiskussion haben, hoffe ich, Sie haben einen guten Job gemacht, dies zu erklären. Es ist wirklich wichtig, wenn Sie Drahtrahmen machen, Sie wollen es richtig machen und Sie wollen keine Fehlkommunikationen zwischen Ihnen, Ihrem Designer in Ihrem Entwickler erstellen , dass Sie es richtig machen. Also Fragen Gruppendiskussion. Du sagst mir immer privat, sonst sehen wir in der nächsten Vorlesung. 9. Auf dem Bauweg folgen: Hey, Leute, willkommen zurück zum Kurs in dieser Vorlesung. Ich werde einen Rahmen durchlaufen, den wir mit dem Sprintkick benutzen, um den Prozess zu verstehen, den Sie beim Drahtrahmen durchlaufen sollten. Nun, der Grund, warum ich das übergehe, ist, weil so ziemlich jeder, der diesen Kurs es sei denn, Sie haben Drahtrahmen vorher getan, ist neu in dem Konzept, dass Low-Fidelity-Drahtrahmen , High-Fidelity-Prototypen. Also sitzen Sie wahrscheinlich da und denken, was soll ich zuerst tun? Was passiert danach? Was ist der Weg zum Punktraum, eigentlich in einer Website in einem Tool, und ich ziehe es jetzt heraus. Den Prozess, den ich dir beibringen werde, musst du ihn auf keinen Fall auswendig lernen. Es ist hilfreich, zu diesem Vortrag zurückzukommen, wenn Sie vergessen, was Sie als Nächstes tun sollten . Aber es ist ein wirklich einfaches System. Wir nennen es den Bauablauf, aber ich habe gehört, dass es irgendwie andere Dinge genannt wird. Sie können es auch wie einen Design-Stack nennen. Wirklich, es ist wie ein Ein-bis Fünf-Schritt-Prozess, von der Idee zu gehen. Ich habe es auf Papier gelegt. Es ist ein Drahtrahmen. Sieht gut aus. Es ist hilfreich, dieses Framework zu verwenden, da es Ihnen hilft zu verstehen, was zuerst kommt. Was kommt an zweiter Stelle? Was als nächstes darauf kommt, können Sie eine Entscheidung darüber treffen, wie viel in der Tiefe Sie bekommen möchten . Wir zwingen Sie auch, viel über Ihre Anwendung nachzudenken, die Sie sonst wahrscheinlich nicht getan hätten. Sobald Sie die Schritte durchlaufen und Sie tatsächlich zum Drahtrahmen in einem Teil des Prototyping-Teils der ganz in Schritt fünf kommen, sollten Sie sich mit Ihrer Idee sehr wohl fühlen. Zu verstehen, was Ihr Benutzer braucht, ist, was darauf hineingehen sollte. Sie sollten in einer guten Position sein, um ein gutes Endprodukt zu machen. Die Frameworks. Sehr einfach. Es beginnt mit der Strategie. Dann geht es in den Geltungsbereich. Dann geht es zur Struktur, als es zum Skelett geht, und dann endet es mit der Oberfläche. Jeder dieser fünf beschreibt einen Punkt. Wenn Sie die Liste hinuntergehen, beginnt sich Ihre Idee zu entwickeln und sie beginnt sich mehr zu untermauern. Fangen Sie an, realer zu werden , erinnerst du dich, denn sie sind nur viele essen und auch, wie Sie vom obersten Ziel den Weg nach unten gehen. Sie gehen von einer hohen Ebene Überblick, viele große, breite, vage Fragen. Sobald Sie wahrscheinlich bereits beantwortet, und dann den ganzen Weg hinunter zu den tatsächlich zu einem Punkt kommen, wo wir über Pixel sprechen und nicht überarbeitende Strategien oder Ideen. Nummer Eins. Du beginnst mit Strategie. Viele von Ihnen haben das bereits getan, aber es ist ein bisschen substanzieller, als Sie herumsitzen und über Ihre Idee nachdenken. Viele von Ihnen haben das bereits getan, Wir konzentrieren uns auch auf die Anwendung selbst und nicht nur auf Ihre allgemeine Geschäftsidee oder was der Sinn des Projekts ein Teil Ihres Unternehmens ist. Wir werden uns nicht mit dem Zeug auseinandersetzen. Wir beschäftigen uns nur mit dem, was Ihre Anwendung ist, was sie tut, warum sie das tut und wer sie benutzen wird. So Strategie ist die Frage wie, Was ist Ihre Anwendung? Dio scheint wirklich offensichtlich, richtig, aber hilft wirklich, es auszuschreiben. nun Wenn Sienuneine Antwort mit einem Satz für das haben, was Ihre Bewerbung tut oder Ihre Idee ist, ist das äußerst hilfreich. Legen Sie das an die Spitze. Es ist fast so wie die Mission oder das Ziel, das Sie an der Spitze Ihres Lebenslaufs sehen würden . Schreib dich auf. Was soll es jetzt erreichen? Denk doch ein bisschen darüber nach, oder? Sie bauen einen E-Commerce-Store. Was soll es erreichen? Die Website selbst zielt darauf ab, zu erreichen, dass es möglich ist, Produkte aufzulisten und sie zu verkaufen und dies nahtlos zu tun und viele Produkte und viele verschiedene Benutzer unterzubringen. Richtig? Viel Verkehr. Nun, wenn Sie eine mobile Anwendung erstellen, sagen wir, die mobile Anwendung für Happy Hours, die eine mobile Anwendung, die Ihren Standort packt , sagt Ihnen, was Bier und Alkohol Happy Hours Luft um Sie herum. Nun, was ist die Strategie hinter dieser Strategie ist, dass Sie erwarten, dass einige Leute, die in ihren zwanziger und dreißiger Jahren für glückliche Stunden suchen, aber sie wollten eine einfache ist möglich. Also wollen sie ein Nickerchen, und dann öffnet sich Schauspielerin, greift Ort und liefert Ergebnisse basierend auf Geschäftsverzeichnis. Das ist es ehrlich. Ich meine, das ist Ihr Hauptziel. Ich versuche nur, das in einen Satz über diesen Punkt hinaus zu kochen. Dann müssen Sie beginnen, ein wenig über die Benutzerbasis nachzudenken, die Ihre Anwendung verwendet . Wer glaubst du, wird jetzt benutzen? Es muss nicht genau sein. Du musst das nur ausschreiben. Wen, glaubst du, wird es benutzen? Dann? Es geht wirklich um die Frage, was sind Ihre Benutzer jetzt brauchen? Wenn Sie im E-Commerce-Store sind? Beispiel, Wenn jemand auf Ihre Website kommt, was sind ihre Bedürfnisse und die Bedürfnisse, die sie brauchen, um etwas zu kaufen, wo es sein muss , dass sie vielleicht etwas kaufen und etwas zurückgeben müssen? , Kommen sie zu Ihrer Seite,weil sie mehr Informationen finden wollen? Nehmen wir an, Sie sind eine Informationsseite. Du bist ein Blogger. Sie kommen Teoh suchen viele kleine Stücke von kurzen Form Essays. Sind sie auf der Suche nach langen wissenschaftlichen Forschungsarbeiten? Das sind die Dinge, die wir herausfinden müssen. Also Gruppen von Menschen, wonach suchen sie? Und wie wird Ihre Website das liefern? Jetzt? Dies ist nur eine mentale Übung, weil es Sie zwingt, über alle Stakeholder in Ihrer Anwendung nachzudenken , und es zwingt Sie, darüber nachzudenken, was das große Ganze ist. Viele Male passiert es ist, dass Leute überspringen. Dieser Schritt wird in einen Drahtrahmen gehen. Beginnen wir mit dem Aufbau einer Reihe von Funktionen, die sie nicht wirklich brauchen, weil sie sich nicht eingestellt haben und darüber nachdenken, was die Kernaufgabe meiner Anwendung ist. Jetzt, wenn Sie das wirklich geschrieben haben, dann können Sie das tatsächlich als Richtlinie verwenden, um zu sagen, OK, ich muss diese Funktion erfüllen. Dann verdienen Sie diesen Benutzer und Sie verdienen dieses Bedürfnis. Jetzt musst du das nicht unbedingt korrigieren. Ich bevorzuge es, dass Sie es tun. Es ist sehr hilfreich. Es ist etwas, das Sie später verwenden können. Wann immer Sie tatsächlich gehen und Ihre Anwendung erstellen oder was auch immer, finde ich es sehr nützlich. Das musst du eigentlich nicht. Du kannst das in deinem Kopf tun. Dieser Teil ehrlich, mit mir. Es dauert nur 10 bis 15 Minuten, um dies überhaupt zu tun, wahrscheinlich weil ich so viele Anwendungen gebaut habe. Nun, wenn du neu darin bist, könnte es ein wenig Nachdenken brauchen. Du musst das überhaupt nicht recherchieren. Du musst nicht online springen und dich umsehen. Verschiedene Arten von potenziellen Kunden oder Märkten oder irgendeinem dieser Unsinn. Es ist nur eine mentale Übung, um Ihnen zu helfen, den Kopf um das große, große Ganze zu wickeln . Okay, also dann gehen wir jetzt zu Schritt zwei Bereich Bereich ist, wo Sie jetzt sind. Art der Liste jede einzelne funktionale Anforderung, die Sie sich vorstellen können. Das wird in Ihre Bewerbung auf Ihrer Website gehen. Seitdem haben wir festgestellt, wer die Benutzer sind und was sie brauchen. Nun, welche Funktionen werden wir tatsächlich brauchen, um dort zu setzen, wenn Leute auf Ihre Website kommen weil Sie tägliche Angebote verkaufen. Nun, wenn Leute auf Ihre Website kommen, weil er wöchentliche Angebote verkauft und sie brauchen, um mit allem, was passiert, auf dem Laufenden zubleiben um mit allem, was passiert, auf dem Laufenden zu müssen Sie etwas sagen, das ihre E-Mail-Adresse erfasst. Okay, gut, okay, das ist großartig. Also schreiben Sie eine Funktion auf, um die E-Mail-Adresse später zu erfassen, werden Sie herausfinden, wie das geht. Aber gerade jetzt sind Sie nur besorgt über Okay, das ist eine Funktion, die ich denke, meine Website wird bewältigen müssen. Versuchen Sie, über jede einzelne Sache nachzudenken Versuchen Sie sich vorzustellen, dass Sie Ihre Website verwenden. Ihre Bewerbung. Worauf wirst du stoßen? Was sind Dinge, die du brauchen wirst? Diese Leute vergessen immer Dinge wie Haben Ihre Benutzer müssen sich einloggen und sie müssen sich richtig einloggen, dass aus. Ich muss wieder Gesetz. Benötigen sie einen Gastzugang? Ist es eine Website, auf der Sie sich nicht einloggen müssen, um alles zu sehen? Aber wenn Sie sich einloggen, können Sie andere Dinge richtig sehen? Müssen Sie Facebook Connect verwenden? Wenn Ihre Anwendung einige Informationen über soziale Netzwerke verwendet, muss sie möglicherweise ihre Facebook verbinden. Das ist eine weitere Funktion, die Sie brauchen, um Facebook Connect aufzuschreiben. Denken Sie an Dinge, die passieren, wenn etwas schief geht. E-Commerce-Store und unebenen Commerce-Store. Was passiert, wenn sie versandt werden? Das Falsche. Deine Bewerbung wird das irgendwie erledigen müssen, oder? Und der Benutzer muss einen Weg des Rückgriffs finden. Denken Sie also daran, alle möglichen Dinge wie diese einzubringen, um zum Beispiel Möglichkeiten aufzuschreiben , wie sie wie Erstattungen oder so etwas verarbeiten können. Oder für den Fall, dass der Benutzer seine Informationen falsch anlegt und korrigiert, kann er sein Passwort und solche Dinge ändern. auch Vergessen Sieauchnicht, dass Sie diese Anwendung jetzt betreiben werden. Wenn Sie die Anwendung bedienen, bedeutet das, dass Sie in der Lage sein müssen, grundlegende Dinge wie steuern, wer Ihre Benutzer sind müssen Sie möglicherweise in der Lage sein, Benutzer zu löschen. Wenn Sie sie oder so etwas verbieten müssen, müssen Sie den Überblick behalten. Zum Beispiel, wenn Sie etwas verkaufen, müssen Sie den Überblick behalten, was Sie verkaufen, wie viele Sie verkauft haben, haben sich nicht einmal verschoben. Du brauchst Aufzeichnungen, solche Dinge. Denken Sie also daran, was die minimale Menge an Funktionalität ist, die Sie benötigen, ist ein Administrator. Schreib das alles auf. Wieder, Wenn Sie etwas verkaufen, vergessen Sie nicht, aufzuschreiben. Ich muss Zahlungen abwickeln. Ich muss in der Lage sein, Zahlungen zu akzeptieren. Sie verwenden PayPal, Vielleicht Streifen oder stellen Sie sicher, dass Sie wissen, dass das in der Anwendung gehen wird und dass Sie diese Jungs Organisation für diese ganze Liste aufschreiben, spielt keine Rolle. Scribble es so lange wie auf einem Stück Papier, du wirst es nicht vergessen. Dieser Prozess, denke ich, wird ehrlich gesagt einen guten Teil Ihrer Zeit in Anspruch nehmen. Nicht, weißt du, 30 Minuten. Nicht. Ich meine, ich würde sagen, es dauert vielleicht eine Stunde. So groß Ihre Anwendung ausspucken ist, wie viel Sie gedacht haben, tatsächlich in sie steckt. Du willst später wirklich nichts auslassen. Weißt du das nicht? Sie könnten an zusätzliche Dinge denken Zehe Anzeige, und es ist sehr einfach, es hinzuzufügen, aber es ist viel einfacher, wenn Sie am Anfang erinnern. Sie können alles in Betracht ziehen und Sie könnten Urteilsbeschwörungen machen, dass das, was wichtig ist , was nicht wichtig ist. Das ist auch eine große Segue. Oy, was viele Leute machen diesen Abschnitt, und sie bestimmen ihren Umfang. Wichtig hier ist, dass du damit nicht verrückt wirst. Bitte gehen Sie nicht einfach verrückt. Viele Leute zu sagen, OK, OK, ich brauche eine Box, die das macht und ich brauche das, um aufzutauchen, und du klickst das wird nur machen und sie listen einfach weg, Weg, Weg, viel zu viel Zeug auf. Wir zum Beispiel einen Kunden, haben zum Beispiel einen Kunden,der eine Social-Networking-App erstellt hat und gerade Features und Features sowie Features und Funktionen hinzugefügt hat. Wenn du das machst, versuchst du von Anfang an daran zu denken. Denken Sie über die Dinge nach, die für das, was Sie versuchen, wichtig sind, und denken Sie dann an die Dinge, die extra sind. Ich persönlich mag es, diese zu vergöttlichen. Ich teile sie gerne aus, indem ich Nummer eins sage. Hier sind die Kernfunktionen und Nummer zwei, hier sind die Jahre, der extra extemporane, der nicht notwendige Umfang der Anwendung Versuchen, all dies auf einem kritzeligen Papier zu bekommen. Wenn du es einmal machst, kannst du nichts anderes denken. Du kommst immer wieder darauf zurück. Aber sonst bist du bereit, in der Zahl der drei zu gehen. Nun, Nummer drei ist, wenn wir anfangen, in den Drahtrahmen und den Prototyping-Prozess zu schlagen . Schritt eins und Schritt zwei. waren nur die Vorarbeitsprozesse. Das sind die Dinge, die wir in einem Kritzelkissen niederlegen müssen und darüber nachdenken. Sobald Sie die Vorarbeit erledigt haben, dann sind Sie bereit, tatsächlich eintauchen und körperlich anfangen, Ihre Mock up zu machen. Also Nummer drei ist Struktur Jetzt ist Struktur die hochrangige Art, Ihre Seite, IhreAnwendung, IhrDesign zu betrachten Anwendung, Ihr . Was Sie hier tun, ist, dass Sie nur über OK nachdenken, jetzt, wo ich alle meine Funktionen aufgelistet habe, wo die ungefähr richtig gehen? Wie meine Seite ungefähr aussehen wird, wird wie eine traditionelle Website aussehen, auf der wir oben links das Logo haben. Dann haben Sie eine Navigationsleiste und Sie haben Fußzeile und in den mittleren Abschnitten, der gesamte Inhalt ist oder vielleicht ist es ein wenig zuletzt traditionell. Vielleicht ist es wie ein Bloggerauf Blogger der rechten Seite. Wir sehen Informationen. Wir sehen Artikel auf der linken Seite. Wir haben die Navigationsleiste. Es ist eine vertikale Navigationsleiste. Sie müssen darüber nachdenken, wie das Layout grob aussehen wird, wo die Dinge, die sie gehen werden , der beste Weg, um dies zu tun, und wir werden das später in der Vorlesung behandeln, ist das Set mit einem Stück Papier und einem Stift. Der beste Weg ist, buchstäblich nur einen Stift zu nehmen und anfangen zu notieren, eine Box für eine Website oder ein kleineres Rechteck für eine mobile Anwendung zu zeichnen und einfach füllen, wo Sie denken, dass Abschnitte gehen würden. Du magst es nicht. Zerreißen Sie es, versuchen Sie eine andere Seite. Der Punkt ist nur zu beginnen, es da draußen zu setzen, und sobald Ihr Pin beginnt, das Pad zu berühren, werden Sie beginnen zu verstehen, ob etwas richtig aussieht oder nicht, ob Sie es später auf dem Kurs ändern sollten. Wir werden das wirklich tun und ich werde Sie durchführen, wenn ich es mit einer Bewerbung mache , und dann können Sie ein bisschen mehr von einem Feld bekommen. Aber das ist der beste Weg, dies zu tun. Achten Sie auf uns. Ratschläge für die Strukturierung. herauszufinden, wo das Layout ist, wo Ihre Informationen sein sollten, wo Inhalte sein sollten, ähm, ist eigentlich nur ein Blick auf andere Websites. Dies ist ein wirklich guter Weg, denn nicht alle von uns sind Menschen, die den ganzen Tag damit verbringen, sich mit Websites zu vermischen , darüber nachzudenken, was der beste Weg ist, eine E-Mail-Adresse zu erfassen, oder ein Formular zu erstellen oder ein Foto zu laden, und Sie schauen auf andere Websites, dann können Sie irgendwie eine genau bekommen, wie die meisten Leute es tun und wie einige andere Leute, die Vordenker sind, es tun. Du baust einen E-Commerce-Store. Denken Sie an etwas die Geschäfte, in denen Sie gewesen sind, dass Sie das Design mögen, das Sie mögen das Layout aus. Gehen Sie zu dieser Seite und sehen Sie, was sie tun. Und jetzt können Sie tatsächlich denken. Okay, das ist interessant. Sie setzen ihre Suchleiste oben links. Sie legen es nicht auf, sagen wir, den Boden. Oder vielleicht finden Sie eine Seite, die wirklich lang ist, und vielleicht ist das eine interessante Art, es zu tun. Wenn Sie beispielsweise einen Inhalt, eineWebsite erstellen beispielsweise einen Inhalt, eine . Golan, sieh dir andere Content-Websites an. Schauen Sie sich diejenigen an, die berühmt sind und schauen, diejenigen, die Sie persönlich mögen. Ehrlich gesagt, ich denke, dass Sie nur davon profitieren können, die Website von jemandem zu betrachten und zu sehen, was ihre Struktur ist, wie sie die Informationen auslegen und Sie werden herausfinden, dass es nicht ist. Sie wissen, dass Sie Ihren eigenen Weg in gewisser Weise ebnen wollen, aber auch Sie wollen es einfach halten. Äh, Sie möchten es basierend auf dem, was andere Leute tun, halten, weil andere Benutzer wahrscheinlich an bestimmte Site-Layouts gewöhnt sind, so dass Sie nicht zu viel abweichen wollen. Das ist der beste Weg, es zu tun. Finden Sie einige Websites, die Sie wirklich, wirklich mögen. Wenn Sie eine große Webanwendung erstellen, könnten Sie vielleicht Ihre Lieblingssoftware ansehen. Als Dienstleistungsunternehmen sparen Sie Abonnement-Service. Wenn Sie ein Administrationsfeld oder etwas erstellen, ist das wie eine Unternehmensanwendung. Vielleicht schauen Sie sich eine wirklich schöne Buchhaltung Software wie Null ist ein großartiges Beispiel für eine wirklich schöne Administration Panel, Benutzerfluss und Struktur. nun daran, Sienun daran,dass dieser Prozess nicht perfekt sein muss. Es sollte nicht perfekt sein. Es sollte nicht makellos sein. Denken Sie daran, waren Amateure dabei. Wenn du das erste Mal machst, wirst du nicht alles wissen, wirst du es nicht perfekt verstehen. Der Punkt ist jedoch, jedoch, nur zu skizzieren und heraus, eine grobe Idee zu bekommen, wo man denkt, dass die Dinge gehen sollten. Machen Sie einige Grundlagenforschung, verbringen 2030 Minuten mit Blick auf andere Websites, bekommen eine Art von einer Idee, wo sie ihre Tasten setzen, wo sie ihre Informationen setzen und dann werden Sie beginnen, einige Meinungen zu bilden. Warum gefällt es dir nicht? Ob du es nicht tust oder nicht und du könntest anfangen, das auf Papier zu legen. Als Nächstes ist Nummer vier, das jetzt Skelett ist. Skelett Wir werden jetzt nicht wirklich über eine Tonne reden. Es ist der Drahtrahmen Prozess. Es ist das Low-Fidelity-Mock up. Das ist, wenn Sie es tatsächlich löschen und Sie beginnen sich nicht nur um das Layout zu kümmern, sondern was die Schaltflächen so geformt wie wo Ihr Text gehen wird, können Sie sich konzentrieren. Sie werden darauf achten, mehr Details von kleineren Dingen wird versuchen, so nah wie möglich zu kommen . Sie beginnen, tatsächliche Teile und Elemente auf Ihre Seite zu setzen und beginnen, ein besseres visuelles Gefühl für das zu bekommen , wie es aussehen wird. Einer der größten Unterschiede zwischen Struktur und Skelettstruktur. Wir gehen nur für das Layout. Dieser Abschnitt enthält diese Informationen in diesem Abschnitt dieser Informationen jetzt in Skelett Sie gehen zu sagen, dies ist der Abschnitt, und in diesem Abschnitt, hier sind die einzelnen Elemente. Das ist es, was du eigentlich Dio bist. Also, wenn ich, sagen wir , schauen wir uns an, sagen wir, YouTube und ich sagte, hier drüben, Ich will Empfehlungen für andere Videos jetzt in Struktur. Alles, was ich sagen würde, ist, ich will eine Liste von Videos und ich werde die Box zeichnen und sagen Liste der Videos. Aber im Skelett, was ich tun würde, ist, dass ich es herausziehen und dann tatsächlich entscheiden würde. Ist das Thumbnail links von rechts? Wie groß das Thumbnail, Wie maney in Frontlinien von Informationen sollte ich haben? Wie groß wird das Ganze jetzt sein? Der fünfte und letzte Abschnitt? Das ist Oberfläche. Grundsätzlich ist es das Grafikdesign. Es geht aus und erhält eine visuelle, die für Ihre Anwendung entwickelt wurde. Und es ist die Nummer fünf, denn das ist der Endpunkt, wenn Sie Ihre Anwendung vergessen, die jetzt in diesem Kurs entwickelt wurde, werden wir Nummer fünf durchlaufen. Und sobald wir unsere Entwürfe fertig haben, werden wir diese Entwürfe nehmen und einen High Fidelity-Prototyp herstellen, der funktioniert und funktioniert und aussieht, als wäre er wirklich. Aber wenn Sie keine Grafik-Design-Fähigkeiten haben, werden Sie mit diesem Abschnitt zu kämpfen haben. Sie müssen also nach jemand anderem suchen, um das zu tun, oder jemand in Ihrer Organisation, der grundlegende Entwurf für Sie erledigt . Das ist es also den ganzen Weg durch. Fünf. Du folgst einfach in dieser Reihenfolge. Sie müssen nicht unbedingt jeden einzelnen Schritt des Prozesses durchführen, aber dies ist bei weitem der einfachste Weg, dies zu tun, besonders wenn Sie neu sind, beginnen Sie an der Spitze. Ähm, es ist das einfachste. Es ist ein bisschen schwieriger, aber Sie haben bereits einen Teil der Arbeit getan, so dass Sie von dem, was Sie im vorherigen Abschnitt getan haben, abziehen können, und Sie nur weiter Schneeballen nach unten, bis Sie sich über das, was Sie tatsächlich entworfen. Sie brauchen nicht eine Tonne Zeit während des gesamten Prozesses zu verbringen. Denk daran, je mehr Zeit du verbringst, desto mehr wirst du davon rauskommen. Ich denke, wenn Sie ehrliche Menge an Aufwand T 20 Abschnitte gegeben und Sie folgen es in der Reihenfolge, werden Sie mit einer viel höheren Qualität im Produkt kommen. Du wirst viel glücklicher damit sein. Alles klar, Leute. Das Leben ist üblich. Irgendwelche Fragen? Klärungen veröffentlichten die Gruppendiskussion. Sie haben Ideen, um besser darüber nachzudenken? Ich würde es gerne hören. Wenn Sie einige Dinge hinzufügen möchten, ist das völlig in Ordnung. Das ist nur Assistent, den wir benutzen. Ich denke, es ist einfach. Ich mag es, weil es für Leute funktioniert, die nicht du x du I Designer sind. Sie können das sehr leicht verstehen und nehmen Sie es und einfach einfach direkt hinein springen, und das ist wirklich, was ich daran mag. Es ist einfach, und wir bekommen die Essenz sehr schnell raus. 10. Das Kursprojekt: Hey, Leute, willkommen zurück in der Klasse. In dieser Vorlesung möchte ich nur das Klassenprojekt durchgehen, um Ihnen eine kurze Erklärung zu geben und Sie nur ein wenig darauf vorbereitet , es zu erledigen. Wenn Sie also das Klassenprojekt machen, auf unsere Seite gehen und nicht nur ein Klassenprojekt durchlaufen haben, habe ich hier unten eine Beschreibung und ich habe geschrieben, was genau du tust. Das ist super einfach, weil wir nur die Grundlagen in dieser Klasse abgedeckt haben. Wir werden uns wirklich nur darauf konzentrieren, Prototypen und Drahtrahmen zu finden. Aber die Aufgabe ist es, zu gehen und entweder einen Drahtrahmen oder einen Prototyp zu finden. Es spielt keine Rolle von einer Ihrer bevorzugten Services-Website oder mobilen APS. So graben Sie in Ihrem Kopf ein paar Websites oder mobile Anwendungen, die Sie häufig verwenden , die Sie mögen. Es könnte durchaus üblich sein. Es könnte eine wirklich große Firma sein oder etwas wirklich Kleines und Obskures sein. Dann gehen Sie raus und sehen, ob Sie den Drahtrahmen oder den Prototyp finden können. Für die erste Version können Sie anfangen, nach M V P plus dem Namen Ihrer Website oder nach welchem Projekt Sie suchen . Sie können auch nach Drahtrahmen, Prototypen, ersten Versionen, solchen Dingen suchen. Wenn du Glück hast, wirst du es finden. Wenn Sie kein Glück haben, versuchen Sie es mit einem anderen. Aber ich habe einige Bilder von einigen populären aufgeführt, von denen ich dachte, sie waren wirklich gekühlt für euch , um zu sehen und fast jede große Firma begann mit dem Prototyp oder mit einem Drahtrahmen. Es ist ziemlich genau so, wie alles funktioniert. Ähm, ist ein großartiges Beispiel für Twitters ersten Drahtrahmen. Das ist, was Jack Dorsey auf einem kleinen Textblock aufgeschrieben hat. Dies ist vor war eine Website, bevor hatte Tausende von Mitarbeitern und dann einige andere . Er ist eigentlich die erste Version Prototypen von Uber AB, die uber dot com und dann Luft Airbnb genannt werden Air Bed and Breakfast. Sie können es überprüfen, ihre super einfach. Wenn Sie sich die Bilder ansehen, die ich beigefügt habe, können Sie sehen, dass sie sehr, sehr einfach sind. Es gibt kein Design gemacht, wirklich sehr, sehr einfache Proof-of-Concept-Art Dinge. Okay, das sollte es tun. Geh raus und finde einen Drahtrahmen oder einen Prototyp deiner Lieblingssache. Kommen Sie zurück, posten Sie es, wenn Sie es posten möchten. Klicken Sie einfach auf. Starten Sie Ihr Projekt, und dann können Sie es als Titelfoto posten. Sie können es direkt hier in der Beschreibung posten. Laden Sie ein Foto hoch, was auch immer es ist. Alles klar, geh raus und hab Spaß mit der Schnitzeljagd. Ich hoffe, Sie genießen die Klasse, wenn Sie den nächsten Vortrag sehen. 11. Lass das Lernen fortfahren: Hey, Leute, ich wollte mich nur bedanken, dass ihr diesen Kurs besucht habt, und ich hoffe, ihr habt etwas gelernt. Ich hoffe, was ich gesagt habe, ergab Sinn, und ich war klar. Wenn Sie Fragen haben, irgendwelche Bedenken, nur das Posten der Gruppendiskussion alle auf Sie antworten. Du könntest mir sogar eine direkte Nachricht schicken, wenn du willst. Ich möchte Ihnen ein kurzes Wort geben, wie Sie die Fähigkeiten, die wir in dieser Klasse gelernt haben, nehmen und wie Sie es auf die nächste Stufe bringen können. Lernen Sie einige andere verwandte Fähigkeiten. Also dieses Glas lernten wir die Grundlagen des Prototypings, sprachen über Dinge wie, Was ist ein Low Fidelity Drahtrahmen? Was ist ein High Fidelity-Prototyp? Ich habe über Dinge wie den Bauweg gesprochen. Was folgt was? Wir haben auch über einige Grundmieter gesprochen, was Wasserrahmenarbeit macht und was eigentlich nicht. Wenn Sie mawr lernen und damit weiter gehen möchten, haben Sie viele andere Klassen zum Prototyping, sollten Sie sich auschecken. Insbesondere würde ich vorschlagen, zu intrudieren, auch Web- und mobile App-Skizzen oder Rapid Prototyping mit Balsamic. Nun, die 1. 1 werden wir nur abdecken, wie Sie einen Bleistift und Papier nehmen und einfach mit dem Drahtrahmen beginnen können. Das ist etwas, das bei Start-ups und Agenturen sehr beliebt ist, also denke ich definitiv, dass es etwas ist, das Sie wissen sollten. Es ist normalerweise der erste Schritt Ideo, nachdem ich die Idee für das Projekt konzeptualisiert habe. Jetzt heißt der andere Rapid Prototyping mit Balsamic. Und in diesem werde ich Ihnen zeigen, wie Sie Low-Fidelity-Drahtrahmen mit einem Werkzeug namens Balsamic herstellen. Es ist ein sehr beliebtes Werkzeug. Sie können es sehr schnell tun. Deshalb ist es so beliebt. Okay, wenn du mit deinen Fähigkeiten weiter gehen willst, sieh dir die an. Sonst nochmals vielen Dank, dass Sie den Kurs genommen haben.