Lopeta mallipohjien valinta ulkonäön perusteella: Sisältö edellä -työnkulku toimistoille

Yhteenveto

Useimmat toimistot syyttävät mallipohjaa, kun asiakkaan sivusto junnaa paikallaan. Todellinen pullonkaula on aloitus- ja sisällönkartoitus, joka tapahtuu ennen kuin kukaan valitsee teeman. Tämä läpikäynti seuraa tyypillistä asiakasprojektia—teollista toimittajaa, jolla on yhdeksän tuotelinjaa ja kolme ostajaprofiilia—läpi toistettavan mallipohjatyönkulun. Opit muuttamaan asiakkaan kartoituksen sivu sivulta -suunnitelmaksi, valitsemaan teeman sisällön määrän eikä hero-osan ulkonäön perusteella, ja rakentamaan uudelleenkäytettävän kirjaston, joka nopeuttaa seuraavaa asiakasta. Hyöty: vähemmän muutoskierroksia, vähemmän "pystyykö mallipohja tähän?" -kysymyksiä ja toimitusprosessi, joka skaalautuu kaikille tileille.

Useimmat mallipohjaneuvot menevät väärässä järjestyksessä. Ne alkavat kuvakaappauksista. Ne päättyvät väripalettiin. Jos rakennat verkkosivuja useammalle kuin yhdelle asiakkaalle, tämä järjestys on syy siihen, miksi jokainen toteutus tuntuu kertaluontoiselta. Mallipohja ei ole lähtökohta. Asiakkaan sisältö on. Ei tämä ole semanttinen temppu. Kun valitset teeman ennen kuin tiedät, mitä sen täytyy kestää, pakotat copy-materiaalin asetteluihin, pyydät "vielä yhden lohkon" ja laskutat tunteja, joita et koskaan saa takaisin.

Tämä on työnkulku, joka korjaa asian. Seuraa yhtä projektia—alueellista teollista toimittajaa, jolla on yhdeksän tuotelinjaa ja kolme ostajaprofiilia—briefistä julkaisuun. Vaiheet pätevät jokaiseen asiakkaaseen tämän jälkeen.

Aloita kysymyksistä, älä mallipohjakaupasta

Asiakas lähettää siistin briefin: "Tarvitsemme modernit verkkosivut. Siisti muotoilu. Haluamme näyttää suuremmilta kuin olemme." Tuo brief sopii sataan mallipohjaan. Se ei kerro mitään siitä, mikä niistä kestää kosketuksen todellisuuteen.

Lopeta mallipohjien katselu ennen kuin tiedät, mitä ne kantavat. Istu alas asiakkaan kanssa ja kysy kysymyksiä, jotka tuottavat sivulistan, eivät adjektiiveja:

• Mitä sivuja nykyisellä sivustolla on?
• Mitä sivuja pitäisi olla vuoden kuluttua?
• Mitkä sivut päivittyvät kuukausittain? Mitkä sivut vanhenevat?
• Mikä on sivuston monimutkaisin asia—tekniset tiedot, varauslomake, videoseinä?
• Kuka on toiseksi tärkein yleisö asiakkaan jälkeen?

Vastaukset muuttavat kaiken. Teollinen toimittaja kertoo, että heidän tuotekataloginsa ei ole yksi sivu; se on yhdeksän kategoriasivua, joista jokaisella on yksityiskohtaiset tuotesivut, tekniset tietolomakkeet PDF-muodossa, vaatimustenmukaisuuslogot ja tarjouspyyntölomake. Kolme ostajaprofiilia—insinöörit, hankintapäälliköt ja jakelijat—päätyvät eri sivuille ja haluavat erilaisia todisteita.

Nyt "siisti muotoilu" on merkityksetöntä. Mallipohjan täytyy kestää tuotetietotaulukko, PDF-linkkilista ja lomake. Se on sinun tarkistuslistasi.

