Dritte Woche in der Lambda School

Alles über Benutzeroberflächen

Der einfachste Weg, etwas zu lernen, ist es bereits zu kennen.

Einführung in SketchAm ersten Tag der 3. Woche lernten wir Sketch kennen, die am häufigsten verwendete Software für die Gestaltung von Benutzeroberflächen. Sketch ist eine vektorbasierte Anwendung (im Gegensatz zu einer Bitmap-basierten Anwendung), da Grafiken dadurch vergrößert oder verkleinert werden können, ohne dass die Genauigkeit dadurch beeinträchtigt wird.

Also haben wir gelernt, wie man primitive Formen macht, und in den letzten Wochen haben wir gelernt, einfache Formen in komplexe umzuwandeln. Wir wurden gebeten, einen drahtgerahmten Headerabschnitt einer Landestelle neu zu erstellen und dann andere Abschnitte hinzuzufügen, wobei die visuelle Hierarchie und der Stil des Headers beibehalten wurden.

Als großes Ziel mussten wir die Titelseite unseres Portfolios oder das, was wir für jetzt halten, gestalten.

Karriere-KursEtwas, das ich in meinen letzten wöchentlichen Zusammenfassungen vergessen habe, und ehrlich gesagt eines meiner Lieblingssachen bei Lambda, ist, dass wir während des Hauptkurses in UX während der Woche auch die Front-End-Entwicklung lernen und einen Karriere-Kurs haben.

Montags gibt es eine Karriereklasse, in der wir etwas über die Tech-Branche, die Jobsuche, das Networking usw. erfahren. Für den Karrierekurs haben wir Aufträge, die am Ende der Woche fällig sind. In dieser Woche ging es um Persönlichkeitstyp und Feedback. Ich musste den Mayer-Briggs-Persönlichkeitstest (INTP-Überraschung, Überraschung) ablegen und ein Dokument schreiben, in dem ich erklärte, ob ich mit den Ergebnissen einverstanden war oder nicht. Der andere Teil der Aufgabe bestand darin, einem Kursleiter, PM (Projektmanager) oder einem Kommilitonen Feedback zu geben. Melden Sie dann Ihrer PM, was Sie besprochen haben und welche Rückmeldungen Sie gegeben haben.

Einführung zu InVisionDay 2 lernte uns etwas mehr über Sketch und eine Einführung in InVision. InVision ist eine Prototyping-Plattform, auf der Sie Bilder Ihrer Entwürfe platzieren und miteinander verknüpfen können, um eine konkrete Vorstellung davon zu erhalten, wie Ihre Entwürfe funktionieren. In Sketch haben wir also die Artboards kennengelernt und Möglichkeiten, sie zu exportieren, um sie in InVision zu haben.

Für das Projekt mussten wir eine Seite „Über uns“ hinzufügen, die ein Leitbild und Ziele zum Landungsstandort mit Drahtrahmen enthält.

Für das Stretch-Ziel mussten wir einen Bereich „Projekte“ für unser Portfolio entwerfen.

Entwerfen von BenutzeroberflächenAn Tag 3 haben wir verschiedene Arten von Benutzeroberflächen kennengelernt, wie z. B. die Befehlszeile, menügesteuert und die grafische Benutzeroberfläche (GUI). Ich schätze solche Tage, an denen wir mehr über die Geschichte unseres zukünftigen Berufes erfahren können. Das Erlernen der Geschichte von etwas ist der Unterschied zwischen dem Erlernen auf Oberflächenebene und dem Erlernen auf eine Weise, die wirklich graviert ist und später ohne große Probleme oder sogar ohne Wissen, woher das Wissen stammt, abgerufen werden kann.

Wir haben mehr über Sketch erfahren, hauptsächlich über die Verwendung von Deckkraft, Masken und booleschen Operationen (nicht jedoch die Art der Codierung). Boolesche Operationen im Design werden verwendet, um Formen aus mehr als einer geometrischen Form zu erstellen. In der Abbildung unten sehen wir die Art der booleschen Operation, die eine Software wie Sketch uns erlaubt.

Bild aus Kursmaterial

Boolesche Operationen ermöglichen die Erstellung komplexer Formen unter Verwendung einfacher Formen. Wenn Sie meine Zusammenfassung der Vorwoche lesen, läutet dies möglicherweise eine Glocke, da wir dies in der Lektion über Handzeichnungen gelernt haben.

Zusammengesetztes Lernen, Extrapolation, Schlagworte… Ich mag dieses GIF einfach.

Für das Tagesprojekt mussten wir unserem Landeplatz Bilder und Farben hinzufügen. Dann erhielten wir ein Symbol, das wir mit Booleschen Operationen neu erstellen mussten. Als weiteres Ziel mussten wir sowohl dem Design als auch dem Prototyp eine Seite zum Anmelden und Anmelden hinzufügen.

Für das Portfolio-Streckenziel mussten wir eine About-Seite hinzufügen. Dadurch habe ich über meine aktuelle Website nachgedacht und wie ich sie ändern muss.

