Sisältö
- Mikä oli lyhyt kuvaus?
- Kuinka täytit sen?
- Mitkä olivat suurimmat haasteet?
- Kuinka käytit CreateJS: ää animaation luomiseen?
- Minkälaisen käyttäjätestauksen teit?
- Missä luulet ihmisten olevan vuorovaikutuksessa sivuston kanssa?
Olemme suuria faneja WeFailin Martin Hughesista, joka on yksi harvoista ympärillä olevista mainoksista, joka voi silti yhdistää huippulaatuisen verkkosuunnittelun hauskanpitoon. kuten hänen tanssisalkun verkkosivustonsa todistaa. Joten kun saimme tietää, että hän suunnitteli verkkosivustoa surffausta aiheuttavalle Essex-räppärille Rat Boy, emme voineet odottaa kurkistaa.
Emme olleet pettyneitä. Tämä on virkistävän vuorovaikutteinen lähestymistapa navigointiin, jossa kävelet muusikkoa ympäri aluetta, tämä on virkistävä muutos normaaliin evästeiden leikkurin muusikkosivustoon.
Mielenkiintoisinta on, että Hughes on hyödyntänyt Create.js: ää hyvin saadakseen sen laulamaan sekä mobiililaitteella että työpöydällä (kuka tarvitsee Flashia näinä päivinä, eikö?). Keskustelimme hänen kanssaan saadakseen selville, miten se koottiin ...
Mikä oli lyhyt kuvaus?
Meitä pyydettiin luomaan sivusto artistille Rat Boy, joka on tärkeä allekirjoitus parofonille osana Warner Music UK: ta. Yhteyspisteinä olivat Josh Saunders, Warner Music UK: n teknisen ja luovan (digitaalinen) johtaja ja Thomas Jones, sosiaalisen median johtaja Parlophone-palvelussa.
Ottaen huomioon aiemmin tekemiemme sivustojen ennakkotapaukset, mukaan lukien musiikkiteollisuudelle, erittäin yksilöllinen hahmo, kuten Rat Boy (oikea nimi Jordan), oli ehdottomasti täydellinen ehdokas tämäntyyppisille sivustoille, toisin kuin "tavallinen / säännöllinen" taiteilijan verkkosivusto.
Kuinka täytit sen?
WeFail tapasi taiteilijan, etiketin ja rahastoyhtiön, mikä oli tärkeä vaihe näyttämön luomisessa ja sivuston allekirjoituksen ja aidon reunan varmistamisessa.
"Vanhoina aikoina" näitä sivustoja kutsuttiin joskus virussivustoiksi, mutta se ei todellakaan ole enää jotain, mitä näet paljon lähestymistapana, koska hauskojen interaktiivisten sivustojen yhdistäminen Flash- ja SWF-muotoisilla työkaluilla on ollut melko vaikeaa.
Tämän sivuston luomiseksi CreateJS täyttää kyseisen mitätöinnin, ja WeFail voi koota kaiken, mitä käytimme Flashin rakentamiseen, mutta joka toimi JavaScriptissä.
Mitkä olivat suurimmat haasteet?
Meillä oli vain 4 viikkoa aikaa työskennellä ja meidän täytyi käsitellä kaikenlaisia asioita, jotka on ratkaistava. Sellaisia asioita kuin sivuston alkuperäinen jalanjälki, kukaan ei halua istua mobiililaitteella ja odottaa yli 10 Mt: n kokoisen sivuston latautumista, joten meidän piti porrastaa kuormitus vetämällä omaisuutta niiden vaatimusten mukaan.
Sivuston oli oltava myös reagoiva. Lisätään katkaisupiste CreateJS: n avulla, jotta mitat sopivat kaikkiin puhelimiin, tabletteihin ja työpöytiin pitäen animaation hyvällä FPS-nopeudella.
Tämän lisäksi tuli dynaaminen sisältö lisäämällä elävää dataa näytettäväksi Canvasissa, mutta työkalut ovat olemassa ja aina on tapa.
Kuinka käytit CreateJS: ää animaation luomiseen?
On helppoa luoda animaatioita, avata Animate CC (mikä oli Flash Pro CC), animoida sisältösi, viedä HTML5: lle.
Paljon temppuja, joita kannattaa oppia matkan varrella, optimoimalla bittikarttasi ennen Animate CC: tä, rajoittamalla kerrosten ja bittikarttojen määrää siten, että se säilyttää kunnollisen FPS: n mobiililaitteessa, merkitsemällä kaikki bittikartat hyvin, jotta voit löytää ne myöhemmin koukkuun JavaScript, kun olet julkaissut animaatiot.
Sivuston sisäinen toiminta tapahtuu myöhemmin animaatioiden julkaisemisen jälkeen. Sitten on kyse CreateJS-kirjastojen käytöstä koodin saamiseksi ja varsinaisen sivuston rakentamiseksi.
Olemme kuitenkin siinä vaiheessa, että voit rakentaa mitä tahansa mieleesi, kuten vanhoja hyviä Flash-aikoja, mutta se toimii iOS: llä, Androidilla, työpöydällä ja kaikessa muussa paitsi kellossa. Emme tee kelloa
Minkälaisen käyttäjätestauksen teit?
Tonnia. Puolet tällaisen sivuston liikenteestä tulee matkapuhelimelta, ja Apple haluaa muuttaa näkymänsä tarkkuutta ja mittoja joka toinen kuukausi.
Mobiiliversiota voidaan parhaiten katsella vaaka- eikä pystysuuntaisena. Joten paljon aikaa on käytetty laitesimulaattoreissa sen varmistamiseksi, että taittopiste on asetettu asteikolle oikein, mutta sinun on myös testattava jokaisella fyysisellä laitteella varmistaaksesi, että ääni, animaatio ja koodi toimivat oikein.
Rakensimme sivuston neljässä viikossa, mutta laitetestaus vie sitten vielä yhden viikon varmistaaksemme, ettei minkään käyttöjärjestelmän selaimessa ole ongelmia.
Missä luulet ihmisten olevan vuorovaikutuksessa sivuston kanssa?
Alusta alkaen mielestäni sinun on suunniteltava sivusto sekä mobiililaitteille että työpöydälle nykyään, joten jo alkuperäisissä lankakehyksissään sinun on mietittävä, miten se näyttää täysimittaista työpöydällä, mutta myös tasapainotettava sitä sen kanssa, miten se näyttää puhelimesta. Varsinkin kun tämä sivusto on suunnattu uudelle yleisölle, puhelinsukupolvi on nyt täällä, ja meidän on huolehdittava heistä pääasiassa.
