Ei ole enää tarpeen korostaa sivustosi valmistautumisen merkitystä mobiililaitteille. Mobiili vallankumous on yksittäisen suurimman muutoksen Web-lyhyt historia. Ainoa kysymys on, tulevatko älypuhelimien ja tablettien käyttäjät muodostavat yli puolet yleisöstään tänä vuonna tai seuraavana.

Ottaen tämä huomioon optimoimalla aloitussivusi mobiililaitteille on nyt tärkeä prosessi jokaiselle suunnittelijalle. Sen ei kuitenkaan tarvitse olla vaikea, mutta yksinkertainen tarkistuslista, jota voit käyttää varmistaaksesi, että sivusto on valmis mobiiliselaimille:

Skaalaa asianmukaisesti

Sivuston kyky skaalata eri laitteisiin on elintärkeää. On olemassa tuhansia laitteita, joten valitsemalla muutamia edustavia näytön koot ei ole käytännöllinen.

Hyväksytty vastaus tähän on reagoiva web-suunnittelu, jotkut väittävät, että adaptiivinen on parempi, muut väittävät mukautuvan olevan sama asia. Nämä argumentit ovat todella semanttisia, ja alimpana on, että sinulla on kyky saada sivustosi toimimaan missä tahansa laitteessa, nykyisessä tai tulevassa. Epäonnistuminen olisi vastuutonta.

Yksi tärkeä näkökohta: varmista, että sivustosi skaalautuu oikein pystyasennossa ja maisemassa.

Valitse sisältö huolella

Ilmeisesti mobiili tarjoaa paljon vähemmän tilaa sisällön sovittamiseksi aloitussivulle. Ihannetapauksessa pidä otsikoita lyhyt, ytimekäs, pisteeseen ja noin kolmeen neljään sanaan. Samoin pidä sivua mahdollisimman häiritsemättä, jos linkkien määrä on pieni ja enintään yksi kuva, jos se on mahdollista.

Laita sisältö bullet pistettä niin, että silmä voi ottaa sen helposti, ilman pysähtymistä ja silmät. Luo myös selvä toimintapyyntö houkutella vierailijaa käymään muualla sivustossa. Sen pitäisi antaa jonkinlainen kannustin ja se voi olla yhtä yksinkertainen kuin painike, jonka avulla kävijät voivat soittaa yritykseen, mikä on erityisen hyödyllistä paikallisille yrityksille, jotka käyttävät myös sijaintipalveluja.

Jopa 75% hakijoista tekee hakujaan tunnin kuluessa, joten on helppoa ymmärtää, miksi toimintapyynnön pitäisi olla vahva. Voit myös asettaa puhelun toimintaan jonnekin sivun yläosaan, joten se on yksi ensimmäisistä asioista, joita matkaviestinnän kävijä näkee.

Koolla on väliä

Kyllä, koko todella väliä-tiedostokoko, eli. Aloitussivu on aina ladattava nopeasti, erityisesti sellainen, johon pääsee mobiililaitteella.

Ei ole asetettua sääntöä - sitä nopeammin parempi - mutta yleisenä ohjeena, jos aloitussivusi kestää yli 3 tai 4 sekuntia ladattaessa, menetät paljon käyttäjiä.

Ihannetapauksessa sivusi pitäisi olla erittäin kevyt, alle 20 kilotavua. Kuvien lataaminen kestää paljon aikaa, joten ne on pidettävä mahdollisimman pieninä. Pidä kaikki koodisi mukavana ja siistinä, käytä tarvittaessa kuvan sprittejä ja käytä CSS-kuvia kuvien sijaan, jos mahdollista.

Tarkastele myös tiedostokokoa palvelimelle suoritettavien pyyntöjen määrästä. tyypillisesti nämä pyynnöt aiheuttavat enemmän viivettä kuin todellinen tiedostojen lataus.

Oletko paikallinen?

Mobiilikäyttäjät ovat usein liikkeellä, joten käytä sijaintipalveluja. Asenna aloitussivu paikallisille käyttäjille ja tarjoa heille kannustimia. Voit esimerkiksi muokata sisältöä esimerkiksi myymälän paikalliselle haaralle.

Projektin koosta ja laajuudesta riippuen voit myös mukauttaa ytimen sisältöä paikalle.

Luettavuus on enemmän kuin koskaan

