Adaptive Web Design : As applied to the design process of a web application
Korpi, Joni (2012)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201204124374
https://urn.fi/URN:NBN:fi:amk-201204124374
Tiivistelmä
Insinöörityössä tutkittiin mukautuvan web-suunnittelun käyttöä web-pohjaisen varaus- ja inventaariopalvelun suunnitteluprosessissa. Pyrittiin erityisesti tuomaan esille niitä prosessissa ilmenneitä ongelmia, joihin web-suunnittelijat saattavat tör- mätä siirtyessään perinteisemmästä web-suunnitteluprosessista mukautuvaan suunnitteluun. Käytiin myös läpi, miten näihin ongelmiin suhtauduttiin palvelun suunnittelussa.
Suurin osa ilmenneistä ongelmista liittyi joko visuaalisen suunnittelun pitämiseen ilmeikkäänä tai erilaisten osoitinlaitteiden ja kosketusnäyttöjen yhtäaikaiseen tukemiseen.
Joustavien palstojen käyttäminen visuaalisessa suunnittelussa todettiin vaikeaksi, koska ne aiheuttavat ongelmia, kun sivun sisältö alkaa joustaa yli sille suotuisten leveyksien tai korkeuksien. Tämän vuoksi todettiin olevan suotuisaa jättää leveämmillä ruuduilla reilusti tilaa tyhjäksi. Vaikeuksia ilmeni myös silloin, kun joustavien palstojen kanssa käytettiin sekä prosenttiyksiköitä että absoluuttisia yksiköitä. Tähän auttoi vaihtoehtoisen border-box-mallin käyttö.
"Mobiili ensin" -suunnittelutavan käyttöä suositeltiin, koska se auttaa pitämään sivut yksinkertaisina ja sisältönsä ytimeen keskittyneinä. Mobiilikäyttäjien jatkuvasti kas- vava määrä on myös hyvä syy keskittyä mobiilisuunnitteluun. Kuvien mobiililaitteisiin mukauttamisen todettiin olevan nykymenetelmillä vaikeaa, mutta lähitulevaisuudessa ongelman luultavasti ratkaisee uusi standardeihin perustuva menetelmä.
Progressiivisen ehostuksen käytön todettiin olevan tärkeää mukautuvien web- palveluiden kehittämisessä, mutta siihen liittyvien web-selainten toiminnallisuutta paikkaavien kirjastojen käyttämisen todettiin vaativan varovaisuutta, koska sama kirjasto ei välttämättä ole sopiva kaikille mahdollisille osoitinlaitteille ja käyttö- järjestelmille.
Suurin osa ilmenneistä ongelmista liittyi joko visuaalisen suunnittelun pitämiseen ilmeikkäänä tai erilaisten osoitinlaitteiden ja kosketusnäyttöjen yhtäaikaiseen tukemiseen.
Joustavien palstojen käyttäminen visuaalisessa suunnittelussa todettiin vaikeaksi, koska ne aiheuttavat ongelmia, kun sivun sisältö alkaa joustaa yli sille suotuisten leveyksien tai korkeuksien. Tämän vuoksi todettiin olevan suotuisaa jättää leveämmillä ruuduilla reilusti tilaa tyhjäksi. Vaikeuksia ilmeni myös silloin, kun joustavien palstojen kanssa käytettiin sekä prosenttiyksiköitä että absoluuttisia yksiköitä. Tähän auttoi vaihtoehtoisen border-box-mallin käyttö.
"Mobiili ensin" -suunnittelutavan käyttöä suositeltiin, koska se auttaa pitämään sivut yksinkertaisina ja sisältönsä ytimeen keskittyneinä. Mobiilikäyttäjien jatkuvasti kas- vava määrä on myös hyvä syy keskittyä mobiilisuunnitteluun. Kuvien mobiililaitteisiin mukauttamisen todettiin olevan nykymenetelmillä vaikeaa, mutta lähitulevaisuudessa ongelman luultavasti ratkaisee uusi standardeihin perustuva menetelmä.
Progressiivisen ehostuksen käytön todettiin olevan tärkeää mukautuvien web- palveluiden kehittämisessä, mutta siihen liittyvien web-selainten toiminnallisuutta paikkaavien kirjastojen käyttämisen todettiin vaativan varovaisuutta, koska sama kirjasto ei välttämättä ole sopiva kaikille mahdollisille osoitinlaitteille ja käyttö- järjestelmille.