Die Leute, die eine Web-App zum Leben erwecken - Dummies

Sie können einige kleine Apps selbst programmieren und vervollständigen, aber die Apps, die Sie Bei der Arbeit aufbauen oder jeden Tag verwenden, wie Google Maps oder Instagram, werden von Teams von Menschen erstellt. Teams für ein einzelnes Produkt können unterschiedlich groß sein und bis zu 50 Personen erreichen. Jede Person spielt eine spezifische Rolle in Bereichen wie Design, Entwicklung, Produktmanagement und Testen.

In kleineren Unternehmen kann dieselbe Person mehrere Rollen übernehmen, während in größeren Unternehmen die Rollen spezialisierter werden und einzelne Personen jede Rolle ausführen.

Erstellen von Apps mit Designern

Bevor ein Code geschrieben wird, arbeiten Designer daran, das Aussehen und Verhalten der Site durch Layout, Visuals und Interaktionen zu erzeugen. Designer beantworten einfache Fragen wie "Soll das Navigationsmenü oben oder unten angezeigt werden? "Zu komplexeren Fragen wie" Wie vermitteln wir ein Gefühl von Einfachheit, Kreativität und Verspieltheit? "

Im Allgemeinen beantworten Designer diese Art von Fragen, indem sie Benutzer befragen, viele Entwürfe derselben Produktidee erstellen und dann eine endgültige Entscheidung treffen, indem sie ein Design auswählen. Gutes Design kann die Akzeptanz eines Produkts oder der Nutzung einer Website und Produkte wie Apples iPhone und Airbnb erheblich steigern. com.

Jonathan Ive, SVP Design bei Apple, wird für die Design-Erfolge von Apple verantwortlich gemacht.

Wenn Sie eine Website oder App erstellen, können Sie entscheiden, dass Sie einen Designer benötigen, aber denken Sie daran, dass es innerhalb des Designs mehrere Rollen gibt, die Designer spielen. Die folgenden Rollen sind komplementär und können alle von einer Person oder von verschiedenen Personen ausgeführt werden:

• Benutzeroberflächen- (UI) und User Experience (UX) -Designer befassen sich hauptsächlich mit "Look and Feel" und mit Layout. Wenn Sie eine Website durchsuchen, z. B. Amazon, stellen Sie möglicherweise fest, dass sich die Navigationsmenüs und Inhalte auf allen Seiten am gleichen Ort befinden und identische oder sehr ähnliche Schriftarten, Schaltflächen, Eingabefelder und Bilder verwenden. Der UI / UX-Designer denkt über die Reihenfolge nach, in der die Bildschirme dem Benutzer angezeigt werden, sowie darüber, wo und wie der Benutzer klickt, Text eingibt und anderweitig mit der Website interagiert.

Wenn Sie UI / UX-Designer belauschen, hören Sie vielleicht Konversation wie: "Seine Seite ist zu beschäftigt mit zu vielen Calls-to-Action. Unsere Benutzer treffen nirgendwo anders auf dieser Website so viele Entscheidungen. Vereinfachen wir das Layout, indem wir nur eine einzige Schaltfläche "Kaufen" haben, sodass jeder mit nur einem Klick bestellen kann. "

• Visual Designer befassen sich hauptsächlich mit dem Erstellen der endgültigen Grafiken, die auf einer Website verwendet werden, und diese Rolle ist am engsten mit" Designer "verbunden."Der visuelle Designer erstellt endgültige Versionen von Symbolen, Logos, Schaltflächen, Typografie und Bildern. Sehen Sie sich beispielsweise Ihren Internetbrowser an - das Browser-Symbol, die Schaltflächen Zurück, Neu laden und Lesezeichen werden alle von einem visuellen Designer erstellt, und jeder, der den Browser zum ersten Mal verwendet, weiß, was die Symbole ohne Erklärung bedeuten.

Wenn Sie visuelle Designer belauschen, hören Sie vielleicht Konversation wie: "Der Farbkontrast auf diesen Symbolen ist zu hell, um lesbar zu sein. Wenn wir Text mit dem Symbol einschließen, zentrieren wir den Text stattdessen unter dem Symbol. von darüber. "

• Interaction Designer befassen sich hauptsächlich mit Interaktionen und Animationen basierend auf Benutzereingaben und der Situation. Anfangs waren Interaktionsdesigns auf Tastatur- und Mausinteraktionen beschränkt, aber heute haben Berührungssensoren auf mobilen Geräten viel mehr potentielle Benutzerinteraktionen geschaffen. Der Interaction Designer denkt darüber nach, wie er die beste Interaktion nutzen kann, damit der Benutzer eine Aufgabe so einfach wie möglich erledigen kann.

Denken Sie zum Beispiel darüber nach, wie Sie Ihre E-Mails auf Ihrem Mobiltelefon überprüfen. Viele Jahre lang bestand die herkömmliche Interaktion darin, eine Liste mit Nachrichten anzuzeigen, auf eine Nachricht zu klicken und dann auf eine Schaltfläche zu klicken, um zu antworten, die Option zu markieren, in einem Ordner zu speichern oder die Nachricht zu löschen. Im Jahr 2013 überlegten Interaktionsdesigner die Interaktion mit der E-Mail-App neu und erstellten eine Interaktion, mit der die Nutzer mit dem Finger nach links oder rechts wischen konnten, um E-Mail-Nachrichten zu löschen oder darauf zu antworten.

