Käytännön opas webdesignin työnkululle
Web-suunnittelija, joka on osa laajempaa web-kehitystiimiä, on yleistä, että sinun täytyy hallita paljon tehtäviä samanaikaisesti.
Kun olet luonut ensimmäiset suunnittelutyöt asiakkaalle ja odottaneet ensimmäistä palautetta, olet todennäköisesti melko innostunut siitä, miten asiakkaasi ymmärtävät työnne. Niin monia asioita seurata tiukassa aikataulussa, on helppo saada ylivoimaisen hankkeen monimutkaisuus. Verkkosivustossa tai sovelluksessa on monia vaiheita. Nämä vaiheet vaihtelevat hieman henkilöstä toiseen, mutta työn peruskulku pysyy ennallaan.
Hyvän työnkulun avulla ja muutamalla työkalulla ja ohjelmistolla voit helposti pitää palloa liikkeessä ja välttää pitkiä palautejaksoja.
Tässä on käytännöllinen opas suunnittelutyötielle, jonka avulla voit lisätä tiimisi tuottavuutta.
Valmisteluvaihe: Odotusten hallinta
Olitpa yksinkertaisesti ylläpitänyt olemassa olevaa verkkosivustoa tai suunnitellut uutta verkkosivustoa tyhjästä, sekä sinun että asiakkaasi ovat velvollisia hallitsemaan toistensa odotuksia.
Vaikka ensisijainen vastuu on hankkeen vaatimuksen yksityiskohtainen ymmärtäminen, asiakkaan vastuulla on ymmärtää, miten kukin valittu vaihtoehto vaikuttaa hankkeen laajuuteen ja budjettiin, ja auttaa sinua.
Kerro asiakkaallesi tarvittava teknologia, tarvittava budjetti ja aikataulu, joka tarvitaan hankkeen viimeistelyyn. Hankkeen lähestyminen järjestäytyneellä tavalla säästää aikaa, työtä ja budjettia.
Vaihe 1: sivuston tavoitteiden määrittäminen
Tämä on luultavasti kaikkien suunnitteluprojektien tärkein vaihe, kun määrität tavoitteet, luodaan yleinen rakenne, päätetään sisällöstä ja määrität roolit ja eri toimitukset koko hankkeen ajan. Asettaessasi oikean suunnittelun heti alusta, säästät itsesi paljon surusta myöhemmin.
Tässä työskentelet asiakkaan kanssa aikataulun, budjetin, aikajanan, teknisten tarpeiden, visuaalisen tyylin ja sisällön rakenteen määrittämiseksi kohdeyleisölle.
Kun hallitset odotuksia ja aloittelen suunnitteluprojektin kanssa, suosittelen käyttämään hankalaa ja helppokäyttöistä projektinhallintaa, jotta voit seurata määriteltyjä tavoitteita, budjetteja, tehtäviä ja aikatauluja.
Trello
Trello on tunnettu ja helppokäyttöinen projektinhallintatyökalu. Sen avulla voit luoda erilaisia levyt erilaisia projekteja varten. Trellon avulla saat nopean yleiskuvan virtamuotoista ja tilauskannasta.
asana
asana on loistava tehtävä ja tehtävätarkkailija. Voit jopa työskennellä Asanan kollegoiden ja asiakkaiden kanssa, mikä mahdollistaa projektin läpinäkyvyyden ja kaikkien ajan tasalla pitämisen.
Basecamp
Toinen tunnettu, mutta silti suuri projektinhallintatyökalu on Basecamp . Edellä mainittujen työkalujen tavoin se periaatteessa sallii sinun ja sinun tiimisi seurata jokaisen hankkeen toteutettavuutta ja mahdollistaa sen, että voit pysyä mukana.
Vaihe 2: Sivuston rakenteen kehittäminen ja kätesi likaantuminen
Sivuston rakenne muodostaa verkkosivuston selkärangan. Se toimii projektin referenssinä koko projektin ajan. Käytä vuokaavioita osoittaaksesi rakenteen virtausta.
Sivustokartta: Sivustokartan luominen on olennaista sisältöorganisaation ymmärtämiseksi. On tärkeää päivittää sivustokartta aina muutoksen jälkeen. Jos et, niin asiat saavat sekaisin.
Wireframe: Sivuston sisältö on korjattava ennen kuin malli ja grafiikka otetaan käyttöön.
Wireframes ovat verkkosivuston tai mobiilisovelluksen hiljaisia piirroksia. Wireframe-malleja käytetään sisällöntuottajien luomiseen sisällölle, määrittämään sivun elementtien prioriteetit ja dokumentoitaviksi. Tämä tulee olemaan tärkeä seuraavassa vaiheessa.
Balsamiq-
Balsamiq- on graafinen langankorjaustyökalu, joka auttaa suunnittelijan luomaan monia malleja ja järjestämään valmiiksi rakennettuja vekottimia vedä ja pudota -editoriin, jotta ryhmä voi tarkastella ja ehdottaa muutoksia samanaikaisesti.
Moqups
Moqups on helppokäyttöinen, siinä on runsaasti vedä ja pudota ominaisuuksia eikä se edellytä, että selaimen laajennus toimii. Tämän työkalun avulla voit helposti järjestää asiakkaalle suunnitelmaesityksen.
Invision
Invision voit ladata työmalleja ja luoda vuorovaikutuksia hotspotien avulla aivan kuten mikä tahansa todellinen sovellus. Yksi sen standout-ominaisuuksista on kyky lähettää napsautettavia malleja puhelimeesi tekstiviestillä, mikä korostaa sitä, kuinka tärkeää on pystyä testaamaan malleja oikein.
Notism
Notism on yksi parhaista työkaluista, joita luovat tiimit käyttävät nopeuttaakseen työprosessiaan. Tämä on suunnittelu- ja videoyhteistyöalusta. Se auttaa luovia ammattilaisia jakamaan projektinsa ja saamaan palautetta luonnosten ja muistiinpanojen kautta. Notismi mahdollistaa myös erilaisten näytön versioiden luomisen. Vaihtelemalla helposti eri näyttöjen välillä saat paremman kuvan projektin kehityksestä.
Vaihe 3: Suunnittelu ja tuotanto
Tässä vaiheessa varmista, että suunnittelija työskentelee yhdessä ohjelmoijan kanssa varmistaakseen johdonmukaisten suunnitteluelementtien toteuttamisen.
Kun asiakas hyväksyy suunnittelun luonnokset, suunnittelija ja graafinen tiimi työskentelevät verkkosivuston ulkoasua ja tuntumaa kohtaan. Pakkaus, läpinäkyvyys, värien ja suunnittelun tehokas käyttö yhdistyvät tehokkaan web-grafiikan luomiseen.
Tuotantovaihe on paikka, jossa todellinen verkkosivusto luodaan. Kun sivuston suunnittelu ja ulkoasu on valmis, sivusto siirtyy työn tekniseen osaan. Tässä otat kaikki yksittäiset graafiset elementit prototyypistä ja käytät niitä luomalla todellinen, toimiva sivusto.
GitHub
Sinun koodisi muuttuu kerran, kahdesti ja todennäköisesti paljon enemmän. GitHub voit työskennellä tehokkaasti eri versioiden verkkosivuilla. Työkalu todella loistaa, kun työskentelet kehittäjien tiimin kanssa. Tämä on koodien yhteistyötä parhaimmillaan.
CodePen
Tämä on ihanaa. Se on online-editori kaikille HTML-, CSS- ja JS-tarpeille. Se yhdistyy helposti Githubin kanssa ja on luonnollisesti yhteistyökykyinen. Ajatuksena on kyetä testaamaan koodimerkkejä ja etsimään oikeaa ratkaisua ilman, että jäljelle jäävät koodit sekaisin.
Vaihe 4: Testaus, palautteen keruu ja virheiden korjaaminen
Mikään projekti ei ole koskaan todella puutteellisia. Ja vaikka testaus on jotain, joka on tehty koko kehitysprosessin aikana, siellä on aina vikoja jäljellä. Emme puhu pelkästään ohjelmistovikoista. Jopa malli voi olla buginen.
Joten nyt on tärkeää aloittaa testaus kuin hullu. Varhainen vianmääritys säästää paljon aikaa ja vaivaa. On ratkaisevan tärkeää, että kaikki sivuston luomiseen osallistuvat ihmiset osallistuvat testaukseen. Testauksen tulisi kuitenkin olla ketterä prosessi. Kun olet käynnistänyt sivuston tai aloittamassa sitä, monet ihmiset alkavat käyttää sitä ja antavat palautetta sivustosta.
Ja vaikka olet tehnyt kaiken mahdollisen ponnistelun, voit kokeilla sivuston, olet menettänyt paria vikoja tai uusia ponnahtaa esiin ajan myötä. On erittäin tärkeää, että saat tietoa vikoista ja ongelmista mahdollisimman pian. Jos saat käyttäjät kertomaan ne sinulle, olet kultainen.
Usersnap
(Täysi kuvaus: Työskentelen Usersnap.) Rakensimme Usersnap visuaalisena virheiden seuranta- ja palautustyökaluna, joka helpottaa ohjelmistojen testauksen työtä. Se mahdollistaa asiakkaiden, verkkosivustojen kävijöiden ja kollegoiden raportoivan virheitä, muutoksia tai yksinkertaisesti palautetta verkkosivustoosi. Myös manuaalisen verkkosivuston testausta varten Usersnap on turvallinen veto, koska se nopeuttaa testaustyönkulkua helppokäyttöisten työkalujen avulla.
Joten, kerätä ...
Suunnitteluprojekteissa tarvitaan monia ihmisiä työskentelemään yhdessä. Jatkuva palaute on yksi hankkeen tärkeimmistä osista asiakkaan pyytämän ja määrätyn aikataulun mukaisesti. Kaikki tämä sotku ja se, että sivustot ovat yhä monimutkaisempia päivittäin, online-työkalujen avulla on helppo suorittaa työ kaikkien mukana olevien henkilöiden kanssa ja saada heiltä välittömiä palautetta.
Näiden työkalujen integrointi vankkaan työnkulkuun auttaa sinua pääsemään sinne, missä sinun täytyy olla jo kilpailukykyisellä alalla.