Daniel Koskinen

  • On Pragmatic Responsive Design

    Responsive design shouldn’t be just about checking screen width and removing stuff on mobile devices, even though this is what it often amounts to. I also admit to doing this myself. Designing with a mobile first approach is sensible, but we run into problems with the typical wireframes/photoshop/html pixel-perfect workflow.

    Stephanie Rieger made this excellent presentation on pragmatic responsive design with lots of good points.

    You should check out her other presentations too.

    (more…)

    , , , ,

  • Sorry about the feed spam

    Sorry about the feed spam yesterday, all the duplicate entries were caused by an unattended redirect loop which is now hopefully fixed. Let me know if you still have problems.

    , ,

  • Simplify permalinks for better SEO

    The latest WordPress 3.3 includes a fix that removes the performance problems related to using just /%postname%/ as your permalink structure without any prefixing dates/numbers. According to Joost de Valk, using dates in URL’s can result in poor click-through-rate, so I thought I’d go ahead and make the switch.

    Check out the instructions on Joost’s blog. He also has a nifty tool for generating the necessary .htaccess redirects.

    , ,

  • Miten varmistat, ettei käyttäjää suututa niin paljon

    Emme yleensä pidä siitä, kun jokin menee pieleen tai ei toimi. Vielä vähemmän pidämme siitä, että meitä syytetään asioista, jotka eivät johdu meistä. Varsinkin suuressa ja ihmeellisessa “ATK-Internetissä” itsesyytökset ovat herkässä, kun jokin ei menekään niin kuin piti.

    Tätä tunnetta voi huomattavasti vähentää fiksuilla sanamuodoilla, kuten Twitter tekee, jos viserrys ei jostain syystä mennytkään perille:

    Twitter error message: we did something wrong
    Anteeksi! ME teimme jotain väärin.

    Syyllisyyden ohjaaminen yksiselitteisesti palveluun helpottaa hitusen käyttäjän oloa ja kannustaa yrittämään uudestaan. Ainakin kerran.

    , , ,

  • Miten saat käyttäjän suuttumaan

    Yritin hiljattain varata vuokra-autoa kolmesta eri yhdysvaltalaisesta autonvuokrausfimasta verkon välityksellä. Lopulta vuokraus onnistui, mutta parilta ensimmäiseltä firmalta jäi asiakas saamatta yksinkertaisesti siitä syystä, etten tykkää siitä että minua kiusataan.

    Hertz veti pohjat. Varauslomakkeen yhteydessä kysytään paikkakunnan lisäksi, minä päivänä ja mihin aikaan auto halutaan vuokrata. Tämän jälkeen käyttäjälle näytetään lista autonvuokraamoista, jotka sijaitsevat lähellä toivottua paikkaa. Ajan kysymisestä huolimatta lista sisältää myös vuokraamoja, jotka eivät ole auki toivottuna ajankohtana. Epähuomiossa valitsin siis vuokraamon, joka onkin kiinni, ja sain seuraavanlaisen ilmoituksen:

    Hertzin virheilmoitus
    Tässä vaiheessa vain hitusen kiukuttaa.

     

    Eipä tässä mitään, ajattelin, ja napsautin hyödyllisen näköistä “Help me find a location” -linkkiä. Hertzillä on vähän erikoinen käsitys auttamisesta, sillä seuraavalle ruuduilla avautui lista kaikista maailman maista, joissa on autovuokraamoja.

    Lista kaikista maista, joissa on Hertzin autovuokraamo
    Nyt jurppii oikein kunnolla.

    Tässä kohtaa alun suhteellisen miellyttävä käyttökokemus hajosi täysin, ja vaihdoin firmaa. Vinkkinä siis vastaavanlaisia sivustoja toteuttaville: huomioi myös virhetilanteet! Tässäkin tapauksessa olisi suhteellisen yksinkertaista tallentaa muistiin käyttäjän alun perin toivoma sijainti. Tämän tiedon avulla olisi helppo näyttää uudelleen lista vain kyseisellä paikkakunnalla sijaitsevista vuokraamoista. Vieläkin parempi vaihtoehto olisi ehkäistä virhetilanteiden synty alun perin huomioimalla vuokraamojen aukioloajat.

    , , ,

  • Mukautuvaa verkkosuunnittelua

    Aki Björklund kirjoitti eilen blogissaan ytimekkään arvion Ethan Marcotten mainiosta Responsive Web Design -kirjasta. Luin saman opuksen toissaviikolla, ja allekirjoitan täysin Akin näkemyksen, että kirja on pakollista luettavaa kaikille verkkopalveluiden suunnittelijoille ja kehittäjille.

    Olen pohtinut, mikä olisi hyvä suomenkielinen vaihtoehto responsiiville. Responsive tarkoittaa sanakirjan mukaan vastaanottavaista, myötämielistä ja herkästi reagoivaa. Näistä mikään ei oikein tunnu hyvältä kuvailemaan verkkosivustoja. Itse olen alkanut käyttää ilmaisua mukautuva: Sivusto, joka toimii ja näyttää fiksulta kaiken kokoisilla ruuduilla mukautuu ympäristöönsä (ainakin joiltakin osin). Suunnittelua, joka tähtää tällaisten sivustojen toteuttamiseen voitaneen silloin hyvällä syyllä kutsua mukautuvaksi verkkosuunnitteluksi.

    , ,

  • A Finnish-American wedding

    20110618-070245.jpg

  • Buying a bus ticket in the USA

    Being used to the fairly sensible ways of Finnish trains and buses, the policies stated on the American Greyhound website seem quite odd:

    While the ticket is schedule specific, it may be used for any schedule on the correct date for the origin and destination purchased.

    Err, what? So they’re basically saying that the ticket is only for a specific schedule, and then saying it isn’t. Well, at least it’s cheap.

    , , ,

  • Committing to Good Markup

    Solid, semantic and accessible HTML markup matters. When most people look at a web page, it doesn’t make much difference to them whether headings are coded with proper <h1> and <h1> tags or <span style="font-size: 20px">. Still, for someone using a screen reader, not to mention search engines and feed readers, it can make all the difference in making sense of a document. Luckily this specific issue is now rare, but in a world of plugins and cool themes that generate semi-adequate markup, we’re often not using HTML and CSS to their full potential in building solid, accessible and search engine friendly sites.

    By we I mean me of course. WordPress is awesome, and it’s one of the few CMS’s around that has committed to accessibility on the admin end (I’m not saying it couldn’t be improved). Unfortunately tight schedules and the very fact that its so easy to whip up a site using a few plugins and occasionally ready-made themes means its very tempting to be lazy.

    So here goes: I hereby promise to continue to build usable sites, with a renewed commitment to good semantic and accessible markup. Because the web should be for everyone (and there’s nothing like some sweet, elegant HTML is there?).

    , , , , , , , ,

  • My current workspace

    20110519-010356.jpg

    Trying out the new Quick Photo feature in WordPress for iOS 2.8… messy I know.

    , , , ,