De mensen die een web-app tot leven brengen - dummies

Je kunt sommige kleine apps zelf coderen en voltooien, maar de apps die je gebruikt bouwen op het werk of elke dag gebruiken, zoals Google Maps of Instagram, zijn gemaakt door teams van mensen. Teams voor een enkel product kunnen in grootte variëren, tot maximaal 50 personen, en elke persoon speelt een specifieke rol op gebieden als ontwerp, ontwikkeling, productbeheer en testen.

In kleinere bedrijven kan dezelfde persoon meerdere rollen vervullen, terwijl bij grotere bedrijven de rollen meer gespecialiseerd worden en individuele personen elke rol vervullen.

Apps maken met ontwerpers

Voordat een code wordt geschreven, werken ontwerpers aan het uiterlijk van de site door layout, afbeeldingen en interacties. Ontwerpers beantwoorden eenvoudige vragen zoals "Moet het navigatiemenu bovenaan de pagina of onderaan staan? "Voor meer complexe vragen als" Hoe kunnen we een gevoel van eenvoud, creativiteit en speelsheid overbrengen? "

Over het algemeen beantwoorden ontwerpers dit soort vragen door gebruikers te interviewen, ontwerpen van hetzelfde productidee te maken en vervolgens een definitief besluit te nemen door een ontwerp te kiezen. Een goed ontwerp kan de acceptatie van een product of gebruik van een site en producten zoals de iPhone van Apple en Airbnb enorm vergroten. com.

Jonathan Ive, SVP van Design bij Apple, wordt gecrediteerd voor de successen van Apple.

Wanneer u een website of app bouwt, kunt u besluiten dat u een ontwerper nodig heeft, maar houd er rekening mee dat er binnen het ontwerp meerdere rollen zijn die ontwerpers spelen. De volgende rollen zijn complementair en kunnen allemaal door één persoon of door afzonderlijke personen worden uitgevoerd:

• Gebruikersinterface (UI) en user experience (UX) -ontwerpers hebben voornamelijk te maken met "look and feel" en met lay-out. Wanneer u op een website surft, bijvoorbeeld Amazon, merkt u mogelijk dat op alle pagina's de navigatiemenu's en -inhoud zich op dezelfde plaats bevinden en identieke of zeer vergelijkbare lettertypen, knoppen, invoervakken en afbeeldingen gebruiken. De UI / UX-ontwerper denkt na over de volgorde waarin schermen aan de gebruiker worden weergegeven, met waar en hoe de gebruiker klikt, tekst invoert en op andere wijze met de website communiceert.

Als u UI / UX-ontwerpers zou kunnen afluisteren, hoort u een gesprek als: "Zijn pagina heeft te druk met te veel oproepen tot actie. Onze gebruikers nemen nergens anders zoveel beslissingen op de site. Laten we de lay-out vereenvoudigen door slechts één knop Kopen te gebruiken, zodat iedereen met één klik kan bestellen. "

• Visuele ontwerpers hebben voornamelijk te maken met het maken van de uiteindelijke afbeeldingen die op een website worden gebruikt, en deze rol wordt het meest geassocieerd met" ontwerper."De visuele ontwerper maakt definitieve versies van pictogrammen, logo's, knoppen, typografie en afbeeldingen. Kijk bijvoorbeeld naar uw internetbrowser - het browserpictogram, de knoppen Terug, Vernieuwen en Bladwijzer zijn allemaal gemaakt door een visuele ontwerper en iedereen die de browser voor de eerste keer gebruikt, weet wat de pictogrammen betekenen zonder uitleg.

Als u visuele ontwerpers zou kunnen afluisteren, hoort u mogelijk een gesprek als: "Het kleurcontrast op deze pictogrammen is te licht om leesbaar te zijn en als u tekst opneemt met het pictogram, kunt u de tekst onder het pictogram centreren van boven het. "

• Interactieontwerpers handelen voornamelijk over interacties en animaties op basis van gebruikersinput en de situatie. Aanvankelijk waren interactieontwerpen beperkt tot toetsenbord- en muisinteracties, maar hedendaagse aanraaksensoren op mobiele apparaten hebben veel meer potentiële gebruikersinteracties gecreëerd. De interactieontwerper denkt na over het gebruik van de beste interactie zodat de gebruiker een taak zo gemakkelijk mogelijk kan uitvoeren.

Denk bijvoorbeeld aan hoe u uw e-mail controleert op uw mobiele telefoon. Gedurende vele jaren was de traditionele interactie om een ​​lijst met berichten te bekijken, op een bericht te klikken en vervolgens op een knop te klikken om te antwoorden, te markeren, in een map op te slaan of het bericht te verwijderen. In 2013 overwogen interactie-ontwerpers de interactie met de e-mailapp en creëerden een interactie, zodat gebruikers met hun vinger naar links of rechts konden vegen om e-mailberichten te verwijderen of te beantwoorden in plaats van door meerdere menu's te moeten klikken.

Als u interactie-ontwerpers zou afluisteren, hoort u mogelijk een gesprek als: "Terwijl gebruikers navigeren met onze kaarten-app, in plaats van ons te laten weten dat ze verloren zijn door te klikken of te vegen, kunnen ze misschien de telefoon schudden en kunnen we laat een locatiedeskundige ze meteen bellen. "

