Verkkosivun suunnittelu "päästä päähän"? Miksi ei! Responsiivisen projektin tekemiseen on kaksi tapaa: voit joko suunnitella työpöytäversion ja leikata sen sisällön, ominaisuuden toisensa jälkeen niin, että jäljelle jää vain olennainen, tai tehdä mobiilin, tiivistetyn suunnittelun ja laajentaa sitä.
Pienentämisen ongelmana on, että sinun on aina pidettävä mielessäsi, että kaikki työpöytätekniikat eivät sovellu mobiililaitteisiin, ja joskus "leikattu" versio tuntuu epätäydelliseltä ja epäammattimaiselta ja että työpöytäsivuston hienosäätö johtaa ison sisällön lataamiseen, vaikka se ei ole välttämätöntä.
Mobiili ensin -lähestymistapa on menetelmä, joka auttaa sinua poimimaan ideasi ytimen ja pitämään mielessäsi, mikä on tärkein sisältö ja mikä on tarkoitus, jonka haluat näyttää. Sen avulla voit lisätä sivun suorituskykyä minimoimalla tarpeettoman aineen tarvittaessa, helpompi seurata sitä. On myös helpompi suunnitella UI-malleja, kun voit lisätä jotain hankalaa, kuin vähentää jotain tärkeää. Lisäksi on hyödyllisempää tarkastella saavutettavuuden näkökulmasta - miten hitaammat laitteet reagoivat? Työpöytälaitteet ovat usein tehokkaampia kuin mobiililaitteet, joten on helpompi tehdä koodi uusi ominaisuus lisäominaisuutena, ei perusominaisuutena, jota ei voi käyttää hitaammissa. Se ei kuitenkaan tarkoita, että mobiilisuunnittelun on oltava raakaa ja karua. Rajoitteet huomioon ottaen sen pitäisi olla monitahoinen ja houkutteleva, koska molemmat versiot ovat katsojalle syvällisiä selaillessaan, mutta se ei myöskään tarkoita, että kokemuksen pitäisi olla identtinen (itse asiassa se ei voi olla).
Mobiilinäkymien haasteena on: miten sijoittaa mahdollisimman paljon toimintoja mahdollisimman pienellä painolla ja intuitiivisella kokemuksella? Työpöytätietokone antaa paljon virheitä anteeksi - mobiili ei. Jos ammut ensin isomman saaliin, jatkokehittäminen on paljon helpompaa. Kun muistetaan napautukset ja pyyhkäisyliikkeet, ei ole paljon ajateltavaa, kun niitä muunnetaan klikkauksiksi - ei ainakaan niin paljon kuin toisinpäin.
Mikä on vaikeaa? Mielestäni vaikeinta mobiilinäkymässä on selkeän visuaalisen suunnittelukonseptin puute. Tämä ongelma tulee puhtaasti luovasta, taiteellisesta näkökulmasta, jossa mobiiliversio on joskus puutteellinen muotoilu. Kyllä, se on totuus - ilmaisulle ja esteettömän mielikuvituksen päästämiselle ääneen ei ole paljon tilaa, varsinkaan jos design ei ole puhdasta ja minimalistista. On paljon huolehdittava värien ja muotojen sommittelusta, jonka on mahduttava pieneen tilaan ja näytettävä silti kutsuvalta ja selkeältä, intuitiivisesta käsittelystä puhumattakaan. Mikä on ratkaisu? Suosittelen luonnostelemaan kaikki versiot mahdollisimman monella visuaalisella idealla ja sitten aloittamaan mobiilivaihtoehdon teknisen ja puhtaan käyttäjäkokemuksen ja front-end-kehityksen näkökulmasta. Se vaikuttaa parhaalta vastaukselta pulmaan, kompromissilta, jolla saadaan vain plussat molemmista näkökulmista!