Siirry pääsisältöön

Huonoa verkkosivusuunnittelua


Olen monesti törmännyt teknisesti järkyttäviin mainospaloihin sattumalta. Eilen klikkasin mielenkiintoisen oloista banneria ja jouduin sivulle, jota en malta olla mainitsematta. Eq pankin mainos on verkkosivun näköinen, mutta tehty kuvana, joka sitten on paloiteltu html-taulukon soluihin. Tekniseltä kannalta havainnoinnin voi tehdä lähdekoodia tarkastamalla.

Voimme havaita tuosta koodista riviltä 119 seuraavan tekstin:
-- ImageReady Slices (index_170107.psd) --
Yllä olevasta näemme, että mainos on tehty ImageReady-ohjelmistolla, joka on tiiviisti Photoshopin yhteytteen pultattu verkkojulkaisuapuväline. Tässä tapauksessa ei ole viitsitty/ymmärretty ottaa tuota kommenttia näkyvistä pois.

Mainonnan tarkoitus on tavoittaa kohderyhmänsä, ja varmaan tämä mainos sen tekee, mikäli sivulle eksytään perinteisellä www-selaimella. Jokainen henkilö voi lukea tekstin ja saada siitä selvää. Internetissä on kuitenkin todella tärkeää, myös se että sivuille eksynyt hakukone indeksoisi sivun, jotta myös muut voisivat löytää sen. Tässä mainoksessa kaikki tarmo on käytetty Photoshopin tai jonkun muun graafisen ohjelmiston hallintaan ja kaikille mahdollisille web-standardeille on samalla sanottu ei. En ole koskaan ymmärtänyt, miksi teksti pitää kirjoittaa kuvana, kun se on yksi verkkosivun peruselementeistä.

Tämä sivu on lisäksi malliesimerkki siitä, millaista taittoa verkossa ei pitäisi enää nykypäivänä harjoittaa. Kun kaikki sisältörakenteet on tehty taulukoilla ja itse sisältö ripoteltu kuvan palasina taulukon soluihin, on melkein kaikki verkkojulkaisun sudenkuopat kaluttu. Ainoastaan frame-rakenne ja epästandardi mediatiedosto puuttuu.

Photoshop ja moni muukin grafiikkaohjelma on todella tehokas grafiikan luomisessa, ja ohjelmistot generoivat nopeasti myös lähdekoodit. Tässä tapauksessa on kaaduttu tehokkuuden ansaan. Ehkä myöskään suunnittelijalla ei ole riittävää silmää verkkostandardeille. Tälläinen mainos voi helposti päästä läpi, koska se on visuaalisesti hyvännäköinen. Ei mainoksen tarkastajalla ole välttämättä mitään käsitystä WWW-tekniikasta. Web-suunnittelu vaatii muutakin kuin sen, että osaa suunnitella näyttävää sisältöä. Aika hyvin tätä ongelmaa on kuvattu tässä Graig Cookin artikkelissa. Suunnittelijan pitää siis nykypäivänä osata muutakin kuin jakaa Photoshopilla tekemänsä suunnitelma suorakaiteiksi.

(edit8.2.2007: kirjoitusvirheet korjattu)

Kommentit

