Ei ole mikään yllätys, että äskettäinen YK: n viraston, Kansainvälinen televiestintäliitto , ennusti, että planeetalla tulee olemaan enemmän matkapuhelintilauksia kuin ihmisiä seuraavien 9 kuukauden aikana. "Älypuhelimen vallankumous" on ehdottomasti meitä ja sellaisena, mobiilimainonnan suunnittelu on räjähtänyt viime vuosina.
Tämä on tarkoittanut sitä, että web-kehittäjät ovat joutuneet tarttumaan mobiiliprojektien suunnitteluun, jos he haluavat kilpailla ja tulevaisuuden liiketoimintaansa. Ottaen huomioon tämän, olen keksinyt joitakin parhaita vinkkejä, jotta kehittäjät saisivat lähtökohdan ja jotkut asiat olisi pidettävä mielessä ennen kuin jatkat.
Nopea tarkastelu siitä, kuinka pitkälle mobiililaitteet ovat tulleet iPadin käyttöönoton jälkeen, vahvistavat, että mobiiliteknologia on nopeasti muuttuva ja muuttuva teollisuus. Tästä syystä on järkevää tarkastella, miten voit tulevaisuuden muotoiluun.
Tämä tarkoittaa, että pysyminen viimeisimmillä trendeillä on elintärkeää, jos haluat jonkin verran varmistaa, että sivusto on elinkelpoinen muutaman vuoden kuluttua. Responsive design on tietenkin kaikki raivoa tällä hetkellä ja on todennäköistä, että tämä on osa suunnittelusi.
Vaikka on turvallista olettaa, että useimmilla vierailijoillasi on älypuhelimia, kannattaa harkita, että kaikki eivät, joten sinun on ehkä tehtävä tämä suunnitteluun. Kannattaa tutkia kohdeyleisöä suunnitteluportaissa, jotta voit käyttää yhteisiä laitteita ja käyttäjän käyttäytymistä.
Mobiilivierailijat eivät välttämättä käytä verkkosivustoja liikkeellä, ja tämä on jotain, joka on otettava huomioon. Usein matkaviestinnän selaaminen tapahtuu odotettaessa; junassa, autossa tai jopa sohvalla kotona.
Tämä tarkoittaa, että purkaminen alaspäin, jotta se olisi liian yksinkertaista, voi olla haitallista. Jos sinulla on paljas luut sivusto, jolla ei ole paljon sisältöä, se saattaa olla pois päältä yleisölle, koska sivustosi ei tarjoa lainkaan todellista käyttöä ja sitä voidaan pitää vain ylimitoitettuna bannerimainoksena.
Mobile näinä päivinä käytetään yhtä paljon kuin, jos ei enempää, internetin selaamisen työpöydälle, pidä tämä mielessä suunnitteluprosessin aikana ja varmista, että sivustosi on helppokäyttöinen, mutta sisällöllinen.
Myös mobiilisivustojen optimointi on elintärkeää etenkin aloitussivuilla, koska ne ovat pääsyn verkkosivustolle. Tämä tarkoittaa, että mobiilisivustosi on optimoitava käyttäjien ja hakukoneen kanssa yksinkertaisen navigointikokemuksen, selkeän tekstin, helpottavien napsautusten ja relevanttien metatietojen ja alt-tunnisteiden ansiosta.
Tiedostokokoa on tarkasteltava painon mukaan, ja aloitussivuille tulisi sisällyttää vahva toimintapyyntö. Jos lomakkeita on käytettävä, säilytä ne niin yksinkertaisina kuin mahdollista, mahdollisimman vähän syöttökenttiä, jotta käyttäjä ei turhaudu ja jätä.
Sama koskee toimia; pitää ne yksinkertaisina ja käyttää vain tarvittaessa. Vaikka voi olla mukava saada hieno navigointijärjestelmä, jos se on käyttökelvoton, odottaa suurta poistumisprosenttia.
Jos painikkeita on käytettävä, varmista, että ne kulkevat peukalon testin avulla, joten sinun on mukavasti painettava painikkeella peukaloa käyttämättä muita sisältöä, joka voi viedä sinut epätoivottuun sivulle.
Optimointi on jotain, joka on otettava huomioon myös vastaavan verkkosivuston rakentamisessa. Paljon keskustelua on ärsyttää äskettäin siitä, miten reagoiva muotoilu hidastaa verkkoa ja merkitsee sitä, että se merkitsee olennaisesti herkkien sivustojen kuolemaa. On kuitenkin ehdollinen lataustekniikka, joka voi auttaa nopeuttamaan sivuston, jotta laitteet eivät lataa automaattisesti koko sivuston työpöydän versiota joka kerta.
CSS- ja JavaScript-resurssit on pakattava, ja käytettävissä on runsaasti avoimen lähdekoodin ohjelmistoa. Esimerkiksi, UglifyJS voidaan käyttää JavaScriptin pakkaamaan koodi ja Kompassi voidaan käyttää puhtaampien merkintöjen tekemiseen sekä spritteihin ja laajennuksiin ilman liikaa tyrmistystä ja kovaa työtä.
Kun käytät reagoivaa muotoilua, yksi alkuun avautuvista avainasioista on ristikko ja raja-arvot. Jälleen on lukuisia työkaluja verkossa jotka voivat auttaa sinua määrittämään sarakkeet ja niiden leveyden ja kourut.
Jotkut kehittäjät haluavat asettaa rajapintoja päätöslauselman perusteella, mutta tämä ei todellakaan ole paras ratkaisu, koska markkinoilla on niin paljon mobiililaitteita ja päätöslauselmia muuttuvat ajan myötä.
Tämä tarkoittaa, että raja-arvojen tulisi perustua suunnitteluun ja sisältöön eikä resoluution tekemiseen. Tuntolupien ja verkkojen testaamiseksi selainikkunaa voidaan käyttää suunnitteluprojektin aikana, jotta näet, miten sisältö käyttäytyy muokatun kokoonpanon aikana.
Ihannetapauksessa sen pitäisi virrata luonnollisesti, ja voit käyttää niin monta taitopistettä kuin sinun on saavutettava.
Kaikki mobiilit käyttöjärjestelmät eivät ole samanlaisia, kuten tiedät, joten kannattaa tarkastella ohjeita, kun kyse on Android- ja iOS-laitteiden rakentamisesta ja selaimista, joita niitä voidaan käyttää.
Muista, että käyttäjät selailevat useissa käyttöjärjestelmissä, ja jotkut ovat vanhempia versioita, joten on hyödyllistä varmistaa, että mobiilisivusto on yhteensopiva. Täällä on hyödyllistä tarkastella tärkeimpiä sivustoja koskevat analyysit, jos sellainen on mahdollista, koska näet, mitä laitteita yleisösi käyttävät sivustossa.
Tietenkin, analyysin tarkasteleminen sivuston loppuun saattamisen jälkeen auttaa sinua myös tekemään tarvittavat muutokset ja oppimaan tulevaisuutta.
Kuten kaikki tiedämme jo nyt, sisältö on uudestaan verkon kuningas, joten sisältömoduulien suunnittelu on tärkeää. Sisällön moduulien käyttäytyminen on määriteltävä, jotta varmistetaan, että ne näkyvät sellaisina kuin ne pitäisi, kun käyttäjä siirtyy ja ryhtyy toimenpiteisiin.
Tämä tarkoittaa, että sinun on tarkasteltava ja määriteltävä, miten sisältö näkyy, kun vaihdetaan työpöydän ja mobiililaitteen välillä, jotta voidaan määrittää, miten moduulit aikovat pinoa ja järjestää uudelleen.
Tältä osin on usein helpompaa saada tämä kiinni suunnitteluvaiheessa. Tee luonnos siitä, miten suunnittelet sisällönäyttöä ja toimita sen jälkeen, miten tämä voidaan saavuttaa.
Yritä kuitenkin olla liian kiinni siitä, että määrität kaiken. Vaikka tärkeimmät sivut tarvitsevat langallisia kehyksiä, se ei välttämättä seuraa jokaista sivua. Näytön koon ja suunnan omaavan master-sarjan luominen pitäisi todellakin riittää.
Suunnittele ensin prototyyppi ja testaa perusteellisesti, varmistakaa, että kaikki näkökohdat toimivat yhdessä. On myös järkevää pitää käyttäjä tarkasti testauksessa ja varmistaa, että navigointi on yksinkertaista ja mieluummin korkeintaan kolme kerrosta. Yritä löytää joku, joka ei ole teknisesti ajattelevaa, mutta käyttää erilaisia laitteita testatakseen sivuston.
Mobile web design on välttämätön haaste päästäkseen käsiksi suunnittelijana, jotta asiakkaalle voidaan tarjota täydellinen palvelu. Kuten monet elämässä, yksi tärkeimmistä näkökohdista on suunnitella niin, että sinulla on selkeä käsitys siitä, miten edetä.
Tehokas suunnittelu ja käyttäjän pitäminen mielessä auttavat ratkaisemaan useimmat vaikeudet, joihin olet todennäköisesti törmännyt, ja perusteellinen testaus vie loput. Mieti helposti, nopeasti ja yksinkertaisesti, erinomaisella hyödyllisellä sisällölläsi ja et voi mennä liian pitkälle väärälle.
Esitetty kuva / pikkukuva, mobiiliverkkokuva kautta Shutterstock.