Monet tiimit ohittavat tämän, koska asiakas on jo "kertonut mitä haluaa." Eivät he ole. He kertoivat yrityksensä nimen ja optimisminsa. Tuota sivulista. Jos nykyinen prosessisi alkaa mallipohjahaulla, tämä yksi muutos säästää eniten aikaa.

Sisällön kartoitus ennen mallipohjan metsästystä

Asiakas sanoo: "Rakentakaa jotain kilpailijamme sivuston kaltaista." Avaat kilpailijan ja näet ison hero-sliderin. Älä aloita sieltä.

Avaa asiakkaan nykyinen sivusto yhdessä hänen kanssaan. Ennen kuin metsästät teemaa, kartoita sisällön määrät sivulta. Jokaiselle sivulle laske sisältötyypit: pitkät kappaleet, taulukot, kuvagalleriat, lomakkeet, videot, ladattavat tiedostot, tiimin esittelyt, suositukset, upotetut kartat. Merkitse, mitkä sivut ovat jatkuvasti ajankohtaisia ja mitkä kampanjasivuja. Järjestä sivut liiketoimintatavoitteen mukaan. Tämä ei ole mukava lisä; se on suodatin, jota sovellat jokaiseen mallipohjaan.

Käytännön vaihe: rakenna yksinkertainen taulukko. Sarakkeet ovat sivujen nimiä. Rivit ovat sisältötyyppejä. Rastita ruutu, jos sivu tarvitsee sitä.

Toimittajan kartoitus paljastaa kovan vaatimuksen: jokainen tuotesivu tarvitsee kaksipalstaisen asettelun, jossa on iso tekniset tiedot -taulukko ja kiinnitetty "Pyydä tarjous" -painike. Etusivu tarvitsee osion kolmelle markkinasegmentille. Resurssisivu tarvitsee toistettavan korttiruudukon PDF-tiedostoille.

Pystyvätkö mallipohjat, joita normaalisti vertailisit, käsittelemään sen? Et tiedä vielä. Se on asian ydin.

Toimialakohtaiset mallipohjat voivat oikaisia tätä. Teolliselle toimialalle rakennettu mallipohja sisältää usein tuotekatalogit ja tekniset osiot heti alusta. Tämä säästää sinut rakentamasta niitä manuaalisesti. Mutta toimialamerkinnät eivät ole lupauksia. "Valmistava" teema voi sisältää blogiosion, jota et tarvitse, ja jättää pois jakelijahaun, jota tarvitset. Arvioi mallipohja kartoituksen perusteella, älä kategorian nimen perusteella.

Jos tämä kuulostaa hitaalta osalta, se ei ole. Tämä etukäteen tehtävä kartoitus lopettaa "mallipohja ei sovi" -kierteen. Saadaksesi syvällisemmän katsauksen siihen, miksi tämä kierre syö katetta, lue miksi mallipohjatyönkulut tuntuvat hitaalta ja miten korjata ne.

Lue tuotesivut ennen etusivua

Tässä on ansa: mallipohjan demossa on upea etusivu kokoruudun videolla. Näytät sen asiakkaalle. Hän hyväksyy. Ryhdyt rakentamaan tuotteen yksityiskohtasivua, jossa on kahdeksan rivin tekniset tiedot -taulukko, ja asettelu hajoaa.

Lopeta mallipohjien arviointi etusivun perusteella. Arvioi niitä niiden tylsimmän sivun perusteella.

Avaa demon sisäsivut. Onko tuotesivulla tekniset tiedot -taulukko? Taittuuko vai vierittyykö pitkä datataulukko? Onko siinä kiinnitetty toimintakehotus? Mitä tapahtuu, kun lataat UKK-sivun, jossa on kymmenen kysymystä? Näyttääkö blogilistaus tarkoituksenmukaiselta neljällä kohteella, ei kahdellakymmenellä? Mallipohja, joka selviää näistä testeistä, on ostamisen arvoinen.

