[jonssondesign]

Programmerar ni två? Självklart beror det på hur pass avancerad och vad för funktioner sidan innehåller.

Jag vill nog gärna tro att alla så kallade "Frontend designers (likt mig)", gör precis det du nämnde Jimmit.

När jag utvecklar en hemsida så brukar det se ut såhär: (NOVELL)

Först måste jag ägna många timmar åt att kolla runt på många olika hemsidor för att hitta inspiration, om det kanske finns en tydlig trend inom det exakta området, hur andra har gjort, och vad som gillas eller inte gillas av andra mm. På så sätt får jag ett förestående om hur denna bransch fungerar.

Där efter så börjar jag designa i Photoshop efter vad jag tycker ser bra, fungerar på bästa sätt, funderar och ritar upp hur saker skall fungera och på vilket sätt de olika elementen påverkar andra saker, och hur jag tror saker kommer att uppfattas av mina besökare.

Därefter så frågar jag vänner, kollegor och annat folk om vad dom tycker om utseendet och om dom skulle vilja ha det på ett annat sätt. (oftast blir det att man får göra om designen ett par gånger innan man kommit fram till något där alla är nöjda).

Därefter kommer det till frontend. Här gäller det nu att optimera koden så mycket man bara kan. Det kan vara att försöka skapa klasser som du kan använda på många andra element, istället för att behöva skriva en klass till varje element, optimera bilder, och även försöka skriva html koden så pass bra att man inte använder onödiga element för att åstadkomma någonting man kan göra med bara en tredjedels kod.

Sen kommer all javascript (jag använder biblioteket jquery väldigt flitigt). Jag brukar dock låta saker såsom ajax mm. gå till programmeraren (om personen kan detta).

Nu när allt detta är klart och sidan är som man vill ha den, så är det sedan dags att börja med IE och andra webbläsare som inte alltid visar sidan på det sättet som man själv vill. Tyvärr kan det även betyda att man måste spendera en del pengar på huvudvärkstabletter.

Nu till något som inte alltid är lika självklart, mobilanpassning! När detta är klart, så är det också viktigt att man folk med olika mobiltelefoner att kolla hur det ser ut, för oftast har man inte så många olika mobiltelefoner hemma, och detta brukar tyvärr också resultera i att man får göra om ett par gånger innan allt fungerar som det ska.

Tyvärr brukar det också vara så att man får göra om lite pga att programmeraren inser att något blir för svårt eller inte går att göra, och då får man komma på något annat för just de elementen, och börja om alla stegen för just det elementet.

Sådär, nu är sidan klar ju! Ahaa, ska alla andra komma och säga sitt nu, så att man får göra om en hel del hit och dit? självklart!

Sådär brukar det se ut för en Frontend utvecklare som mig.

Jag är inte alls duktig inom php, men jag kan inte förstå hur det kan ta längre tid för en programmerare att skriva kod som är typ en tredjedel av vad jag skrivit, när jag dessutom gör så mycket mer än bara skriver html och css.

Men det kan också bero på att jag inte programmerar. Det är just därför jag är intresserad av hur ni resonerar!

[daniel.s]

Ursprungligen postat av jonssondesign

Programmerar ni två? Självklart beror det på hur pass avancerad och vad för funktioner sidan innehåller.

Jag vill nog gärna tro att alla så kallade "Frontend designers (likt mig)", gör precis det du nämnde Jimmit.

När jag utvecklar en hemsida så brukar det se ut såhär: (NOVELL)

Sådär brukar det se ut för en Frontend utvecklare som mig.

Jag är inte alls duktig inom php, men jag kan inte förstå hur det kan ta längre tid för en programmerare att skriva kod som är typ en tredjedel av vad jag skrivit, när jag dessutom gör så mycket mer än bara skriver html och css.

Men det kan också bero på att jag inte programmerar. Det är just därför jag är intresserad av hur ni resonerar!

Om din research består av att kolla inspiration så skulle jag vilja säga att inte endast programmerare gör mer än dig utan även designers. Hur klarar du dig utan flöden, wireframes och allt vad heter analytisk data?

Alla projekt är olika så kan ju inte generalisera arbetsbördan men på en väldigt stor majoritet är det programmeraren som gör det tyngsta jobbet.

[Jimmit]

Ursprungligen postat av jonssondesign

Programmerar ni två? Självklart beror det på hur pass avancerad och vad för funktioner sidan innehåller.

