De människor som lever en webbapp till livet - dummies

Du kommer att kunna koda och slutföra några små appar själv, men de appar som du bygga på jobbet eller använda varje dag, som Google Maps eller Instagram, skapas av grupper av människor. Lag för en enda produkt kan variera i storlek och nå upp till 50 personer, och varje person spelar en särskild roll i områden som design, utveckling, produkthantering och testning.

I mindre företag kan samma person utföra flera roller, medan i större företag rollerna blir mer specialiserade och enskilda personer utför varje roll.

Skapa apps med designers

Innan någon kod skrivs arbetar designers för att skapa webbplatsens utseende genom layout, visuella bilder och interaktioner. Designers svarar på enkla frågor som "Ska navigationsmenyn stå högst upp på sidan eller botten? "Till mer komplexa frågor som" Hur kan vi förmedla en känsla av enkelhet, kreativitet och lekfullhet? "

Generellt svarar designers dessa typer av frågor genom att intervjua användare, skapa många mönster av samma produktidé och sedan fatta ett slutgiltigt beslut genom att välja en design. Bra design kan öka antagandet av en produkt eller användningen av en webbplats, och produkter som Apples iPhone och Airbnb. com.

Jonathan Ive, SVP of Design at Apple, krediteras för Apples designframgångar.

När du bygger en webbplats eller en app kan du bestämma att du behöver en designer, men tänk på att det inom designen finns flera roller som designers spelar. Följande roller är komplementära och kan alla göras av en person eller av separata personer:

• Användargränssnitt (UI) och användarupplevelse (UX) designers handlar främst om "look and feel" och med layout. När du bläddrar på en webbplats, till exempel Amazon, kanske du märker att på alla sidor är navigeringsmenyerna och innehållet på samma plats och använder identiska eller mycket liknande teckensnitt, knappar, inmatningsrutor och bilder. UI / UX-designer tänker på vilken ordning skärmarna visas för användaren, tillsammans med var och hur användaren klickar, skriver in text och på annat sätt interagerar med webbplatsen.

Om du skulle avlyssna på UI / UX-designers kan du höra konversation som "Hans sida är upptagen med alltför många uppmaningar till handling. Våra användare fattar inte så många beslut någon annanstans på webbplatsen. Låt oss förenkla layouten genom att bara ha en enda Köp-knapp, så alla kan beställa med bara ett klick. "

• Visuella designers handlar främst om att skapa den slutliga grafiken som används på en webbplats, och denna roll är närmast associerad med" designer "."Den visuella designern skapar slutliga versioner av ikoner, logotyper, knappar, typografi och bilder. Titta till exempel på din webbläsare - webbläsarikonen, knapparna Bakåt, Uppdatera och Bokmärke skapas alla av en visuell formgivare, och alla som använder webbläsaren för första gången kommer att veta vad ikonerna betyder utan förklaring.

Om du skulle avlyssna på visuella designers kan du höra konversation som "Färgkontrasten på dessa ikoner är för lätt att vara läsbar, och om du inkluderar text med ikonen, låt oss centrera in texten under ikonen istället ovanför den. "

• Interaktionsdesigners handlar främst om interaktioner och animeringar baserat på användarinmatning och situationen. Ursprungligen var interaktionsdesign begränsade till tangentbord och mus-interaktioner, men idag har beröringsgivare på mobila enheter skapat många fler potentiella användarinteraktioner. Samverkansdesignern tänker på hur man använder den bästa interaktionen så att användaren kan slutföra en uppgift så enkelt som möjligt.

Tänk på hur du kontrollerar din e-postadress på din mobiltelefon. I många år var den traditionella interaktionen att se en lista med meddelanden, klicka på ett meddelande och klicka sedan på en knapp för att svara, flagga, spara till en mapp eller radera meddelandet. Under 2013 omväxlade interaktionsdesigners interaktionen för e-postapplikationen och skapade en interaktion så att användarna kunde dra fingret åt vänster eller höger för att radera eller svara på e-postmeddelanden istället för att klicka på flera menyer.

Om du skulle avlyssna på interaktionsdesigners kan du höra konversation som "Medan användare navigerar med vår kartapp, istället för att låta oss veta att de går förlorade genom att klicka eller svepa, kanske de kan skaka telefonen och vi kunde kontakta en platsspecialist omedelbart dem. "