Vertailu auttaa ennen kuin alat klikkailla:

Mitä asiakas sanoo	Mitä mallipohjan täytyy kestää
"Tarvitsemme modernin ilmeen"	Koko leveyden kuvavetoinen osio, joka ei taistele typografiaasi vastaan
"Tuotesivut ovat tärkeitä"	Toistettava tuoteasettelu teknisine tietoineen, PDF-linkkeineen, liittyvine tuotteineen
"Ostamisen on oltava helppoa"	Tarjous- tai varauslomake näkyvissä jokaisella ostopainotteisella sivulla
"Sivuston pitäisi kasvaa kanssamme"	Modulaariset osiot, joita voit järjestää uudelleen rakentamatta uusiksi
"Meillä on paljon PDF-tiedostoja"	Korttiruudukko tai dokumenttilista, joka skaalautuu rikkoutumatta

Käytä tätä taulukkoa suodattimena. Jos mallipohja epäonnistuu yhdellä rivillä, hylkää se. Jos se läpäisee kaikki rivit, etusivu on lähes merkityksetön—voit mukauttaa sen.

Tarkista asiat, jotka rikkoutuvat myöhemmin

Reagointikyky, hakukoneystävällisyys, latausnopeus, mukautusvaihtoehdot, käyttökokemus. Nämä ominaisuudet pitävät sivuston elossa julkaisun jälkeen, eivätkä ne näy kuvakaappauksessa.

Avaa demo oikealla puhelimella. Muuttuuko tekniset tiedot -taulukko vaakasuuntaiseksi vieritysloukaksi? Onko kiinnitetty tarjouspainike edelleen saavutettavissa vai peittääkö se alatunnisteen? Testaa sivun nopeus teeman demossa. Raskailla animaatioilla ja ylisuurilla videoilla pakattu mallipohja latautuu kuin tiili.

Tarkista SEO-perusasiat ennen ostoa: siistit sivun otsikot, meta-kuvaukset, semanttinen otsikkohierarkia, kuvan alt-kentät, schema-tuki tuotteille tai paikalliselle yritykselle. Monet tiimit oppivat tämän liian myöhään. SEO-myytit, jotka maksavat sijoituksia ovat hyvä muistutus tarkistaa ennen kuin lupaat tuloksia.

Mukautusvaihtoehdotkin ovat tärkeitä. Teema, joka lukitsee sinut kiinteisiin osioihin, pakottaa palkkaamaan kehittäjän asioihin, jotka sivunrakentaja voisi tehdä minuuteissa. Etsi mallipohjia, joissa voit järjestää osioita uudelleen, lisätä uuden sisältölohkon ja vaihtaa globaalit fontit ja värit yhdestä paikasta. Mitä modulaarisempi se on, sitä helpompi on saada jokaisen asiakkaan sivusto tuntumaan räätälöidyltä.

Mitä tehdä, kun asiakas ihastuu väärään mallipohjaan

Lähetät kolme vaihtoehtoa. Asiakas vastaa sillä, jota et nostanut esille—portfolioteemalla, jossa on valtava tiiliskiviruudukko. Se epäonnistuu sisällön kartoituksessa, koska tuotteen tekniset tiedot -taulukkoa ei ole mallipohjassa. Vastusta halua antaa periksi.

Näytä asiakkaalle sisällön kartoitus, älä argumenttia. Avaa mallipohjan demon tuotesivu. Jos siinä ei ole tuotesivua, nimeä aukko. "Tässä teemassa ei ole tekniset tiedot -taulukon asettelua. Meidän pitäisi rakentaa se tyhjästä, mikä poistaa mallipohjan nopeusedun." Anna heille konkreettinen peruste kieltäytymiselle.