Web Pre-CourseLike Ich erwähnte, bevor wir Front-End-Kurs haben und Mittwoch ist der Tag, an dem wir Fortschritte machen. Es ist kein vollständiger Kurs, da es unmöglich wäre, gleichzeitig die UX und das Frontend zu machen. Es ist eigentlich der Kurs, den die Web-Studenten vor dem Kurs im Rahmen des Zulassungsprozesses von Lambda machen. Nachdem wir mit der UX fertig sind, müssen wir einen vollständigen Webentwicklungskurs absolvieren. In diesem Vorkurs lernen wir die Grundlagen von HTML, CSS und JavaScript.

Da ich vor meinem Start bei Lambda HTML und CSS selbst gelernt hatte, waren diese Teile des Vorkurses für mich ziemlich einfach. Dann kam ich zum JavaScript-Teil und meine Fortschritte auf dem Kurs kamen zum Erliegen. Ich musste zu meinem Premierminister gehen, nachdem ich zwischen den Klasseninformationen und dem Auftrag hin und her gegangen war und nicht die richtige Antwort erhalten hatte. Es stellte sich heraus, dass das Konzept richtig war, aber meine Semantik war falsch.

JavaScript ist eines der Dinge, die ich wirklich gut lernen möchte, da ich nicht nur Webseiten entwerfen möchte, sondern auch für Dinge wie IoT (Internet der Dinge) und AR / VR. Ich verstehe zwar, dass JavaScript nicht die endgültige Produktionssprache ist, die mit diesen Technologien geliefert wird. Es kann zum Experimentieren und Ausprobieren von Ideen verwendet werden, die ein Entwickler weiter verfeinern kann. Javascript würde einen robusteren Prototyp ermöglichen, der den Entwicklern eine bessere Vorstellung von meinen Entwürfen und deren Funktionalitäten und Absichten gibt.

Responsive Design Am Donnerstag ging es um responsives und mobiles First Design. Der Mobile-First-Ansatz ist das Ergebnis der Beliebtheit mobiler Geräte und Benutzer, die über ihre Handys mit Webseiten in Kontakt kommen, und nicht über ihre Desktop-Gegenstücke. Wenn Sie zuerst das mobile Erlebnis entwerfen und dann bei Bedarf auf das Tablet und schließlich auf den Desktop erweitern, können Sie sicher sein, dass die Benutzer ein gutes Erlebnis haben und dieses Erlebnis auf allen Geräten visuell konsistent ist.

Für dieses Tagesprojekt mussten wir die mobile Version des Landeorts entwerfen, den wir seit Montag entwerfen. Inzwischen hatten wir alle Abschnitte hinzugefügt, die wir brauchten. Hinzugefügte Bilder, Farben und Typografien, basierend auf der Art von Unternehmen, für das wir uns gedacht haben.

Für das Portfolio-Stretch-Ziel mussten wir gemäß dem Thema, was gelernt wurde, die mobile Version unseres Portfolios entwerfen. Sprint ChallengeIst Freitag! Und das bedeutet Sprint Challenge Day. Hier geht es darum, das Design für die Webseite einer Wertpapierfirma neu zu erstellen. Das Design sollte so nah wie möglich am Gegenstand der Bilder und an der Auswahl der Typografie sein, da das Design als Bild und nicht als Link zu einer Live-Site bereitgestellt wurde. Während dieser Erholung mussten wir das verwenden, was wir in der Woche gelernt hatten, um die Aufgabe in den angegebenen 3 Stunden zu erfüllen.

Als großes Ziel mussten wir auch die mobile Seite gestalten.

Diese Woche war für mich einfach, da ich bereits den größten Teil des Sketch- und InVision-bezogenen Materials kannte. Stattdessen habe ich mich darauf konzentriert, meinen Workflow zu verfeinern, während ich diese Aufgaben erledigt habe. Insbesondere der Teil der Konvertierung eines Designs von einem mobilen auf einen Desktop oder umgekehrt. Dazu habe ich das Anima Sketch-Plugin verwendet und das erste und zweite Tutorial von Pablo Stanley über Sketch Together wiederholt.

Ein sehr wichtiger Aspekt für mich in dieser Woche war, dass ich meine Aufgabenverfolgung und meinen Arbeitsablauf verfeinern musste. Ich habe die Checklistenfunktion in der Bären-App verwendet, um die täglichen Projekte und Trello für die wöchentlichen Projekte zu verfolgen. Die Checklisten sind in der Zusammenfassung der täglichen Lektionen enthalten. Mit zunehmender Anzahl von Notizen und Elementen in der Checkliste wird das Dokument jedoch zu überfüllt, um es durchsuchen zu können. Als Nebeneffekt habe ich fast vergessen, diese Aufgaben zu erledigen, da ich nicht täglich zu Trello gehe, da ich damit wöchentliche Ziele verfolge. Jetzt verwende ich Bear für die Notizen und verfolge alle Aufgaben in Trello, um sicherzustellen, dass ich die täglichen und wöchentlichen Aufgaben und Ziele nachverfolge.

Ich freue mich auf den nächsten Abschnitt: Intermediate UI…