01/10
tutkimus
Potentiaalinen asiakas vain pyysi sinua suunnittelemaan verkkosivuston, mutta mistä aloitat? On olemassa tietty prosessi, jonka avulla voit seurata hankkeen sujuvuuden varmistamista. Se vastaa standardin graafisen suunnitteluprosessin , johon on sisällytetty vain muutamia verkkosivustoihin liittyviä vaiheita.
Graafisena suunnittelijana voit itse ottaa koko suunnittelun, mukaan lukien koodauksen. Voit ehkä myös haluta kerätä tiimi, joka auttaa sinua yksityiskohtia. Web-kehittäjä ja SEO-asiantuntija voivat olla hyödyllisiä lisäyksiä projekteihisi.
Kaikki alkaa tutkimuksesta
Kuten useimmissa suunnitteluprojekteissa, ensimmäisen vaiheen luominen verkkosivustolla on tehdä tutkimusta. Osa tästä tutkimuksesta tehdään asiakkaan kanssa saadakseen ymmärryksen heidän tarpeistaan. Sinun täytyy myös oppia lisää heidän teollisuudestaan ja kilpailijoistaan.
Kun tapaat asiakkaasi kanssa, sinun on löydettävä mahdollisimman paljon, jotta voit kehittää sivuston ääriviivat ja lopulta suunnitella sen. Tämä edellyttää kysymystä kohdeyleisöstä, tavoitteista, luovasta suunnasta ja muista muuttujista, jotka voivat vaikuttaa asiakkaan tarjoamiin mahdollisuuksiin, kuten budjettiin ja määräaikaan.
Teidän teollisuuden ja markkinatutkimuksenne tapahtuvat samanaikaisesti. Jotta voit olla valmis tapaamaan asiakkaasi, sinun pitäisi olla idea heidän teollisuudestaan. Kun olet selvittänyt heidän tarpeensa, haluat sitten katsoa hieman syvemmältä.
Toteutetun tutkimuksen taso riippuu asiakkaan talousarviosta ja alan nykyisestä tietämyksestä. Se voi olla niin yksinkertainen kuin haluavat nähdä, mitä muut sivustot kentällä näyttävät. Suurempien hankkeiden kohdalla se voi olla syvällinen tutkimus kohderyhmien kanssa.
02/10
Aivoriihi
Kun tiedät, mistä projektista on kyse, on aika kerätä ideoita ja aivoriihi on hyvä paikka aloittaa . Sen sijaan, että etsisit täydellistä ajatusta ensimmäisenä, heittäkää kaikki sivuston ideoita tai käsitteitä. Voit aina kaventaa sitä myöhemmin.
Jotkin verkkosivustot saattavat pyytää tavallista web-käyttöliittymää, jossa on navigointi (napinpalkki) ja sisältöalueita, joissa käyttäjät todennäköisesti odottavat niitä. Toiset voivat vaatia ainutlaatuisen käsitteen sisällön esittelemiseen.
Lopulta sisältö ajaa suunnittelua. Esimerkiksi uutissivustolla on paljon erilainen lähestymistapa kuin valokuvaajan verkkoportaali
03/10
Päättää teknisistä vaatimuksista
Sivun alkuvaiheessa on tehtävä päätöksiä hankkeen teknisistä vaatimuksista. Tällaiset päätökset vaikuttavat budjettiin, aikakauteen ja tietyissä tapauksissa sivuston yleiseen tuntemukseen.
Yksi ensisijaisista päätöksistä on sivuston taustalla oleva rakenne, joka määrittää, mitä ohjelmistoa käytetään ja mikä järjestelmä tekee sivustosta "toimivan".
Vaihtoehdot ovat:
- Perus HTML: Standardi HTML-sivusto, jossa kukin sivu on muokattu manuaalisesti. Tämä voi olla suhteellisen nopea kehittää, mutta jättää vähän joustavuutta ja paljon jatkuvaa ylläpitoa. On myös tärkeää muistaa, että HTML-sivustot eivät ole pelkästään HTML: ää, ja ne voivat sisältää CSS: n, JavaScriptin ja muiden ohjelmointikielten toiminnoille.
- Käytä sisällönhallintajärjestelmää: CMS : n avulla yleensä asiakas voi tehdä säännöllisiä sisältöpäivityksiä, kun taas suunnittelija ohjaa sivuston yleistä ulkoasua. Jotkin järjestelmät voidaan kehittää alusta alkaen ja muut ostetut ja räätälöidyt asiakkaan tarpeiden mukaan. Online-järjestelmät, kuten Blogger ja WordPress, ovat ilmaisia ja niissä on myös perus-CMS.
04/10
Kirjoita ääriviivat
Nyt kun olet kerännyt tarvittavat tiedot ja aivoriihi joitain ideoita, kannattaa saada se kaikki paperilla.
Sivuston ääriviivoihin on sisällytettävä luettelo jokaisesta osasta, joka sisällytetään sivustoon, ja kuvaus siitä, minkä tyyppinen sisältö näkyy jokaisella sivulla. Sen pitäisi myös kuvata mahdollisimman yksityiskohtaisesti sivuston ominaisuuksia, kuten käyttäjätunnuksia, kommentteja, sosiaalisen verkostoitumisen toimintoja, videoita tai uutiskirjeen kirjautumista.
Projektin järjestämisen lisäksi asiakkaalle on esitettävä verkkosivuston ehdotus, jotta he voivat hyväksyä sen ennen projektin jatkamista. Näin ne voivat lisätä, poistaa tai muokata osia tai ominaisuuksia.
Kaikki tämä lopulta auttaa sinua kehittämään budjetin ja aikataulun ja rakentaa sivuston. Hyväksyttyjen hahmojen pohjalta laaditun verkkosivustoprojektin hinta auttaa estämään lisäkustannuksia tai erimielisyyksiä projektin myöhässä.
05/10
Luo langat
Wireframes ovat yksinkertaisia viivapiirroksia verkkosivujen asetteluista, joiden avulla voit (ja asiakas) keskittyä elementtien sijainnin sijaan väriin ja tyyppiin.
Tämä on erittäin hyödyllistä, koska se määrittää, mitkä sisällöt ansaitsevat eniten huomiota ja sivun sisällön prosenttiosuutta. Ilman, että muut visuaaliset elementit häiritsevät, hyväksytyt langankorut tarjoavat puitteet malleille.
Joillakin projekteilla saatat harkita, että sinulla on käytettävissä eri langattomien verkkojen kokoelma eri sisältötyypeille. Yhteystieto, ympärillä ja muilla sivuilla, joilla on paljon tekstiä, voi olla eri layout kuin galleriassa tai ostosivulla.
On tärkeää, että ylläpidät yhtenäistä ulkoasua koko verkkosivustossa, kun siirryt jonosta toiseen.
06/10
Suunnittele verkkosivusto
Kun olet ja asiakkaasi tyytyväisiä langankorkeisiin, on aika aloittaa sivuston suunnittelu.
Adobe Photoshop on yleisimpi työkalu alkuperäisten mallien luomiseen. Sivuston suunnittelun painopisteen pitäisi olla sisällön esittely ja sitä käytetään todellisten verkkosivujen luomiseen.
Nyt vain suunnitella ja pelata peruselementtejä, jotta voit luoda jotain asiakkaallemme katsomaan ja hyväksymään.
- Vaikka näyttäviä kuvioita ja animaatiota on heidän paikkansa, heidän ei pidä voittaa sitä, mitä käyttäjä etsii.
- Yhdenmukainen navigointi auttaa kävijöitä löytämään kaikki tärkeimmät sisältöalueesi.
- Tyypin puhdas käyttö (tekstipohjaisen sivuston tapauksessa) pitää kävijät lukemassa ja palata takaisin enemmän.
- Ennen kuin sinulla on todellinen sisältö sivuston suunnittelussa, Lorem Ipsum -teksti auttaa täyttämään tilat häiritsemättä asiakasta.
07/10
Rakenna verkkosivuja
Kun malli on hyväksytty, sivut on käännettävä muotojen mukaan HTML- ja CSS-sivuilla kirjoitettuihin todellisiin verkkosivuihin.
Kokenut suunnittelija / kehittäjä voi halutessaan ottaa kaiken koodauksen, kun taas joku, joka keskittyy web-suunnittelun puolelle, voi työskennellä läheisessä yhteistyössä kehittäjän kanssa, jotta sivuston elämä tulee. Jos näin on, kehittäjän tulisi olla mukana alusta alkaen.
Kehittäjät auttavat varmistamaan, että malli on realistinen ja tehokas web-asettelu. Niitä pitäisi myös kuulla kaikista asiakkaan lupauksista, sillä jotkut eivät välttämättä ole mahdollisia suorittamaan tai hyödyttävät sivustoa.
Ohjelmistot, kuten Adobe Dreamweaver, voivat auttaa suunnittelijaa kääntämään mallin työstettäväksi verkkosivulta, vedä ja pudota ominaisuuksia, valmiita toimintoja ja painikkeita linkkien ja kuvien lisäämiseksi.
Web-sivuston rakentamiseen on monia ohjelmistovaihtoehtoja. Valitse sellainen, jonka kanssa haluat työskennellä, vain varmista, että ne antavat sinulle mahdollisuuden todella päästä sivujen yksityiskohtiin ja koodaukseen.
08 of 10
Kehitä verkkosivusto
Kun ulkoasu on valmis HTML- ja CSS-versioissa, se on integroitava valitsemasi järjestelmän kanssa. Tämä on kohta, josta se tulee toimivaksi verkkosivustoksi.
Tämä voi tarkoittaa sellaisten mallien kehittämistä, joita sisällönhallintajärjestelmä voi lukea, muuttaa WordPress-mallia tai luoda Dreamweaverin välisiä linkkejä sivujen ja kehittyneempien verkko-ominaisuuksien välillä. Tämä on jälleen askel, joka voidaan jättää toiselle jäsenelle tai tiimin jäsenille.
Sinun tulee myös ostaa verkkosivusto-verkkotunnuksen nimi ja olla hosting-palvelu järjestetty. Tämä olisi pitänyt olla osa asiakkaan kanssa käymiä keskusteluja, ja se olisi todellisuudessa tehtävä prosessin alkuvaiheissa. Joskus palveluiden aktivointi voi kestää jonkin aikaa.
On myös erittäin tärkeää, että sinä tai kehittäjäsi testaat verkkosivuston perusteellisesti. Et halua tehdä "suurta paljasta" ja toimintoja, jotka eivät toimi oikein.
09/10
Edistää verkkosivustoa
Verkkosivustosi verkossa on aika edistää sitä. Hämmästyttävä muotoilu ei ole hyvä, jos ihmiset eivät käy sitä.
Liikennettä sivustoon voi olla esimerkiksi:
- Optimointi hakukoneille. Hankkia SEO-asiantuntija, jos tämä ei ole asiantuntemusta, sillä parhaat käytännöt muuttuvat jatkuvasti.
- Uutiskirjeiden lähettäminen korostamaan uutta sisältöä. Uutiskirjeen suunnittelun tulisi liittyä verkkosivuston suunnitteluun, jotta brändinviestit olisivat johdonmukaisia.
- Mainonta PPC-mainoksilla Googlessa tai bannerimainoksilla muilla sivustoilla.
- Lisää tavanomaisia menetelmiä, kuten painotuotteita ja suusuhoja.
10/10
Pidä se tuoreena
Yksi parhaista tavoista pitää ihmiset tulemaan takaisin sivustoosi on pitää sisältö tuoreena. Kun kaikki työ on otettu käyttöön, et halua sen pysyvän samana kuukausien käynnistämisen jälkeen.
Jatka uusien sisältöjen, valokuvien, videoiden tai musiikin julkaisemista ... riippumatta siitä, missä sivustossa on kyse. Blogi on erinomainen tapa pitää sivustosi päivitettynä, sillä kaikkiin aiheisiin liittyvästä pituudesta aiheutuvat viestit sivustollesi,
Jos asiakas käsittelee CMS-sivuston päivityksiä, saatat joutua kouluttamaan niitä käyttämään sitä. Päivitysten tekeminen suunnitellulle verkkosivustolle on mukava tapa saada säännöllisiä tuloja. Varmista, että sinä ja asiakkaasi sopivat minkä tahansa päivitystyön taajuudesta ja hinnoista.