The Practical Guide til Web Design Workflow
Sem vefhönnuður, sem er hluti af stærri vefþróunarhópi, er algengt að þú þurfir að juggle mikið af verkefnum samtímis.
Þegar þú hefur búið til nokkrar fyrstu hönnunargjafir fyrir viðskiptavininn þinn og nú að bíða eftir þeim fyrstu athugasemdum ertu líklega mjög spenntur um hvernig vinnan þín verður litið af viðskiptavininum. Með svo mörgum hlutum að fylgjast með í ströngu tímaramma er auðvelt að fá óvart af flóknu verkefnisins. Það eru mörg skref sem taka þátt í að hanna vefsíðu eða forrit. Þessar skref eru aðeins breytilegir frá einstaklingi til einstaklinga, en grunnvinnuflæðið er það sama.
Með góðri vinnustraumi sett upp og með nokkrum verkfærum og hugbúnaði geturðu auðveldlega haldið boltanum rúlla og forðast langvarandi endurskoðunarferli.
Hér er hagnýt leiðarvísir fyrir hönnun vinnuflæði sem þú getur notað til að auka framleiðni liðsins.
Undirbúningsstig: Stjórnun væntinga
Hvort sem þú ert einfaldlega að viðhalda núverandi vefsíðu eða að hanna nýjan vef frá grunni, þurfa bæði þú og viðskiptavinurinn að stjórna væntingum hvers annars.
Þó aðal ábyrgð þín sé að skilja kröfu verkefnisins í smáatriðum er ábyrgð viðskiptavinarins að skilja hvernig hvert val sem er gert hefur áhrif á umfang og fjárhagsáætlun verkefnisins með hjálp þinni.
Láttu viðskiptavin þinn vita um nauðsynlega tækni, nauðsynlegt fjárhagsáætlun og tímann sem þarf til að klára verkefnið. Að nálgast verkefnið þitt á skipulegan hátt mun spara tíma, viðleitni og fjárhagsáætlun.
Stig 1: Skilgreina staðmarkmið
Þetta er líklega mikilvægasta áfanga hvers hönnunarverkefnis þegar þú skilgreinir markmiðin, settu upp heildarskipulag, ákveðið efni og framselja hlutverk og mismunandi afla í verkefninu. Með því að setja upp rétta áætlanagerð frá upphafi, bjargarðu þér frá miklum sorgum seinna.
Hér vinnur þú við viðskiptavininn til að koma á áætlun, fjárhagsáætlun, tímalínu, tæknilegar þarfir, sjónræna stíl og innihaldsefni fyrir markhópinn.
Þegar ég stýrir væntingum og hefst með hönnunarsamvinnu þinni, vil ég mæla með því að nota móðgandi og þægilegan verkefnastjórnun til að halda utan um skilgreind markmið, fjárhagsáætlanir, verkefni og tímaáætlanir.
Trello
Trello er vel þekkt og þægilegur-til-nota verkefnastjórnun verkfæri. Það gerir þér kleift að búa til ýmsar plötur fyrir ýmis verkefni. Með Trello geturðu fengið fljótlegt yfirlit yfir verkefni straumar og eftirlit þitt.
Asana
Asana er frábært að gera og verkefni rekja spor einhvers. Þú getur jafnvel unnið í samstarfi við samstarfsmenn og viðskiptavini innan Asana sem gerir þér kleift að halda verkefninu þínu gagnsæ og öllum uppfærðar.
Grunnbúðir
Annað vel þekkt, enn frábært verkefnisstjórnunartæki er Grunnbúðir . Líkur á þeim tækjum sem nefnd eru hér að framan, gerir það í grundvallaratriðum þér og liðinu kleift að fylgjast með öllum verkefnum sem eru afhent og gerir þér kleift að halda áfram að halda áfram.
Fasa 2: Þróa uppbyggingu á síðuna og fá hendurnar óhreinar
Staðurinn byggir á burðarás vefsins. Það virkar sem viðmiðunarleiðbeiningar fyrir liðið meðan á verkefninu stendur. Notaðu flæðitöflur til að sýna flæði uppbyggingarinnar.
Veftré: Að búa til sitemap er mikilvægt fyrir skilning á innihaldinu. Það er mikilvægt að halda áfram að uppfæra sitemap eftir hverja breytingu. Ef þú gerir það ekki verður það sóðalegt.
Wireframe: Innihald vefsvæðisins þarf að laga áður en hönnun og grafík eru sett á sinn stað.
Wireframes eru lágstætt skýringar á vefsíðunni eða farsímaforritinu. Wireframes eru notaðir til að búa til staðgengla fyrir efni, setja forgangsröðun fyrir þætti á síðunni og til að skrá kröfur. Þetta verður mjög mikilvægt í næsta áfanga.
Balsamiq
Balsamiq er grafískt vírframleiðsla tól sem hjálpar hönnuður þínum að búa til margar gerðir og raða síðan fyrirbyggðu búnaðurinn í dregið og sleppa ritstjóri fyrir liðið til að skoða og stinga upp á breytingum samtímis.
Moqups
Moqups er auðvelt í notkun, hefur nóg af sleppa og sleppa eiginleikum og krefst ekki vafraforrita til að ganga úr skugga um. Þú getur auðveldlega raða hönnun kynningu fyrir viðskiptavininn þinn með því að nota þetta tól.
Invision
Invision gerir þér kleift að hlaða upp vinnandi hönnun og búa til samskipti með því að nota hotspots, rétt eins og allir raunverulegar umsóknir. Eitt af því sem er í boði er að hægt sé að senda smellt hönnun í símann með SMS og leggur áherslu á mikilvægi þess að geta prófað hönnunina sjálfan þig í réttu samhengi.
Notism
Notism er einn af bestu verkfærum sem skapandi lið nota til að flýta vinnsluferlinu. Þetta er hönnun og vídeó samvinnu pallur. Það hjálpar skapandi sérfræðingum að deila verkefnum sínum og fá endurgjöf með skýringum og skýringum. Notism leyfir einnig að búa til mismunandi útgáfur af skjánum. Með því að skipta auðveldlega á milli mismunandi skjáa geturðu fengið betri sýn á þróun verkefnisins.
3. stig: Hönnun og framleiðslu
Í þessum áfanga skaltu ganga úr skugga um að hönnuður vinnur saman við forritara til að tryggja framkvæmd samræmda hönnunarþátta.
Eftir að viðskiptavinurinn samþykkir hönnunargripin, hönnuður og grafík vinna að útliti og tilfinningu vefsins. Þjöppun, gagnsæi, skilvirk notkun lit og hönnun sameina til að búa til árangursríka vefur grafík.
Framleiðslustigið er punktur þar sem raunveruleg vefsíða er búin til. Eftir að hönnun og útlit vefsins er lokið fer vefsvæðið í verkfræði hluta verksins. Hér verður þú að taka öll einstök grafík frá frumgerðinni og nota þau til að búa til raunverulegan, hagnýta síðu.
Github
Kóðinn þinn breytist einu sinni, tvisvar og líklega miklu meira en það. Github leyfir þér að vinna á skilvirkan hátt með mismunandi útgáfum af vefsíðunni þinni. Tækið skín í raun þegar þú ert að vinna saman með hópi forritara. Þetta er kóða samvinna í sitt besta.
CodePen
Þessi er yndisleg. Það er online ritstjóri fyrir allar HTML, CSS og JS þarfir þínar. Það sameinar auðveldlega með Github og er auðvitað samstarf. Hugmyndin er að geta prófað stykki af kóða og fundið rétta lausn án þess að skipta um afganginn af kóðanum.
Fasa 4: Testing, safna viðbrögð og ákveða galla
Ekkert verkefni er alltaf í raun án galla. Og þó að prófun sé eitthvað sem er gert í gegnum þróunarferlið eins og heilbrigður, þá mun það alltaf vera galla. Og við erum ekki bara að tala um hugbúnaðarhugmyndir. Jafnvel hönnun getur verið þrjótur.
Svo núna, það er mikilvægt að byrja að prófa eins og brjálaður. Snemma vandræða sparar mikinn tíma og fyrirhöfn. Það er mikilvægt fyrir alla sem taka þátt í stofnun þess að taka þátt í prófun. Hins vegar ætti próf að vera lipur ferli. Þegar þú hefur hleypt af stokkunum vefsvæðinu eða ert í gangi að hefja það, byrja margir af því að byrja að nota það og mun veita endurgjöf á vefsvæðinu.
Og jafnvel þótt þú setjir inn allt sem þú gætir gert til að prófa síðuna, muntu hafa misst af einhverjum galla eða nýjar munu skjóta upp með tímanum. Það er mikilvægt að þú fáir upplýsingar um galla og mál eins fljótt og auðið er. Ef þú getur fengið notendur þína til að tilkynna þetta til þín, þá ert þú gullinn.
Notendanafn
(Full birting: Ég vinn fyrir Notendur.) Við byggðum Notendanafn sem sjónræn galla mælingar og endurgjöf tól sem auðveldar vinnu hugbúnaðarprófunar. Það gerir viðskiptavinum, vefsíðum og samstarfsmönnum kleift að tilkynna galla, breyta beiðnum eða einfaldlega endurgjöf á vefsíðunni þinni. Einnig fyrir handvirka vefprófun er Usersnap öruggt veðmál, þar sem það hraðar upsprófunarflæði með þægilegum verkfærum.
Svo að endurskapa ...
Hönnunarverkefni þurfa margt að vinna saman. Stöðug viðbrögð eru ein mikilvægasta hluti af því að skila verkefnum eins og viðskiptavinurinn óskar eftir og innan tilgreindra tímamarka. Með allt þetta ringulreið og sú staðreynd að vefsíður eru að verða flóknari á hverjum degi, auðvelda verkfæri á netinu að ljúka verkinu meðal allra sem taka þátt og fá augnablik endurgjöf frá þeim.
Sameining þessara verkfæra í solid vinnuframleiðslu hjálpar þér í raun að komast þar sem þú þarft að vera í samkeppnisstöðu.