Ohjaa heidät sitten takaisin lyhyelle listalle. Anna heidän valita seulottujen vaihtoehtojen joukosta. Jos he silti vaativat, määrittele poikkeama omana räätälöitynä toteutuksena. Se ei ole passiivis-aggressiivista—se on rehellistä. Asiakas voi saada nätin mallipohjan ja lisäaikataulun. Heidän täytyy vain tietää hinta.

Periaate: visuaalinen viehätys on todellista, mutta se on vain yksi ominaisuus. Suojaa sivuston ydintehtävä sitomalla jokainen mallipohjavaiinta kartoitukseen.

Ensimmäinen rakennus on sisällön lisäys, ei muotoilukierros

Valitsit mallipohjan. Asiakas odottaa muotoilua. Vastusta kiusausta tyylitellä demo uudelleen heti.

Ensimmäinen rakennus on sisällön lisäys. Korvaa jokainen esimerkkielementti asiakkaan oikealla sisällöllä—heidän navigointimerkinnöillään, heidän oikeilla otsikoillaan, heidän todellisilla tuotenimillään, heidän kuvillaan jos niitä on, heidän sähköpostiosoitteellaan. Jätä mallipohjan oletusfontit ja -värit paikoilleen. Katso sitten, mikä rikkoutuu.

Toimittajan sivustolla "Palvelut" -navigointimerkintä muuttuu "Tuotteet ja tekniset tiedot", mikä on kolme sanaa liian pitkä valikon tilaan. Etusivun hero-otsikko "Kumppanisi valmistuksessa" kääritään kolmelle riville ja työntää painikkeen taittoviivan alapuolelle. Tuotetaulukko oikealla datalla vuotaa yli sarakkeestaan. Tämä on arvokasta tietoa. Se kertoo tarkalleen, mitkä osiot on mukautettava.

Jos vaihdat värit ensin, liität jokaisen asetteluongelman mallipohjaan ja teet siitä pahemman. Tee sisällön lisäys ensin. Se on halvin diagnostiikka, jonka suoritat projektin aikana.

Kun mukautat, tee priorisointikierros: asettelu, joka rikkoutuu oikealla datalla, korjataan nyt; kosmeettinen mieltymys kirjataan asiakkaan hyväksyntäkierrosta varten. Tämä estää klassisen epäonnistumisen, jossa käytät koko iltapäivän logon välyksen hienosäätöön ja huomaat, että tarjouslomake ei toimi.

Karsi kaikki, mikä ei ole oikeaa sisältöä

Mallipohjat toimitetaan täytemateriaalin kanssa. Blogipostauksia aiheesta "Kuinka valita vimpain", viisi tiimin esittelyä varastokuvilla, suositusliukusäädin, tapahtumakalenteri, hinnoittelutaulukko. Jos asiakkaallasi ei ole oikeaa sisältöä osiolle, poista osio.

Tyhjät tai lähes tyhjät osiot saavat sivuston tuntumaan keskeneräiseltä. Suositusliukusäädin kahdella lainauksella näyttää rikkinäiseltä; tiimiruudukko yhdellä kuvalla näyttää surulliselta. Toimittaja-asiakkaalla on kaksi tuotekategoriaa, joista on kuvaukset, ja muista ei ole. Älä rakenna paikanpitäjägalleriaa. Karsi galleria tai korvaa se hyvin suunnitellulla dokumenttilistalla kategorioille, joilla ei ole kuvia.

Sama sääntö koskee sivutyyppejä. Jos mallipohja sisältää blogin eikä asiakas aio kirjoittaa postauksia, poista blogi navigoinnista ja päätä, pidätkö uutissivun. Säilytä vain sivut, jotka vastaavat sisällön kartoitusta. Käyttämätön sivu on ylläpidon vastuu ja muokkaajan musta aukko julkaisun jälkeen.

Kompromissi: räätälöity toteutus voi sisältää jokaisen sivun, jonka voit kuvitella. Mallipohja ei voi. Siksi sisällön kartoitus tehdään ensin. Haluat mallipohjan, joka sisältää suurimman osan siitä, mitä asiakas tarvitsee, et sellaisen, joka näyttää parhaalta kaikkine demo-osioineen ehjinä.