Jag vill nog gärna tro att alla så kallade "Frontend designers (likt mig)", gör precis det du nämnde Jimmit.

När jag utvecklar en hemsida så brukar det se ut såhär: (NOVELL)



Sådär brukar det se ut för en Frontend utvecklare som mig.

Jag är inte alls duktig inom php, men jag kan inte förstå hur det kan ta längre tid för en programmerare att skriva kod som är typ en tredjedel av vad jag skrivit, när jag dessutom gör så mycket mer än bara skriver html och css.

Men det kan också bero på att jag inte programmerar. Det är just därför jag är intresserad av hur ni resonerar!

Yes jag programmerar, men jag programmerar på en byrå med inriktning mot interaktionsdesign. Personerna som gör interaktionsdesignsarbetet lägger betydligt mycket mer tid än vad en vanlig "webbdesigner" gör enligt min erfarenhet, dock gör dessa ingen front-end programmering alls utan det brukar bl.a. jag lösa. Det låter ju helt kanon om du gör alla de sakerna som en webbdesigner, men min erfarenhet är att de flesta är alldeles för dåliga på det.

Hur som helst, för den som orkar, här är ett flöde för hur våra uppdrag ser ut.

Deras (interaktionsdesignernas) arbete börjar med att ta fram en strategi och målsättning med vilka problem man ska lösa för deras användare. I detta stadiet handlar ingenting om hur någonting ska se ut, utan enbart ta fram konkreta mål och försöka hitta lösningar på problem som idag finns.

Andra fasen består av att analysera problemen och lösningarna, leta information om hur andra har löst liknande problem. Alltså ungefär som du beskrev första stadiet där du kollar vad andra har gjort för inspiration och idéer. Men fortfarande ingenting konkret som har med design att göra.

Tredje fasen är det dags att ta fram "Koncept och struktur", vilket innebär att man försöker hitta koncept som kan fungera, ta fram olika wireframes utifrån olika koncept och försöka väva in idéerna man fått från första och andra fasen till någonting mer handfast och fungerande. Ofta blir det flera wireframes för samma delar eftersom det kommit många bra idéer och man vill prova vilket som fungerar bäst. Här är det inte heller ovanligt att man gör användartester, exempelvis om kunden har beställt ett internsystem så får kanske 10-15 anställda komma och säga sitt, ställa frågor etc. för att vi ska kunna vara säkra på att det fungerar som de "förväntar sig". Många gånger bygger vi upp markup som kunden får titta på, i exempelvis twitter bootstrap, det gör att kunden får en känsla över hur allt kommer fungera i alla olika upplösningar.

Fjärde fasen är det äntligen dags att ta fram den faktiska designen. Nu finns det väldigt mycket data att gå på, allt från vad kunden förväntar sig till vad vi tror är den bästa lösningen, vilket brukar göra designarbetet ganska straight forward enligt de som sitter med det själva. Så detta är egentligen "den lilla delen" av interaktionsdesignerns arbete.

Femte fasen, designen är klar, alla olika UI-element är designade. Här brukar jag som programmerare hoppa in och köra front-end programmeringen, även om det är vanligt att andra designers sköter det så fungerar det inte så hos oss.

Sjätte fasen - inga designers är involverade om det inte sker något oväntat. Här ingår allt från att bestämma vilka tekniker vi ska använda, typ om vi ska använda Angular, bestämma vilket back-end ramverk vi ska köra, vilka API:er vi kan tänkas behöva implementera, och försöka läsa in sig på de eventuella tekniker man inte kan sedan tidigare. Det är ofta många okända faktorer man måste ta hänsyn till som utvecklare, oftast finns det någon som är duktig på varje del. Men inte i alla fall och då får man helt enkelt lära sig det innan man kan sätta igång. Senaste 3 åren har varit helt galna med allt från Angular, Ember, LESS/SASS, Laravel etc etc. OBS att kunden inte ska behöva betala för all tid inlärningen tar heller, man får bara hoppas man tjänar på det i längden.

Sjunde fasen, dags att optimera och testa funktionaliteten. Ser alltid olika ut beroende på vilka tekniker som används, men det ingår i mitt arbete. Planera inför lansering.

Åttonde fasen, lansering.


För den som undrar, så har vi precis lanserat ett projekt och designersen är i tredje fasen av nästa projekt vilket gav mig tid att skriva här