Was sie Ihnen in einer Designschule nicht beibringen werden: Lernen Sie es von König Sidharth
Veröffentlicht: 2021-04-03Die Lehrpläne der Universitäten sind eher sehr strukturiert. Sie machen Schritt 1, dann Schritt 2 und so weiter, und bei jedem Schritt des Weges gibt es Gatekeeper, sagte King Sidharth auf der TMS2021
Es ist wirklich schwer zu verstehen, was im Design kommerziell funktioniert. Es hilft jedoch, den Prozess der Erstellung realisierbarer Designs in drei Fragen zu unterteilen
Sidharth gab dem Publikum einen Überblick darüber, was Front-End und Back-End bedeuten, und erklärte die Notwendigkeit, die verschiedenen Rollen zu verstehen, die die Beteiligten beim Erstellen des Produkts spielen
Die Lebensdauer einer in der Industrie eingesetzten Technologie übertrifft die Lehrpläne der Universitäten schneller denn je. Es ist nicht so, dass die Universitäten sich des Problems nicht bewusst wären, aber sie können nicht viel dagegen tun. Lehrpläne brauchen einige Zeit, um neu gestaltet zu werden, und wenn sie fertig sind, verlieren sie bereits ihre Schärfe. Daher beschränken sich die Universitäten in ihren Lehrplänen meist auf die grundlegenden Grundlagen.
„Einige Fachkenntnisse kommen nur aus der Branche, wenn man dort arbeitet“, sagt King Sidharth, der bei Headout für Design, UX und Produkt zuständig ist. In seiner Rede auf dem Makers Summit 2021 ging Sidharth auf die Probleme ein, mit denen Designer in realen Arbeitsumgebungen konfrontiert sind, und stellte dem Publikum drei geschäftskritische Aspekte der Produktentwicklung und des Designs vor, nämlich wie man Design misst, wie Produkte gebaut werden und wie die Designsysteme funktionieren erweiterbar sein müssen.
Simulation der realen Arbeitsumgebung
Farbe, Typografie, Layouts, Mikrointeraktionen, Schatten, Animationen und visuelle Kommunikation sind Dinge, die an einer Designschule leicht zu lehren sind, sagte Sidharth in einer fesselnden Sitzung, bei der das Publikum eines der höchsten Engagements erlebte. Diese Themen wurden intensiv erforscht und es gibt eine große Anzahl von Arbeiten, die bereits in den Lehrplan integriert sind. Aber die Probleme, mit denen ein Designer in der Branche konfrontiert ist, sind eher dynamischer Natur. Gerade in dem Moment, in dem das Projekt im wirklichen Leben beginnt, können Sie keine Klarheit erwarten. Die Lehrpläne der Universitäten sind eher sehr strukturiert. Sie machen Schritt 1, dann Schritt 2 und so weiter, und es gibt bei jedem Schritt des Weges Torwächter, und Sie können nur vorwärts gehen, wenn Sie diese Schritte in der Reihenfolge abgeschlossen haben, fügte Sidharth hinzu.
Es ist schwierig, Geschäftsszenarien in einer Designschule nachzuahmen, weil Marketing, Engineering, Kundensupport, Vertrieb – sie alle haben Anteil am Designprozess. Design hat seine Auswirkungen von dem Moment an, in dem der Kunde beginnt, sich mit dem Produkt zu beschäftigen, bis zur Benutzerakquise durch das Unternehmen.
„Unternehmen sind keine unendliche Ressource. Wo auch immer Sie beschäftigt sind, sie haben begrenzte Zeit, begrenztes Geld und begrenzte Ingenieure und deshalb müssen Sie Prioritäten setzen und Ihre Schlachten auswählen, und wieder, was am College nicht nachgeahmt werden kann“ , kommentierte König Sidharth. Die Optimierung zwischen den Geschäftsaussichten und der Benutzererfahrung, Rückmeldungen und Auswirkungen von Entscheidungen anderer Teams ist im College-Umfeld schwer nachzuahmen.
Er erklärte weiter, dass die spezifischen Probleme, denen man in der Arbeitsumgebung begegnen würde, beim Lernen an einer Designschule schwer vorhersehbar seien. „Oh, das sieht toll aus und ist aufregend und alles, aber wird das einen Unterschied für das Geschäft machen? Woher wissen wir, dass sich der Benutzer wirklich darum kümmert, und ist dies überhaupt technisch machbar? Wird es skalieren? Was ist, wenn das Design kaputt geht, weil jemand eine schnelle Lösung vorgenommen oder jemand eine unbeabsichtigte Änderung vorgenommen hat? Wie messen wir die Wirkung? Müssen wir es manuell testen? “, fragte King Sidharth.
Es ist wirklich schwer zu verstehen, was im Design kommerziell funktionieren wird, aber Sidharth half dem Publikum, indem er den Prozess der Erstellung realisierbarer Designs in drei Fragen aufteilte:
- Wie messen Sie Ihr Design?
- Wie werden die Entwürfe von den Ingenieurteams erstellt?
- Wie können Sie Ihre Designs skalieren?
Wir tauchen tiefer in diese mit leicht nachvollziehbaren Beispielen ein.
STREAMEN SIE DIE SITZUNG HIER
Messdesign
Designer verstehen Forschungsmethoden gut, aber wenn es um Daten geht, haben die meisten von ihnen Schwierigkeiten, sie zu verstehen, bemerkte King Sidharth. Aber wie sehen Daten für Designer überhaupt aus?
Nehmen wir an, wir haben eine Landing Page, die Ihr Angebot beschreibt und einen Call-to-Action zum Kauf enthält. Es hat auch einen Fallback-CTA-Button namens „Mehr erfahren“, da nicht alle Leute zuerst auf den „Jetzt kaufen“-Button klicken werden. Um die Wirksamkeit des Designs in diesem Fall zu analysieren, verwenden wir ereignisbasierte Analysen. In diesem Fall wären Seitenladen und Schaltflächenklicks die Ereignisse, und Schaltflächentext, Schaltflächenfarbe und Geräteattribute wie Gerätetyp, Betriebssystem, Browser, IP-Adresse, Standort usw. sind Eigenschaften.
Um uns bei der Erfassung dieser Ereignisse und Eigenschaften zu helfen, können professionelle Softwarelösungen wie Mixpanel und Amplitude verwendet werden, die auch die Sponsoren des Makers Summit 2021 sind. Diese sind mit einigen Standardeigenschaften wie den oben genannten Geräteattributen ausgestattet, sofort einsatzbereit und anpassbar Eigenschaften, die dabei helfen, die User Story für einzelne Fälle richtig zu machen.
Diese Tools helfen uns auch dabei, die Reihe von Schritten zu verstehen, die Benutzer unternehmen, um den gewünschten Call-to-Action zu erreichen. Und diese einzelnen Ereignisse können auch mit gewünschten Eigenschaften markiert und analysiert werden, um zu sehen, in welcher Phase Benutzer abbrechen. Sidharth führte die Idee der Trichter ein. Trichter bilden die Benutzer im Grunde bei jedem Schritt des Weges ab, bis sie eine gewünschte Aktion ausführen.
Diese Daten können wir dann nutzen, um unsere Landingpage zu optimieren. Hier würden auch unterschiedliche KPIs und Optimierungen für dieselben ins Bild kommen. Zum Beispiel würde uns die Abbruchrate im obigen Beispiel sagen, wie viele Benutzer, die durch eine Marketingkampagne angesprochen wurden, das Produkt gekauft haben.
Für dich empfohlen:
Wie das Account Aggregator Framework der RBI Fintech in Indien transformieren wird
Unternehmer können mit „Jugaad“ keine nachhaltigen, skalierbaren Startups gründen: Zit...
Wie Metaverse die indische Automobilindustrie verändern wird
Was bedeutet die Anti-Profiteering-Bestimmung für indische Startups?
Wie Edtech-Startups Indiens Arbeitskräften helfen, sich weiterzubilden und zukunftsfähig zu werden ...
New-Age-Tech-Aktien in dieser Woche: Zomatos Probleme gehen weiter, EaseMyTrip-Posts steigen...
Diese Metriken helfen uns, weiter zu untersuchen, ob das Design den Ergebnissen entspricht, und helfen uns, Entscheidungen zu treffen, die die Wertschöpfung steigern können. Es ist besser, dass Designer wissen, wie man Analysen versteht und interpretiert, um Probleme zu entdecken und Lösungen zu validieren. Denn Daten sind extrem wertvoll und sagen viel über das Nutzerverhalten aus. Es hilft uns, die Beziehung zwischen verschiedenen Arten von Leistungsdaten und qualitativen Daten zu verstehen, um die gesamte Geschichte der Benutzer zu erfassen.
Factoring im Engineering für Design
„So viele Designer werden erstaunliche Designs erstellen, nur am Ende werden Ingenieure es ablehnen und sagen, dass es nicht machbar ist“, beobachtete Sidharth. Daher ist es äußerst wichtig zu verstehen, wie Produkte hergestellt werden, damit viele der Machbarkeitsprobleme in den frühen Phasen angegangen werden.
Sidharth gab dem Publikum einen Überblick darüber, was Front-End und Back-End bedeuten, und erklärte die Notwendigkeit, die verschiedenen Rollen zu verstehen, die die Beteiligten beim Erstellen des Produkts spielen.
Einfach ausgedrückt ist das Frontend der benutzerseitige Teil der App, mit dem Benutzer interagieren können. Das Backend (oder „serverseitig“) ist der Teil der Website, den man nicht sehen kann. Es ist für das Speichern und Organisieren von Daten verantwortlich und stellt sicher, dass alles auf der Client-Seite tatsächlich funktioniert. Das Backend kümmert sich um die Benutzerauthentifizierung, Zahlungen und automatisiert die Geschäftslogik. Designer-Portfolio-Websites werden größtenteils mit Frontend-Technologien erstellt, ohne viel mit dem Backend zu tun zu haben.
Sidharth gab ein Beispiel der Twitter-App, um dem Publikum zu helfen, diese Ideen besser zu visualisieren. Frontend und Backend, auch gleichbedeutend mit Clientseite und Serverseite, kommunizieren ständig über das Internet miteinander. Zu verstehen, dass das Internet unzuverlässig sein kann und dass die meisten Teile der Schwellenländer keinen Zugang zu den Internetgeschwindigkeiten haben, an die wir gewöhnt sind, kann beim Entwerfen von Erfahrungen für den Benutzer immens hilfreich sein.
Wenn die Twitter-App zum ersten Mal geladen wird, kann man den Skeleton-Status der App sehen. Es versichert dem Benutzer, dass die App funktioniert. Falls der Benutzer die App jedoch zum zweiten Mal durchsucht, wird er sie nicht sehen, da der Browser oder das Gerät die erforderlichen Dateien bereits zwischengespeichert hätte, um die App schneller zu laden. Cache ist ein temporärer lokaler Speicher, der so etwas wie das Lagern der notwendigen Artikel in einem örtlichen Lebensmittelgeschäft ist, anstatt sie direkt von einem Bauern zu nehmen . „Das spart Zeit beim Kochen. CDN-Server erledigen genau dasselbe für Sie. Während Sie immer noch kochen müssten, würde die Zeit, die benötigt wird, um Ihre Zutaten zu bekommen, minimiert werden“, fügte Sidharth hinzu.
In der Zwischenzeit hätte das Gerät Ihre Kontodaten von den Servern angefordert. Diese Daten umfassen Personen, denen Sie folgen, ihre Tweets und die Zeitachse, die Twitter Ihnen zeigen würde. Sie würden keine Flotten im Voraus anzeigen lassen, da die App einen bestimmten Satz von Informationen über die APIs priorisiert, um rechtzeitig zu rendern, was in der Verantwortung des Frontends liegt, damit Sie nicht frustriert werden und die App beenden.
Stellen Sie sich APIs wie Menschen vor, die über Informationen verfügen, die für die Erledigung ihrer Arbeit erforderlich sind. Einige würden Ihnen die Informationen ziemlich schnell geben und einige würden sich Zeit nehmen. Die App kann sich nicht blockieren, indem sie darauf wartet, dass die Daten kommen und sie dann auf dem Bildschirm rendern. Daher geschieht all dies asynchron. Die Teile der App werden gerendert, sobald die Daten kommen. Als Designer ist es daher wichtig, diesen Engpass zu verstehen und die Funktion der Zeit beim Entwerfen zu berücksichtigen“, fügte Sidharth hinzu.
Die Auswirkungen von langsam ladenden Seiten sind sehr gut dokumentiert. Es ist wahrscheinlicher, dass Benutzer eine Zielseite verlassen, wenn die Seite nicht auf Geschwindigkeit optimiert ist. Benutzer können die Verzögerungen in der Größenordnung von 1/10 der Sekunde gemäß der NN-Gruppe erkennen, die die Grundregeln der menschlichen Wahrnehmung von Zeit zitiert. Die Auswirkungen einer langsam ladenden Seite sind also ziemlich augenblicklich. Inkrementelle Geschwindigkeitsverbesserungen zahlen sich aus.
Der beste Weg, diese Ideen zu verstehen, könnte darin bestehen, Ihre Superkräfte als Designer wie Empathie einzusetzen. Sie könnten ein mentales Modell einsetzen, bei dem Frontend und Backend Menschen sind und miteinander reden, um die Arbeit zu erledigen.
STREAMEN SIE DIE SITZUNG HIER
Skalierbare Designsysteme
„Man muss verstehen, wie Engineering funktioniert, um schließlich zu Systemen zu kommen“, erklärte Sidharth. Ihm zufolge könnten einige der Machbarkeitsprobleme des Designs durch Hacks angegangen werden, aber es macht es wahrscheinlicher, dass diese Design-Fixes im Laufe der Zeit verpuffen. Aus diesem Grund stellt Sidharth das Designsystem in den Mittelpunkt.
„Die Benutzeroberfläche sieht einfach aus, weil sie es nicht ist. Designer verbringen unzählige Stunden damit, die Benutzeroberfläche zu entwickeln. Damit es für Sie einfach aussieht mit all den versteckten Komplexitäten“, sagte Sidharth, während er das Publikum in die Bedeutung von Designsystemen einführte und wie selbst erfahrene Designer nicht verstehen, dass ihre Systeme auf das Scheitern zusteuern.
Er nannte das Beispiel von Instagram Stories, um die Designsysteme besser zu verstehen. Normalerweise würde man sagen, dass die Storys ganz oben nur eine Reihe von Kreisen sind, ohne zu wissen, wie diese Kreise, die auch unendlich scrollbar sind, verschiedene Benutzeraktionen und Systementscheidungen darstellen.
„Es ist einfach, Kreise zu machen und sie äquidistant zu machen. Das Design unter Berücksichtigung der Zustände macht das System erweiterbar“, fügte er hinzu und erzählte, wie er und sein Team bei Headout über die Ideen von Zuständen und Variationen für die UI-Komponenten nachgedacht haben, noch bevor Figma kürzlich eine Funktion zu deren Verwaltung und Erstellung eingeführt hat.
Nun gibt es verschiedene Auswahlmöglichkeiten, die Sie als Benutzer zu den Geschichten treffen können. Sie können eine neue erstellen, die Geschichten anderer Leute ansehen oder live auf Instagram gehen. Es gibt auch eine bestimmte UI-Logik, die für Sie erledigt wurde. Zum Beispiel könnten die Geschichten, die Sie sich angesehen haben, erneut angesehen werden, bis sie am Ende der oberen Schriftrolle verfügbar sind. Es könnten mehrere Leben ablaufen, die ebenfalls repräsentiert werden müssen.
Die vom Benutzer getroffenen Entscheidungen sind in diesen Fällen die Zustände des Elements wie gesehene und ungesehene Zustände der Geschichten, und vom System erzwungene Entscheidungen sind Variationen wie ob jemand live ist, ob Sie Ihre eigene Geschichte gesehen haben oder nicht.
Es gibt auch Aspekte des Bewegungsdesigns, die in die Geschichten integriert sind. Wenn Sie auf eine der Geschichten tippen, die Sie noch nicht gesehen haben, gibt es rote Punkte, die beim Laden der Geschichten eine Runde um den Kreis drehen. Diese Interaktionen sind so nahtlos, dass wir sie kaum bemerken.
Instagram hat auch seine Designphilosophie und Styleguides. Die Benutzerschnittstellenlogik ist auch Teil des Designsystems selbst. Wenn der Benutzer beispielsweise in ein Eingabefeld tippt, muss die Eingabe in einigen Fällen validiert werden. Eine ständige Flut von Fehlermeldungen während des Tippens ist zu nervig. In diesem Fall muss das Engineering-Team in den Fluss der Interaktionslogik integriert sein, damit es die Benutzererfahrung richtig macht. Abgesehen davon muss auch die Lokalisierung der Inhalte für eine neue demografische Gruppe der Benutzer im Designsystem berücksichtigt werden. Die Berücksichtigung aller oben genannten Ideen macht ein Designsystem wirklich skalierbar.
Ob es darum geht, Fragen aus den Daten zu stellen, die die Erkenntnisse freisetzen, die das Produkt auf die nächste Stufe bringen, oder in der Sprache der Ingenieure zu sprechen, um Designs für die Leistung zu optimieren und das Produkt dann wirklich skalierbar zu machen, diese Fähigkeiten sind definitiv ein Muss für einen Designer Toolkit, um ihre Karriere zu neuen Höhen zu führen.