Om skapande av en app var som att göra en film skulle designers vara manusförfattare.

Kodning med front- och back-end-utvecklare

Efter designen är färdig, gör fronten och back-end-utvecklarna dessa konstruktioner verklighet. Front-end-utvecklare, som Mark Otto och Jacob Thornton, kodar i HTML, CSS och JavaScript och konverterar designen till ett användargränssnitt. Dessa utvecklare skriver samma kod som du har läst igenom hela den här boken och ser till att webbplatsen ser överensstämmande över enheter (skrivbord, bärbar dator och mobil), webbläsare (Chrome, Firefox, Safari osv.) Och operativsystem (Windows, Mac, och så vidare).

Alla dessa faktorer, särskilt ökad adoption av mobilenhet, resulterar i tusentals kombinationer som måste kodas för och testas eftersom varje enhet, webbläsare och operativsystem gör HTML och CSS annorlunda.

Mark Otto och Jacob Thornton skapade Bootstrap, den mest populära fronten-ramen.

Om skapande av en app var som att göra en film skulle front-end-utvecklare vara de främsta aktörerna.

Back-end-utvecklare som Yukihiro lägger till funktionalitet i användargränssnittet som skapats av front-end-utvecklarna. Back-end-utvecklare ser till att allt som inte är synligt för användaren och bakom kulisserna finns på plats för att produkten ska fungera som förväntat.Back-end-utvecklare använder språk på serverns sida som Python, PHP och Ruby för att lägga till logik kring vilket innehåll som ska visas, när och till vem. Dessutom använder de databaser för att lagra användardata och skapa servrar som tjänar all denna kod till användarna.

Yukihiro Matsumoto skapade Ruby, ett populärt språk på serversidan som skapades för att skapa webbplatser.

Om skapande av en app var som att göra en film skulle back-end-utvecklare vara filmografer, stuntkoordinatorer, makeupartister och set designers.

Hantera med produktansvariga

Produktansvariga hjälper till att definiera den produkt som ska byggas och hantera produktutvecklingsprocessen. När ingenjörsgrupper är små (som 14 personer eller färre), hanteras kommunikation, roller och ansvarighet enkelt internt utan mycket formellt övervakning.

När ingenjörsverksamma växer växer överhuvudet för alla som kommunicerar med varandra också, och utan någon process kan interaktionerna bli omanagliga, vilket leder till missförstånd och missade deadlines. Produktansvariga tjänar till att minska kommunikationsutgifterna och när problem uppstår när produkterna byggs beslutar dessa chefer huruvida de ska förlänga tidslinjer, minska omfattningen eller lägga till fler resurser till laget.

Produktledare är ofta tidigare ingenjörer, som har en naturlig fördel att hjälpa till att lösa tekniska utmaningar som uppstår, men icke-tekniska personer förutsätter också dessa roller med framgång. Vanligtvis rapporterar ingen ingenjörer till produktchefen, vilket gör att vissa kommenterar att produktansvariga har "allt ansvar, och ingen av myndigheten. "

En produktchef med stort ansvar och auktoritet är Sundar Pichai, som ursprungligen var en produktchef för Googles verktygsfält och nyligen utnämnd för att övervaka många av Googles produkter, inklusive sökning, Android, Chrome, kartor, annonser och Google+.

Sundar Pichai övervakar nästan alla större Google-produkter.

Testa din app med kvalitetssäkring

Test är det sista steget på resan efter att en app eller webbplats har byggts. Till följd av de många händerna som bidrog till produktionen kommer den nyskapade produkten oundvikligen att ha buggar. Listor görs av alla användaruppgifter och flöden i kärna app, och mänskliga testare tillsammans med automatiserade program går igenom listan om och om igen på olika webbläsare, enheter och operativsystem för att hitta fel.

Testare sammanställer de nyupptäckta buggarna och skickar dem tillbaka till utvecklarna, som prioriterar vilka buggar som ska squash först. Avvägningar görs alltid mellan hur många användare som påverkas av en bugg, den tid det tar att fixa buggen och tiden kvar tills produkten måste släppas.

De viktigaste buggarna fixas omedelbart, och mindre buggar är planerade att fixas med uppdateringar eller senare utgåvor. Idag är företagen också beroende av återkopplingssystem och samlar in felrapporter från användare, med feedbackformulär och i vissa fall genom automatisk rapportering.