Pistän tämän saitin remonttiin http://kodinkone.net/ - en itse koodaa saittia, suunnittelen vain ulkoasun/käyttöliittymän.
Pähkäiltyäni hetken tulin siihen tulokseen, että 800 pikselin leveys olisi aika hyvä. Toimii keskitason puhelimilla ruutu vaakatasossa, eikä noiden elementtien puristaminen 800 px ränniin ole vaikeaa. Konehuoneesta vastaava tekijä kehottaa tekemään leiskan 1170 pikselin leveyteen ja käyttämään reaktiivisuutta palvelemaan pienempiä näyttöjä.
Ihan jees siitä tulee varmaan 1170 pikselillä, ehkä tilaa jää myös reilunkokoisen fontin käyttöön, mikä mielestäni on hyvä asia; näyttöjen resoluutiot alkavat olla aika poskettomia tänä päivänä. Reaktiivisuuden mahdollinen "latistava" vaikutus ulkonäköön ei ole kynnyskysymys.
Mutta onko se näin, että 800 px on kuolleena syntynyt ajatus?
800 pikseliä on kuolleena syntynyt ajatus. Jo puoli vuosikymmentä sitten suositeltu enimmäisleveys oli 960 px. Nykyään esimerkiksi Bootstrap 3:ssa suurin breakpoint on juuri tuo 1170 px.
Puhelimet laskevat joka tapauksessa pikselit omilla laskukaavoillaan, etkä voi mitenkään ajatella, että 800 px leveä leiska näkyisi hyvin puhelimella, jonka resoluution leveys on 800 px. Puhelimet / mobiililaitteet skaalaavat pikseleitä näyttöjensä mukaan.
Tällä sivulla on selaimien yleisimpiä resoluutioita. Siellä on selvästi yleisin resoluutio 1366×768. Seuraavana tulee 1024×768. Kannattaa siis suunnitella sivu niin, että se toimii 768px leveydellä.
EDIT: korjattu pari typoa.
Verkkosivustoa ei voit tehdä mobiilaitteille ja PC-laitteille samalla tavalla. Jos haluat palvella myös mobiililaite käyttäjiä, tee mielummin erillinen mobiilisivu. Et voi ikinä olettaa minkälainen laite ja näyttö sivuston käyttäjä käyttää.
Reinolla menee nyt x ja y pahasti sekaisin. Ehkä tuota olisi voinut miettiä, että ovatko maailman yleisimmät resoluutiot eli näyttömallit todellakin sellaisia, että niillä on enemmän korkeutta kuin leveyttä.
Minh Truong kirjoitti:
Verkkosivustoa ei voit tehdä mobiilaitteille ja PC-laitteille samalla tavalla. Jos haluat palvella myös mobiililaite käyttäjiä, tee mielummin erillinen mobiilisivu. Et voi ikinä olettaa minkälainen laite ja näyttö sivuston käyttäjä käyttää.
Ei näin nykypäivänä. Erilliset mobiilisivut on vanhanaikaisia, ellei oikeasti ole tarvetta. Tässä tapauksessa responsiiviset sivut on paras vaihtoehto.
Urpoell: jos mahdollista, ehdota koodarille, että teette Bootstrapin pohjalta. Vältytte isolta määrältä säätöä, Bootstrap on sentään testattu aika monilla laitteilla toimivaksi.
Ottaisin itse jomman kumman mukaan projektiin: Bootstrap tai Foundation jos se on mahdollista.
- Ulkoasu voi olla erilainen mobiili-laitteilla, tämän toteuttaminen on melko helppoa näiden frameworkkejen avulla:
Nettisivujen leveyden määrittää se, millaisia käyttäjiä sivuilla käy.
Arvatenkin "pankkisivujen" pitää olla sellaisia, jotta ne toimivat myös pienemmällä resoluutiolla, mutta vastaavasti jotkin sivut voivat ihan hyvin palvella käyttäjiään täydellisesti +1200px:n leveydelläkin.
Riippuu siis täysin siitä, millaisia käyttäjiä sivuilla palvellaan.
Sinullahan on siis helppo työ, kun sivut ovat olleet jo jonkin aikaa pystyssä. Pyydä siis sivujen analytiikka tutkintaasi, ja tee johtopäätökset sen perusteella.
Sivuillahan *on* käytössä Google Analytics, josta saat hyvinkin hyvän kuvan sivulla käyneistä käyttäjistä. Käytä siis tätä tietoa sivujen ulkoasun ja käyttöliittymän suunnittelussa.
The Alchemist kirjoitti:
800 pikseliä on kuolleena syntynyt ajatus. Jo puoli vuosikymmentä sitten suositeltu enimmäisleveys oli 960 px.
Miksi ihmeessä pitäisi käyttää enemmän leveyttä kuin sivu vaatii tai edes voi järkevästi käyttää? Leveilyn vuoksiko? Todellisuudessa alle 800 pikseliäkin riittäisi.
Jos sivuston sisältö muuttuu ihan erityyppiseksi, niin sitten voi miettiä uudestaan. Mutta jos tarkoitus on vain tehdä kasvojenkohotus (johon sinänsä voi olla aihetta), niin leveyden pohdiskelu on hyödytöntä. Kannattaa säästää resursseja siihen, että tehdään sisältö- tai rakenneuudistus joskus vähän myöhemmin. Edes mobiililaitteiden huomioon ottamiseen en tässä tuhlaisi ruutia, kunhan ei huononneta toimivuutta niillä.
lainaus:
Puhelimet laskevat joka tapauksessa pikselit omilla laskukaavoillaan, etkä voi mitenkään ajatella, että 800 px leveä leiska näkyisi hyvin puhelimella, jonka resoluution leveys on 800 px. Puhelimet / mobiililaitteet skaalaavat pikseleitä näyttöjensä mukaan.
En oikein näe, mitä ajat takaa. Joka tapauksessa mainitun sivuston nykyinen versio toimii ihan hyvin ”puhelimessa”, kun kääntää laitteen vaaka-asentoon. Tai siis toimii yhtä hyvin kuin pöytäkoneen näytöllä. Sivujen typografia on jopa webin mittapuilla vähän kyseenalainen jopa siinä määrin, että se saattaisi vaikuttaa ostopäätöksiini.
Yucca kirjoitti:
The Alchemist kirjoitti:
800 pikseliä on kuolleena syntynyt ajatus. Jo puoli vuosikymmentä sitten suositeltu enimmäisleveys oli 960 px.
Miksi ihmeessä pitäisi käyttää enemmän leveyttä kuin sivu vaatii tai edes voi järkevästi käyttää? Leveilyn vuoksiko? Todellisuudessa alle 800 pikseliäkin riittäisi.
No joku voisi sanoa, että tuo vaikuttaisi vaikka myyvään ulkoasuun.
Yucca kirjoitti:
Jos sivuston sisältö muuttuu ihan erityyppiseksi, niin sitten voi miettiä uudestaan. Mutta jos tarkoitus on vain tehdä kasvojenkohotus (johon sinänsä voi olla aihetta), niin leveyden pohdiskelu on hyödytöntä. Kannattaa säästää resursseja siihen, että tehdään sisältö- tai rakenneuudistus joskus vähän myöhemmin. Edes mobiililaitteiden huomioon ottamiseen en tässä tuhlaisi ruutia, kunhan ei huononneta toimivuutta niillä.
Eiköhän tässä sitä uudistusta olla tekemässä...
Yucca kirjoitti:
Miksi ihmeessä pitäisi käyttää enemmän leveyttä kuin sivu vaatii tai edes voi järkevästi käyttää? Leveilyn vuoksiko? Todellisuudessa alle 800 pikseliäkin riittäisi.
Hyvä Yucca ;)
Itse olen välillä törmäillyt moiseen, miten saisi suurilla näytöillä pienisiältöiset sivut näkymään nätisti.
Suurissa näytöissä on yksi huono puoli, josta en pidä. Vaikka nitä sanotaan "suuriksi", niin ne yleensä ikäänkuin pienentävät pikselin kokoa. Ihmisillä kun on monesti tapana asettaa näytön resoluutio niin korkealle kuin mahdollista. Niimpä "pieni" sivu, jossa ei ole paljoa asiaa, näyttää nillä katsottuna kääpiösivulta.
pistemies kirjoitti:
Ihmisillä kun on monesti tapana asettaa näytön resoluutio niin korkealle kuin mahdollista. Niimpä "pieni" sivu, jossa ei ole paljoa asiaa, näyttää nillä katsottuna kääpiösivulta.
Joo, mä ainakin tiputin heti mun "retinatason" näytöstä resoluution minimiin, jotta voin ihastella vanhojen sivustojen pikseleitä. [/sarcasm]
Kai te nyt tajuutte, et ei teidän ole pakko sitä selainta pitää jatkuvasti koko ruudun kokoisena?
Ja jos pappojen silmät ei näe lukea tekstiä, on selaimissa hyvinkin helppo säätää sivujen "zoomausta" ihan vain ctrl + hiiren rulla (kai teillä edes rullat on jo hiirissänne?). Tämä maaginen kikka taitaa toimia kaikissa nykyselaimissa.
Lebe80 kirjoitti:
ei teidän ole pakko sitä selainta pitää jatkuvasti koko ruudun kokoisena?
Ei meidän?
Mutta luulempa että suurin osa netin käyttäjistä pitää sitä koko sivun kokoisena. Ei he vättämättä edes tajua moisia hienouksia, miten sitä selain-ikkunaa voi tarvittaessa pienentä. Ja vaikka tajuais niin sen muuttaminen pienemmäksi menee jo heidän mukavuusaluensa ulkopuolelle.
pistemies kirjoitti:
Lebe80 kirjoitti:
ei teidän ole pakko sitä selainta pitää jatkuvasti koko ruudun kokoisena?
Ei meidän?
Mutta luulempa että suurin osa netin käyttäjistä pitää sitä koko sivun kokoisena. Ei he vättämättä edes tajua moisia hienouksia, miten sitä selain-ikkunaa voi tarvittaessa pienentä. Ja vaikka tajuais niin sen muuttaminen pienemmäksi menee jo heidän mukavuusaluensa ulkopuolelle.
Itseasiassa jokunen vuosi sitten ihan tutkittiin, että resoluution kasvaessa selaimen ikkunakoot eivät kasva samassa suhteessa mukana. Eli ellei ihan suurin osa niin kuitenkin suuri osa nimenomaan käytti selainta ikkunoituna.
En tiedä sitten nykypäivänä, kun oletuksena nettisivujen leveydet ovat myös kasvaneet.
Lebe80 kirjoitti:
Eli ellei ihan suurin osa niin kuitenkin suuri osa nimenomaan käytti selainta ikkunoituna.
Siihen vaikuttaa paljon se, minkä ikäisiä ja tyyppisiä netissä suffailee. Netin "suurkuluttajat", joille kaikki selaimen toiminnot ovat arkipäivää, eivät välttämättä ole sitä potentiaalista asiakaskuntaa, joka jonkun tietyn sivuston palveluja tarvitsee. Usein palvelun ostajat ovat niitä "netin hiljaisia" jotka varta vasten istuvat koneen ääreen kyseistä palvelua hakiakseen. Heille selain ei ole mikään arkipäiväinen työkalu.
Pistemies: aijaa?
Ihan kuin joku olisi jo tuollaista sanonut jo tässä aiheessa...
Ai mutta sehän taisinkin olla minä itse!
Lebe80 kirjoitti:
Nettisivujen leveyden määrittää se, millaisia käyttäjiä sivuilla käy.
Arvatenkin "pankkisivujen" pitää olla sellaisia, jotta ne toimivat myös pienemmällä resoluutiolla, mutta vastaavasti jotkin sivut voivat ihan hyvin palvella käyttäjiään täydellisesti +1200px:n leveydelläkin.
Riippuu siis täysin siitä, millaisia käyttäjiä sivuilla palvellaan.
Sinullahan on siis helppo työ, kun sivut ovat olleet jo jonkin aikaa pystyssä. Pyydä siis sivujen analytiikka tutkintaasi, ja tee johtopäätökset sen perusteella.
Sivuillahan *on* käytössä Google Analytics, josta saat hyvinkin hyvän kuvan sivulla käyneistä käyttäjistä. Käytä siis tätä tietoa sivujen ulkoasun ja käyttöliittymän suunnittelussa.
*hakee lisää poppareita*
Kiitos vastanneille - nyt olen varmistunut siitä, että koodari tietää mistä puhuu. Luulen että juuri Bootstrap on hänellä ajatuksissa.
Sen kyllä aioin tehdä, että teen kaikesta isoa. Isot näytöt tiukalla resolla todellakin pienentävät kaikkea. Esim. Adoben ohjelmissa monet "napit" ovat pienentyneet sille tasolle, että jotain tarttis tehrä muuallakin kuin kodinkone.net-sivuston fonttiongelmissa, jotka olen ihan itse ryssinyt niin, ettei teksti pysy oikeilla riveillä kuin joka kolmannessa selaimessa.
Urpoell kirjoitti:
Sen kyllä aioin tehdä, että teen kaikesta isoa.
Hyvä vitsi, mutta voi olla vähän liian vaativa. Ihmiset ottavat niin helposti tuollaiset tosissaan. Olisit laittanut edes jonkin vähän selvemmän dsoukin mukaan, esimerkiksi, että aiot säätää äänen volyymin maksimiin, koska pienissä laitteissa on niin heikot kaiuttimet.
Yucca kirjoitti:
The Alchemist kirjoitti:
800 pikseliä on kuolleena syntynyt ajatus. Jo puoli vuosikymmentä sitten suositeltu enimmäisleveys oli 960 px.
Miksi ihmeessä pitäisi käyttää enemmän leveyttä kuin sivu vaatii tai edes voi järkevästi käyttää? Leveilyn vuoksiko? Todellisuudessa alle 800 pikseliäkin riittäisi.
Yleisen käytettävyydenkin vuoksi on hyvä pyrkiä noudattamaan kulloinkin vallitsevaa trendiä. Tuo "alle 800 px" on muutenkin höpöhatusta revitty luku. Ilmeisesti katsot tuota vanhaa leiskaa ja tuumailet itseksesi, että koska se on hyvin kapea (silti yli 800 px), niin totta kai uusienkin sivujen on täysin turhaa olla sen leveämpiä.
lainaus:
Kannattaa säästää resursseja siihen, että tehdään sisältö- tai rakenneuudistus joskus vähän myöhemmin. Edes mobiililaitteiden huomioon ottamiseen en tässä tuhlaisi ruutia, kunhan ei huononneta toimivuutta niillä.
Ilmeisesti yrität nyt sanoa, että vaihdetaan vain taustakuva ja jätetään vanha paska haisemaan. Kyllähän designista ja käytetystä työkalustakin (Frontpage 2003) näkee, että sivut on läiskäisty kasaan ehkä joskus 6-10 vuotta sitten ja sen jälkeen menty hyvin pitkälti sillä. Jos bisnes on pieni, niin ei ehkä kannata mitään viimeisen päälle tuunattua sivustoa lähteä hakemaan, mutta kyllä sen sietäisi nykyaikaan päivittää.
Aihe on jo aika vanha, joten et voi enää vastata siihen.