Wenn Sie Interaktionsdesigner belauschen, hören Sie vielleicht Konversationen wie: "Während Benutzer mit unserer Karten-App navigieren, anstatt uns mitzuteilen, dass sie durch Klicken oder Wischen verloren gehen, könnten sie vielleicht das Telefon schütteln und wir könnten sofort einen Ortsspezialisten anrufen. "

Wenn das Erstellen einer App wie ein Film wäre, wären Designer Drehbuchautoren.

Codierung mit Front- und Back-End-Entwicklern

Nach Abschluss des Designs machen die Front-End- und Back-End-Entwickler diese Designs zur Realität. Frontend-Entwickler wie Mark Otto und Jacob Thornton kodieren in HTML, CSS und JavaScript und konvertieren das Design in eine Benutzeroberfläche. Diese Entwickler schreiben den gleichen Code, den Sie in diesem Buch gelernt haben, und stellen sicher, dass die Website auf allen Geräten (Desktop, Laptop und Mobilgerät), Browsern (Chrome, Firefox, Safari usw.) und Betriebssystemen (Windows, Mac und so weiter).

All diese Faktoren, insbesondere die erhöhte Akzeptanz von mobilen Geräten, führen zu tausenden von Kombinationen, die codiert und getestet werden müssen, da jedes Gerät, jeder Browser und jedes Betriebssystem HTML und CSS unterschiedlich rendert.

Mark Otto und Jacob Thornton haben Bootstrap entwickelt, das beliebteste Frontend-Framework.

Wenn das Erstellen einer App wie ein Film wäre, wären Front-End-Entwickler die Hauptdarsteller.

Back-End-Entwickler wie Yukihiro fügen der Benutzeroberfläche, die von den Front-End-Entwicklern erstellt wird, Funktionen hinzu. Back-End-Entwickler stellen sicher, dass alles, was für den Benutzer und hinter den Kulissen nicht sichtbar ist, vorhanden ist, damit das Produkt wie erwartet funktioniert.Back-End-Entwickler verwenden serverseitige Sprachen wie Python, PHP und Ruby, um Logik hinzuzufügen, welche Inhalte wann und an wen angezeigt werden sollen. Darüber hinaus verwenden sie Datenbanken zum Speichern von Benutzerdaten und zum Erstellen von Servern, um den Benutzern diesen gesamten Code bereitzustellen.

Yukihiro Matsumoto erstellte Ruby, eine beliebte serverseitige Sprache, mit der Websites erstellt werden.

Wenn die Erstellung einer App wie ein Film wäre, wären Back-End-Entwickler die Kameramänner, Stunt-Koordinatoren, Maskenbildner und Bühnenbildner.

Verwalten mit Produktmanagern

Produktmanager helfen bei der Definition des zu erstellenden Produkts und bei der Verwaltung des Produktentwicklungsprozesses. Wenn Technikteams klein sind (z. B. 14 oder weniger), können Kommunikation, Rollen und Verantwortlichkeit ohne große formale Kontrolle leicht intern verwaltet werden.

Während die Entwicklungsteams wachsen, wächst auch der Overhead aller miteinander kommunizierenden Personen, und ohne einen Prozess können die Interaktionen unüberschaubar werden, was zu Missverständnissen und verpassten Fristen führt. Produktmanager dienen dazu, den Kommunikationsaufwand zu verringern, und wenn Probleme beim Erstellen von Produkten auftreten, entscheiden diese Manager, ob Zeitleisten erweitert, der Umfang reduziert oder dem Team weitere Ressourcen hinzugefügt werden sollen.

Produktmanager sind oft ehemalige Ingenieure, die einen natürlichen Vorteil bei der Lösung technischer Probleme haben, aber auch nicht-technische Mitarbeiter übernehmen diese Rollen mit Erfolg. Normalerweise melden sich keine Techniker an den Produktmanager, was einige dazu veranlasst, zu kommentieren, dass Produktmanager "die ganze Verantwortung und keine der Befugnisse haben. "

Ein Produktmanager, der große Verantwortung und Autorität ausübt, ist Sundar Pichai, der ursprünglich Produktmanager für die Google Toolbar war und kürzlich für die Überwachung vieler Produkte von Google zuständig war, darunter Suche, Android, Chrome, Karten, Anzeigen und Google+…

Sundar Pichai beaufsichtigt fast alle wichtigen Google-Produkte.

Testen Ihrer App mit Qualitätssicherung

Testen ist der letzte Schritt der Reise, nachdem eine App oder Website erstellt wurde. Als Ergebnis der vielen Hände, die bei der Produktion geholfen haben, wird das neu geschaffene Produkt unweigerlich Fehler haben. Listen werden aus allen Kernaufgaben und Flüssen der App-Benutzer erstellt, und menschliche Tester sowie automatisierte Programme durchlaufen die Liste immer wieder auf verschiedenen Browsern, Geräten und Betriebssystemen, um Fehler zu finden.

Tester kompilieren die neu entdeckten Fehler und senden sie an die Entwickler zurück, die priorisieren, welche Fehler zuerst gequetscht werden sollen. Kompromisse werden immer zwischen der Anzahl der von einem Fehler betroffenen Benutzer, der Zeit bis zur Behebung des Fehlers und der verbleibenden Zeit bis zur Freigabe des Produkts gemacht.

Die wichtigsten Fehler werden sofort behoben und kleinere Fehler sollen mit Updates oder späteren Versionen behoben werden. Heute verlassen sich Unternehmen auch auf Feedback-Systeme und sammeln Fehlerberichte von Benutzern, mit Feedback-Formularen und in einigen Fällen durch automatisiertes Reporting.