On tärkeää, että pystyt lukemaan ruudulla olevat asiat, minkä vuoksi vähemmän on enemmän. Jos et voi lukea tekstiä kädellä pidetyssä puhelimessa, sen täytyy olla suurempi. Sinulla on todella tilaa rajoitetusti.

Älä anna käyttäjiä loputtomasti vierittämään, tai muuten ne kyllästyvät nopeasti ja siirtyvät eteenpäin. Kyllä, ihmisillä on lyhyt huomionosa Internetissä, paljon lyhyempi kuin lukemassa lehteä tai kirjaa, joten kaiken mitä tarvitset pitää tarttua heidän huomionsa heti.

Peukut pystyyn!

Kaikki aloitussivulla napsautettavan pitäisi ohittaa peukalotesti. Jos sitä ei voi helposti napsauttaa peukalolla, harkitse sen uudelleen. Pad-linkit jättävät mahdollisimman paljon tilaa ympärilleen ja jättävät runsaasti tilaa linkkien välillä. Tämä vähentää mahdollisuuksia, että käyttäjä napauttaa väärät linkit ja jättää turhautumista.

Liitäntöjä voidaan käyttää varmistamaan, että valokuvia voi helposti pyyhkiä pois, vaikka otettaisiin kuvia aloitussivulta, sitä ei suositella.

Lomakkeet ja syöttö

Jos laitat lomakkeen aloitussivulle, pidä se hyvin yksinkertaisena, äläkä vie paljon tilaa. Lomakkeet, jotka edellyttävät paljon panosta, ovat poissa käytöstä ja saavuttavat alemman tulosprosentin kuin yksinkertaiset muodot. Joten lisää mahdollisimman vähän kenttiä.

Jälleen ihmiset kyllästyvät nopeasti, joten niiden antaminen pitkäksi lomakkeeksi täyttää ne todennäköisemmin luopumaan sivustosta.

Yksinkertainen navigointi

Navigoinnin pitäisi olla yksinkertaista ja suoraviivaista. Pidä painikkeet mahdollisimman pieninä ja varmista, että ne kulkevat peukalon testin. Yritä lisätä painikkeita sivun eri alueille, jotta voidaan noudattaa loogista polkua.

Testaus, testaus, testaus ...

Testaa aloitussivusi huolella, jotta se toimii tehokkaasti mobiililaitteilla. harkita A / B-testaus , jonka on näyttänyt lisäävän johtoja jopa 40% joissakin tapauksissa.

A / B-testiin perustuisi kaksi mallia samasta sivusta A ja B. Sitten liikenne jakautuu kunkin mallin väliin, jotta näkee, mikä tekee parhaiten. Käytä projekteista tärkeimpiä tietoja, kuten tulosprosenttia, myyntiä, poistumisprosenttia. Lopeta testi, mene sen, joka toimii parhaiten, ja olet puolivälissä on todistettu muotoilu.

Siellä on paljon mobiilisimulaattoreita, mutta kumpi valitset, varmista, että käytät sitä vain ensimmäisellä testikokeella. Jotta voit testata oikein, sinun on käytettävä todellisia laitteita. Aloita, lainaa ja varastaa tarvittaessa. Katso sivustosi mahdollisimman monista todellisista laitteista, sillä voit asettaa kätesi.

Pidä toimet mahdollisimman vähäisinä

Mitä enemmän napsautuksia tai toimia käyttäjän on tehtävä, sitä vähemmän todennäköisesti ne ovat valmiita. Anna ihmisten päästä A-pisteestä pisteeseen B niin vähän napsautuksia kuin mahdollista. Tee jokaisen navigoinnin ja toimintamallin tuntuinen yksinkertaisuus.

Nämä ovat tärkeimmät asiat, jotka on otettava huomioon optimoimalla aloitussivun mobiililaitteille. Muista koko suunnitteluprosessissa, että mobiili on erilainen väline PC: lle. Ihmisillä on vielä vähemmän kärsivällisyyttä mobiililaitteilla, koska he ovat yleensä liikkeellä ja haluavat suorittaa tehtävänsä mahdollisimman vähän. Hidas latausaika ja reagoimaton vuorovaikutus myös ärsyttävät ihmisiä, joten ota aikaa saada ne oikein.

Se, että se oikein voi olla palkitseva ja voi merkitä eroa sivuston hyvää kilpailua vastaan ​​ja menettää kävijöitä.

Esitetty kuva / pikkukuva, mobiilikuva kautta Shutterstock.