Teemoja/mobiiliversiota

Started by kzmx, 04.01.13 - klo:21:10

Previous topic - Next topic

kzmx

hei

onko Ere ollut ajatuksena tehdä jossain vaiheetta mobiili versiota laskutus ohjelmastasi?
tai toisin sanoen teemaa joka olisi "nätti" matkapuhelimen näytöllä..



Ere Maijala

Moi,

lähinnä mielessä on ollut muokata ulkoasu sellaiseksi, että se sovittuisi eri kokoisiin näyttöihin RWD-tyyliin (http://en.wikipedia.org/wiki/Responsive_web_design). Mitään sen tarkempaa suunnitelmaa tästä ei kuitenkaan tällä hetkellä ole.

--Ere

ioxo

Hei,

Itse olen miettinyt kanssa mobiiliversiota, lähinnä kaipaan asiakkaan yhteystietoja kun olen tienpäällä ja pitäisi olla yhteydessä.

Kyselenkin tässä, että onko siitä mitään iloa, jos suunnittelee esim. twitter bootstrap:lla tehtyä ulkoasua (ilman toiminnallisuutta) vai menisikö koko työ hukkaan?

Lähinnä olisi tarkoitus muokkaa nykyiset kentät sellaiseen muotoon, että ne skaalautuvat css/javascriptin ansiosta hyvin mobiilipäätteille. Lisäkentät & kenttien järjestys voi muokkaa sitten helposti, minkä kokee parhaimmaksi.

-Juho

Ere Maijala

Paha sanoa vielä, kun en ole päättänyt, miten laitan tuon systeemin uusiksi. Selvää on se, että uusiksi tuo rakenne on laitettava, mutta arvon vielä perustaa, jolle rakentaa. Yii on aika vahvoilla frameworkiksi, ja siihen löytyy Twitter Bootstrap -laajennus, joten tuo on ihan mahdollinen. Toki vaikka ei mitään valmista tekisikään, niin ei haittaisi protoilla vähän, miten listat ja lomakkeet toimisivat parhaiten. Erityisesti laskulomake ja laskurivit ovat nykyisessä rakenteessa ongelmallisia, koska selkeys tulee leveydestä, siitä että kaikki mahtuu yhdelle riville.

--Ere

Beluga

Suosittelen tsekkaamaan myös tämän, kun se julkaistaan parin viikon päästä: http://www.zurb.com/article/1152/coding-smarter-the-why-of-foundation-4
Mobile-first ja semanttinen meininki.

Ere Maijala

Tsekataan toki, vaikkei tässä ihan mobile first -meiningillä ole tarkoitus mennä, kun kyseessä on ennen kaikkea työpöytäkäyttöön tarkoitettu työkalu...

--Ere

Beluga

Mobile-first on kaikkein helpoin ja fiksuin tapa tehdä mukautuvaa settiä  ;) Ja tossa kun on valmis frameworkki, jossa perusongelmat ratkottu, niin ei tarvii hiuksia repiä päästä, sen kun keskittyy luomiseen.

Ere Maijala

No, en ole tuohon niin pitkälti syventynyt, että pystyisin sanomaan, mitä se tässä tapauksessa tarkoittaa, mutta välillä mobile-first tuntuu merkitsevän esim. valtavan kokoisia UI-elementtejä, jotta niihin pystyy osumaan pienellä näytöllä isolla sormella. Sellaista ei nyt ainakaan ole ensisijaisesti tulossa..

--Ere

lari

Jos rupeat mobiili puolelle, olisi kiinostusta android versiolle. Voisi tuolta mobiili puolelta ottaa padit jolloin näyttö pääsääntöisesti olisi 10" pinnassa. Ainakin suurimmalla osalla tuntemiallani myyntihenkilöillä rupee noi padit olemaan joka päiväisiä työkaluja.

Lari

Beluga

Quote from: Ere Maijala on 07.02.13 - klo:10:06
No, en ole tuohon niin pitkälti syventynyt, että pystyisin sanomaan, mitä se tässä tapauksessa tarkoittaa, mutta välillä mobile-first tuntuu merkitsevän esim. valtavan kokoisia UI-elementtejä, jotta niihin pystyy osumaan pienellä näytöllä isolla sormella. Sellaista ei nyt ainakaan ole ensisijaisesti tulossa..

Se tarkoittaa vain mukautuvuuden lähtökohtaa. Päinvastainen lähestymistapa on, että rakennetaan työpöytäversio ensin ja sitten aletaan purkaa siitä osia pois mobiiliversiota varten. Tässä tarkempaa infoa: http://designshack.net/articles/css/mobilefirst/