Rakenna toinen asiakas nopeammin käynnistyspaketin avulla

Ensimmäinen läpikäynti on hidas tarkoituksella. Luot työnkulkua. Toisen asiakkaan pitäisi olla nopeampi, koska omistat nyt prosessin, et siksi, että käytit samaa mallipohjaa.

Luo käynnistyspaketti ensimmäisen projektin jälkeen. Vähintään:

• Aloituskysymysten luettelo ensimmäisestä osiosta.
• Sisällön kartoituksen taulukko, jossa on yksi välilehti asiakasta kohti.
• Sivutyyppien tarkistuslista yleisille toimialoille.
• Yhden sivun mukautusopas: järjestys, jossa teet sisällön lisäyksen, asettelun korjauksen ja sitten tyylityksen.
• "Mallipohjan lyhyt lista" toimialoittain—kaksi tai kolme teemaa, jotka olet jo seulonut.

Seuraava asiakas tulee. Avaat paketin, poistat toimittajan tuotelinjat, lisäät heidän hinnastosivunsa ja ajat saman kartoituksen. Et löydä prosessia uudelleen. Suoritat sen.

Näin toimistot lopettavat jokaisen verkkosivuston kohtelemisen tyhjänä sivuna. Jos tiimisi toistaa säännöllisesti samoja virheitä, tarkista mukautusvirheet, jotka pilaavat mallipohjat ennen kuin vakiinnutat huonon tavan.

Tiedä, milloin ongelma ei ole mallipohja

Vielä yksi vaihe: muutoskierros. Asiakas pyytää isompaa tekstiä, karusellia, ylimääräistä laskeutumissivua ja "voisitko saada logon sykkimään?" Luonnollinen reaktio on syyttää mallipohjaa. Aina ei.

Suurin osa muutoskierroksista ei ole mallipohjan rajoitus. Se on puuttuva yhteinen suunnitelma. Jos asiakas ei näe, miten heidän sisältönsä kartoittuu sivulle, he pyytävät jatkuvasti asettelumuutoksia, koska sivun tavoitetta ei koskaan tehty selväksi. Kun saat epämääräisen pyynnön, palaa sivun tarkoitukseen kartoituksestasi. "Tämä sivu on suunniteltu saamaan tarjouspyyntö. Sykkivä logo ei edistä sitä tavoitetta. Laitetaan sen sijaan kiinnitetty tarjouspainike."

Tämä on rehellinen kompromissi. Räätälöity toteutus tarjoaa lähes rajattoman joustavuuden, mutta sillä joustavuudella on hinta: jokainen muutos julkaisun jälkeen muuttuu muutostilaukseksi, ja sivusto voi ajautua pois liiketoimintatavoitteestaan. Hyvin valittu mallipohja modulaarisine osioineen voi imeä uusia lohkoja nopeammin ja halvemmin—jos valitsit sen sisällön kartoitusta vasten. Tiedä ero "mallipohja ei pysty tähän" ja "tämä ei kuulu tälle sivulle" välillä.

Johtopäätös

Valitse mallipohjat sisällön perusteella, älä ulkonäön. Käy aloituskysymykset läpi. Kartoita sisältötyypit. Tarkasta sisäsivut. Tee sisällön lisäys ennen muotoilukierrosta. Karsi se, mikä ei ole oikeaa. Säästä oppimasi seuraavaa asiakasta varten.

Toimittajan sivusto julkaistaan. Kolmen kuukauden kuluttua LVI-urakoitsija tulee luoksesi. Sama prosessi, uusi taulukon välilehti, nopeampi toteutus. Mallipohjasta tulee toistettava lähtökohta, ja asiakas saa sivuston, joka kestää heidän oikean sisältönsä.

Aloita kysymyksistä. Mallipohja seuraa perässä.