Anonyymi sanoi…
ImageReady ohjelmistolla -> ImageReady-ohjelmistolla
ei olla viitsitty -> ei ole viitsitty
(Kaksoispassiivi ei kuulu suomen kieleen.
kts. http://www.kotus.fi/index.phtml?i=38&s=1977#faq_38)
kohderyhmänsä ja varmaan -> kohderyhmänsä, ja varmaan
tärkeää, myös se -> tärkeää myös se
(Miksi tässä oli pilkku?)
web standardeille -> web-standardeille
ymmärtänyt, että miksi -> ymmärtänyt, miksi
(Alistuskonjunktio (että) aloittaa alisteisen sivulauseen.
Tässä se on kuitenkin epäsuoran kysymyslauseen
alussa, mikä ei käy päinsä.)
frame- rakenne -> frame-rakenne (alkuosa vain yksi sana -> ei väliä)
välttämättä, mitään -> välttämättä mitään
(Miksi tässä oli pilkku?)
luomisessa ja ohjelmistot -> luomisessa, ja ohjelmistot


Otan vielä yhden virkkeen erikostarkasteluun.
"Kaikki sisältörakenteet on tehty taulukoila ja itse sisältö on ripoteltu kuvan palasina taulukon soluihin, niin melkein kaikki verkkojulkaisun sudenkuopat on kaluttu."

Lauseiden loogista suhdetta on nykyisellään hankala hahmottaa, koska viimeinen lause (se niin-alkuinen) tulee aivan yllättäen. Kahta päälausetta ei voi yhdistää tällä tavalla, sillä niin ei ole rinnastuskonjunktio. Jos ensimmäisen lausen alkuun lisäisi sanan "kun", olisi virkkeen rakenne selvempi, koska tällöin ensimmäinen lause olisi sivulause.

Ehdottamani korjattu versio on alla. Siinä on myös käytetty verbiosan ellipsiä (=postettu on-sanan turha toisto).
"Kun kaikki sisältörakenteet on tehty taulukoila ja itse sisältö ripoteltu kuvan palasina taulukon soluihin, on melkein kaikki verkkojulkaisun sudenkuopat kaluttu."
Toni Hintikka sanoi…
Kiitoksia jälleen kerran. Huomaan, että minulla on selviä aikaongelmia kirjoittamisen suhteen. Haluan sanoa asian vaan mahdollisimman tehokkaasti, enkä ole lukenut juttua "ääneen". Näin niitä virheitä tulee.
Anonyymi sanoi…
ymmärtänyt, että miksi -> ymmärtänyt, miksi
-Miksi tässä oli pilku?
-Jos että sana jätetään pois, ei pilkkua tarvita laisinkaan.Lause jatkuu tuolloin yhtenäisenä.

luomisessa ja ohjelmistot -> luomisessa, ja ohjelmistot
-Miksi tässä oli pilkku?
-ja sanan eteen ei laiteta pilkkua,kuin poikkeustapauksissa.

Nämä lisäkorjaus ehdotukset anonyymille.

Tämän blogin suosituimmat tekstit

Flash-mainokset boikottiin!

Adobe Flash tuo Makromedian luomus, jonka Adobe sai yrityskaupan mukana itselleen on vallannut lähes 100% maailman tietokoneista. Se toimii lähes käyttöjärjestelmäriippumattomasti ja se on loistava muoto julkaista multimediasisältöä verkossa. Youtubea ei olisi olemassa ilman Flashia, eikä monia muitakaan interaktiivisia palveluita. Mutta Flash tuo myös ongelmia. Flashin avulla on helppo tehdä visuaalisesti hienon näköisiä mainoksia, joissa on interaktiivisia osia, jopa videoita sisäänrakennettuna. Ei siinä sinällään mitään, mutta en pidä siitä, että kaljuaan raapiva mies täyttää koko ruudun kun haluan lukea päivän juorut Iltasanomista.Kaiken lisäksi Flash kyykyttää normaalitehoisen mikron varsin tehokkaasti. Selaimen suoritinkäyttö kasvaa lähelle 100%, kun Flash-mainoksia sisältävä iltapäivälehti jää taustalle auki. Tätä ei pidä nyt ymmärtää niin, että vastustan mainostamista verkossa. Kannatan ehdottomasti ilmaisia palveluita, joita rahoitetaan mainoksilla. Mutta mainokset eivät saa h...

SF-anytime on hyvä idea

SF-anytime viedeovuokraamo on hyvä idea. Eli voit vuokrata leffat suoraan laajakaistaliittymän läpi omalle kotikoneellesi. Maksat katseluajasta, eli yhdellä krediitillä voit katsella leffan seuraavan vuorokauden sisällä. Sain postista, jonkin lehden mukana yhden ilmaisen krediitin tähän kyseiseen filmivuokraamoon. Ja positiivista oli, että krediitin mukana tuleva esite näytti ihan hyvältä. Olen joskus aikaisemminkin kokeillut SF-anytimea, joten tiesin, ettei ohjelmaan ole millään muulla selaimella asiaa kuin IE:llä. IE:tä en miellellään käytä muutakuin Windows update palvelun käyttämiseen ja tässä syy on hyvin selvä: se ei muuten onnistu. Ok, kun kerran minulla oli ilmainen krediitti, päätin kuitenkin kokeilla. No ensin tuli systeemitesti, joka kesti mielestäni 2mb nettiyhteydellä turhan kauan. Testi ilmoitti että minulta puuttuu, joku Microsoftin "suojaushärpäke", joten ei kun painamaan linkkiä ja asentamaan se. No tämän jälkeen järjestelmä ilmoitti, että Flash versioni ei ...

Toimiiko Mac työkäytössä

Olen käyttänyt työssäni ja harrastuksissani tietokonetta pikkupojasta lähtien. Microsoftin käyttöjärjestelmistä olen käyttänhyt suurinpiirtein jokaista ja viime vuosina olen ajanut työkoneessani Ubuntu Linuxia. Toki yritysmaailmassa Microsoftin markkinaosuus näkyy, joten olen joutunut ajamaan Windowsia virtuaalisesti. Nyt kun vaihdoin työpaikkaa ja minulle tuli mahdollisuus kokeilla MacBookProta työkäytössä. Valintani osui 15 tuuman malliin ja omassa yksilossäni on keskusmuistia 8 gigaa. Ajan koneessa Mac/OS Snow Leopard käyttöjärjestelmää. Toki Intel Macillä voi ajaa myös Windowsia tai Linuxia suoraan, mutta se ei ollut minulle vaihtoehto. Siinä tilanteessa olisin ottanut suoraan Lenovon kannettavan. Macin vahvuus on ehdottomasti suorituskykyinen käyttöjärjestelmä ja halusin kokeilla sen toimivuutta ns. oikeissa töissä. Aluksi tottuttelemista vaativia asioita Macissa oli näppäimistökomennot. CTRL -näppäin vaihtuu command näppäimeen esimerkiksi tutuissa kopio, leikkaa, liitä ja uusi vä...