Als het maken van een app vergelijkbaar was met het maken van een film, zouden ontwerpers scenarioschrijvers zijn.

Codering met front- en back-end-ontwikkelaars

Nadat het ontwerp is voltooid, maken de ontwikkelaars van front-end en back-end deze ontwerpen werkelijkheid. Front-end ontwikkelaars, zoals Mark Otto en Jacob Thornton, coderen in HTML, CSS en JavaScript en zetten het ontwerp om in een gebruikersinterface. Deze ontwikkelaars schrijven dezelfde code die u in dit boek hebt geleerd en zorgen ervoor dat de website er hetzelfde uitziet op verschillende apparaten (desktop, laptop en mobiel), browsers (Chrome, Firefox, Safari, enzovoort) en besturingssystemen (Windows, Mac, enzovoort).

Al deze factoren, in het bijzonder de toegenomen acceptatie van mobiele apparaten, resulteren in duizenden combinaties waarvoor gecodeerd en getest moet worden omdat elk apparaat, elke browser en elk besturingssysteem HTML en CSS op een andere manier rendert.

Mark Otto en Jacob Thornton hebben Bootstrap gemaakt, het populairste front-end framework.

Als het maken van een app vergelijkbaar was met het maken van een film, zouden frontend-ontwikkelaars de acteurs in de hoofdrol zijn.

Back-end-ontwikkelaars zoals Yukihiro voegen functionaliteit toe aan de gebruikersinterface die is gemaakt door de front-end ontwikkelaars. Back-end-ontwikkelaars zorgen ervoor dat alles wat niet zichtbaar is voor de gebruiker en achter de schermen, aanwezig is om het product te laten werken zoals verwacht.Back-end-ontwikkelaars gebruiken server-side talen zoals Python, PHP en Ruby om logica toe te voegen rond welke inhoud moet worden getoond, wanneer en aan wie. Daarnaast gebruiken ze databases om gebruikersgegevens op te slaan en servers te maken om al deze code aan de gebruikers te leveren.

Yukihiro Matsumoto heeft Ruby gemaakt, een populaire servertaal voor het maken van websites.

Als het maken van een app vergelijkbaar was met het maken van een film, zouden back-end-ontwikkelaars de cinematografen, stuntcoördinatoren, make-upartiesten en decorontwerpers zijn.

Managen met productmanagers

Productmanagers helpen bij het definiëren van het product dat moet worden gebouwd en het productontwikkelingsproces beheren. Wanneer engineeringteams klein zijn (zoals 14 personen of minder), kunnen communicatie, rollen en verantwoordelijkheid gemakkelijk intern worden beheerd zonder veel formeel toezicht.

Naarmate engineeringteams groeien, groeit ook de overhead van iedereen die met elkaar communiceert, en zonder enig proces kunnen de interacties onhandelbaar worden, wat leidt tot miscommunicatie en gemiste deadlines. Productmanagers dienen om de communicatieoverhead te verminderen, en wanneer zich problemen voordoen tijdens het bouwen van producten, beslissen deze managers om tijdlijnen uit te breiden, de scope te beperken of meer resources aan het team toe te voegen.

Productmanagers zijn vaak voormalige ingenieurs, die een natuurlijk voordeel hebben bij het oplossen van technische uitdagingen die zich voordoen, maar niet-technische mensen nemen deze functies ook met succes aan. Gewoonlijk rapporteren geen technici aan de productmanager, waardoor sommigen merken dat productmanagers "alle verantwoordelijkheid hebben en geen van de autoriteiten". "

Eén productmanager met grote verantwoordelijkheid en autoriteit is Sundar Pichai, die oorspronkelijk productmanager was voor de Google-werkbalk en onlangs is aangesteld om toezicht te houden op veel van Google's producten, waaronder zoeken, Android, Chrome, kaarten, advertenties en Google+.

Sundar Pichai houdt toezicht op bijna elk belangrijk Google-product.

Uw app testen met kwaliteitsgarantie

Testen is de laatste stap van de reis nadat een app of website is gemaakt. Als gevolg van de vele handen die hebben geholpen met de productie, zal het nieuw gecreëerde product onvermijdelijk fouten bevatten. Er worden lijsten gemaakt met alle kerntaken van gebruikers van de kern en stromen, en menselijke testers en geautomatiseerde programma's doorlopen de lijst steeds opnieuw op verschillende browsers, apparaten en besturingssystemen om fouten te vinden.

Testers compileren de nieuw ontdekte bugs en sturen deze terug naar de ontwikkelaars, die aangeven welke bugs als eerste moeten squashen. Er worden altijd afwegingen gemaakt tussen het aantal gebruikers dat door een bug wordt getroffen, de tijd die nodig is om het probleem op te lossen en de resterende tijd tot het product moet worden vrijgegeven.

De belangrijkste bugs worden onmiddellijk gerepareerd en kleine bugs zijn gepland om te worden opgelost met updates of latere releases. Tegenwoordig vertrouwen bedrijven ook op feedbacksystemen en verzamelen zij foutmeldingen van gebruikers, met feedbackformulieren en in sommige gevallen via geautomatiseerde rapportage.