Aika ajoin teollisuudella on perustavanlaatuisia muutoksia, jotka muuttavat sitä radikaalisti. Tämän lisäksi on räjähdysmahdollisuus: yksilöiden mahdollisuudet erottua, uusien tuotteiden syntyminen ja kiinteiden yritysten korvaaminen. Nyt on tällainen aika verkkoyhteisössä.
Niin kauan kuin voin muistaa, etusijalla web-kehityksessä on ollut varmistaa, että verkkosivustot toimivat samalla tavalla kaikissa selaimissa. Teimme suuria ponnistuksia sen varmistamiseksi, että asiakkaan verkkosivut näyttävät täsmälleen samalta kaikilta vanhoista Internet Explorerin versioista uusimpaan Firefox-palveluun, kaikki kerralla.
Viime vuosina olemme nähneet kasvavaa kiinnostusta progressiivisen parannuksen, joka on tekniikka, joka palvelee kehittyneitä ominaisuuksia ja tyylejä nykyaikaisille selaimille, mutta ei vanhuksille, jotka eivät tue selkeitä selaimia.
Tämä lähestymistapa ei näyttänyt asettuneen koko laudalta. Useimmat virastot pyrkivät edelleen luomaan verkkosivustoilleen yleismaailmallisesti. Ja progressiivista lisäystä pidettiin usein tekosyynä jättää ärsyttävät ongelmat. Kuten käy ilmi, verkkohenkilöt ovat melko viisas ja ovat luoneet työkaluja, jotka voittavat lukemattomia selaimen ongelmia.
Jotkin näistä kehityksestä ovat johtaneet käsitykseen "reagoivasta web-suunnittelusta". Jos et tunne termiä, muista tarkistaa lopullinen johdanto A listalle .
Voit tiivistää sen nopeasti, sillä se on, että mukautat sivun renderointia käyttäjän laitetta vastaavaksi. Jonkin ajan kuluttua tämä oli helppo tehdä: jos käyttäjä oli mobiililaitteella, heidät ohjasi erilliseen mini-sivustoon. Mutta älypuhelimilla ja erityisesti tabletteilla linja on hämärtynyt.
Vastaava muotoilu on nopeasti tunnustettu uskomattoman älykkääksi tapaksi rakentaa verkkosivustoja. Kuinka pitkälle otat sen, riippuu sinusta. Mutta yksi asia on varma: se muuttaa radikaalisti teollisuutta ja vaikuttaa lukuisiin käytäntöihin ja työkaluihin, joita olemme käyttäneet jo vuosia. Tarkastellaan tämän uuden lähestymistavan vaikutusta joihinkin perusvälineisiin, joihin olemme tottuneet, ja yleensä web-suunnittelussa.
Lähes kaikki verkossa työskentelevät ovat jossain vaiheessa joutuneet kohtaamaan jonkun, joka uskoo heidän ystävänsä teini-ikäisen voivan hoitaa hankettaan. Tämä näkökulma on aina ollut ärsyttävää, mutta tunnelin päässä on jonkin verran valoa. Reagoivalla muotoilulla asiat saivat paljon monimutkaisempaa. Web-ammattilaisille on nyt valtava mahdollisuus erottaa karjasta.
Web-suunnittelijoita ja kehittäjiä on tuhansia ympäri maailmaa, ja me kaikki olemme yhteydessä siihen maagiseen välineeseen, johon toimimme. Tämä on sekä hyvää että ongelmallista. Kun otetaan huomioon työhön käytettävissä olevat henkilöt, erottuminen voi olla vaikeaa.
Täällä on todella upea tilaisuus. Jos olet tarpeeksi aggressiivinen, voit erottua työskentelemällä helläsi, jotta hän voi nopeasti ymmärtää reagoivan suunnittelun ja kehityksen. Kaivaa ja opi, päivitä henkilökohtainen verkkosivusto ja kerro tuloksista. Takaamme, että laitat tuoretta salkkua, joka osoittaa tämän taitomäärän, ihmiset ovat kiinnostuneita työskentelemään kanssasi. Mutta tämä ikkuna on melko lyhyt, riippuen siitä kuinka nopeasti muut suunnittelijat pääsevät alukseen.
Budjetit muodostavat merkittävän esteen tällä lähestymistavalla. Herkällä suunnittelulla on luotava neljään muunnelmaan jokaiselle ulkoasulle, jotta voidaan kohdistaa älypuhelimia, tabletteja, nettikirjoja ja työpöytiä. Harkitse vain kaksi sivua: kotisivun ja sisäisen sivun. Nämä kaksi mallia tulevat kahdeksaan muunnelmaan, kun ne toteutetaan neljälle laitekokolle.
Tarkoittaako tämä, että meidän pitäisi veloittaa neljä kertaa niin paljon työtä? Se tuskin näyttää todennäköiseltä. On selvää, että kustannukset ovat inkrementaalisia, mutta aika, joka vaaditaan valmistelemaan asettelut ja koodata ne toimimaan kunnolla, kasvaa varmasti.
Asiakkaan koulutuksella on suuri rooli. Meidän on autettava asiakkaitamme ymmärtämään, että vaikka iPads ja iPhones ovat viileitä, nämä laitteet lisäävät laatukehityksen kustannuksia. Asiakkaiden ymmärtäminen kustannusten kattamiseksi on niin kovaa kuin se onkin.
Jos haluat tehdä tilkkayhteyden yhteisössä, luo työkalu, joka käsittelee budjettiasioita. Monet ovat jo tehneet niin, työkaluja kuten 320 ja ylöspäin ja Vähemmän puitteet . Molemmat vähentävät tuotteiden rakenteen kestoa, ja ne auttavat kehittäjiä leikkaamaan talousarvionsa pois käytöstä. 320 ja erityisesti, on täydellinen esimerkki siitä, miten hyödyntää tätä tilaisuutta.
Kun kenttä on nyt auki, markkinoille tulee paljon helpompaa luoda markkinoiden työkaluja, jotka tehostavat kehitysprosessia. Voisimme jopa luoda työkaluja, jotka jäljittelevät olemassa olevia, mutta jotka ovat suunnattu suunnilleen suunnittelemaan muotoon.
Yksi monista aloista, jotka saattavat kääntyä ylösalaisin, on sellaisten plug-inien markkinat, jotka toimivat suosittujen puitteiden kuten jQueryn kanssa. Markkinat ovat täynnä upeita laajennuksia, jotka tekevät monenlaisia asioita selaimessa: kuvaesityksiä, valokuvagallerioita, lomakkeita, ponnahdusikkunoita, luettelo jatkuu.
Mahdollisuus on hullu. Ota yhteinen plug-in, kuten liukas kuvaesitystyökalu Nivo Slider . Tämä mahtava työkalu on lukemattomissa kehittäjien työkaluhihnoissa. Markkinat ovat kypsiä jollekulle, joka luo samanlaisen työkalun, joka itsestään sopeutuu toimimaan sujuvasti eri laitteissa reagoivan lähestymistavan avulla.
Sama koskee lähes kaikkia laajennuksia. Jos etsit hanketta, joka lähes takaa menestyksen, valitse hot plug-in ja luo reagoiva versio, joka mukautuu toimimaan oikein eri laitteissa.
Vaikka tämä artikkeli onkin enemmän kehitysprosessista, harkitsemme selaintestausta. Tämä on perusosa rakennushankkeiden rakentamisesta. Jokainen, joka polttaa syvästi verkkosivuston rakentamiseen, todennäköisesti testaa tavaraa useissa selaimissa, kun he menevät. Ja jossain vaiheessa useimmat verkkosivustot suoritetaan perusteellisella testillä useissa selaimissa.
Mutta miten ratkaista tämä reagoivan muotoilun avulla? Pitäisikö joukkue omistaa kaikki suosituimmat laitteet? Toki on olemassa emulaattoreita, mutta useimmat ovat kivuliaita asentaa ja työskennellä. Ja mikään ei voita testausta todellisen asian kanssa.
Ohjelmistojen asentaminen tietokoneisiin useiden selainten ja käyttöympäristöjen kuvakaappausten ottamiseksi on kovaa. Mutta järjestelmien asettaminen automaattisesti kaappaamaan kuvakaappauksia yhä kasvavasta laitteiden määrästä on todella vaikeaa. Ratkaisut, jotka ovat olemassa, ovat kalliita, ja minulla ei vielä ole hyvää palvelua tähän.
Tämä on yksi niistä tilanteista, joissa monimutkaisuus on etu. Jos joku kykenee iholta tämän kissan, niin se olisi melko vaikeaa muiden seurata. On olemassa monia ratkaisuja automaattisten kuvakaappausten ottamiseen useissa selaimissa, mutta ensimmäinen henkilö, joka tarjoaa kuvakaappauksia laitteille, on jotain ainutlaatuista myydä. Ja yhteisö reagoi suuresti.
Valmiiden teemojen markkinat ovat valtavat, mutta reagoiva muotoilu on apinaavaava myös täällä. Mallin toimittajat eivät todennäköisesti jälkiasenneta suunnitelmiaan vastaamaan näitä uusia vaatimuksia. Pikemminkin he todennäköisesti lisäävät vastaavia ominaisuuksia tuleviin julkaisuihin. Ja siinä on tilaisuus.
Vanhoja malleja ei ole tehty tarpeettomiksi; ne puuttuvat vain tärkeästä osasta. Tämä tasoittaa pelikenttää jonkin aikaa. Jos olet harkinnut oman teemahankkeen käynnistämistä, tämä on hyvä aika tehdä niin. Vakiintuneiden yritysten on tuettava niiden vanhoja malleja, ja vaikka niillä on joitain etuja, markkinoille pääsyn esteet ovat vain hieman pienemmät.
Yhteisö on tullut luottaa ohjelmistopalveluihin esimerkiksi langankirjoituksen ja käytettävyyden testaamiseen. Mutta miten nämä työkalut käsittelevät useita laitteita? Useat työkalut käsittelevät esimerkiksi käytettävyyden testausta, ja jotkut uudet käsittelevät jopa mobiilitestejä (kuten YouEye Mobile ), mutta ne ratkaisevat vain osan ongelmasta.
Wireframing-kapealla on tavallinen tapa käsitellä erilaisia sivuasetteluja, mutta minun ei ole vielä löydettävä ratkaisua, joka käsittelee yhden sivun asettelun eri laitteille. Tarve on niin yksinkertainen, mutta monet järjestelmät hajoavat. Pitäisikö meidän luoda uusi johdinkehys jokaiselle laitteelle? Vastaus ei ole selvä.
Markkinat ovat kypsiä työkaluille, jotka tukevat ihmisten nykyisiä lähestymistapoja työskentelemällä verkossa, ja samalla heijastavat reagoivaa suunnittelua. Saatat pystyä houkuttelemaan asiakkaita pois kilpailijoista tarjoamalla ominaisuuksia, jotka omaksuvat nämä modernit tekniikat.
Muutos voi olla huolestuttava, jopa ylivoimainen. Riippumatta siitä, kuinka paljon opit, aina tuntuu, että olet myöhässä. Mutta kaikki ovat samassa veneessä. Suurissa muutostöissä voit maksimoida tilaisuuden sukellamalla ja ratsastelemalla ensimmäistä aaltoa.
Näetkö muita mahdollisuuksia hyödyntää liikkumista kohti reagoivaa suunnittelua?