diamond geezer

 Thursday, May 17, 2012

I got Reddited yesterday. Which was nice.

Reddit, if you don't know, is a long-standing online community where users add links to an ever-bubbling noticeboard. If they like something they vote it up, and if they don't they vote it down. What with Redditors being just a trifle nerdgeeky, they liked my list of station usage data and voted it up. Hey presto, well over a thousand of them clicked over, which was nice.

And then they went back to their own site and left comments. "I thought Clapham Junction was the busiest train station in the U.K." said one. "It's the busiest because lots of trains go through it, but this list is busiest in terms of passengers using the stations" said another. "Stratford... it's crazy busy. I travel from there every morning. Sometimes I've been on a completely packed train to the point that West Ham and Canning Town folks can't really get on at all," added a third. And then somebody said this.
» What a terrible looking site. [eastlondonmandem]
Oh, I wasn't expecting that. The feedback continued.
» content over form isn't necessarily a bad thing [Scary_]
» Pretty sure it's been the same since 1999. The content is great, but I agree that it could do with a facelift. [Larwood]
» OK - the aesthetics might not be "modern", but is that really a reason to change? The Golden Syrup tin hasn't changed since it was designed and is now considered a classic. [geekchic]
There then followed a wildly tangential geekbitchfight debating the merits (or otherwise) of Javascript and Ajax, because that's what Reddit's like sometimes. But I was left thinking, oh, does my website really look crap?

I'm still using a Blogger template from ten years ago. It used to be a vile shade of green, which I soon updated to silver (or, OK, grey). But other than that it's still pretty much the same layout and design as ten years ago, mildly tweaked, with added bits embedded here and there. It's fairly simple underneath, and I understand how it all fits together, so who cares if it's little more than two ashen strips with text in? I'm betting you're here for what I've written, rather than how it looks, so I place all my effort there.

But, looking afresh, I'm probably doing myself no favours. Those thousand plus people who surfed in yesterday, many for the first time, may well have formed a snap judgement on my site based on one page of ugliness. They won't be back. And yet perhaps leaden grey clunkiness is the least of my problems, maybe it's screen size. It used to be that most people accessed the web via a computer with a big screen, but today the driving impetus is portable miniaturisation. I don't yet have a smartphone, so it struck me that perhaps my blog might look godawful on a mobile, even to the point of illegibility. Ulp. So I unearthed a few emulators online and, ah, oh dear, maybe that's not good at all.

On an iPad, seemingly, no problem. I stuck diamondgeezer.blogspot.com into a iPad simulator and it looks fine, even quite swish, with all the greys and blacks and indigos blending well. But on an iPhone, if these emulators are anything to go by, it's not so hot. My dark grey sidebar's only 180 pixels wide, which is nothing on a normal screen, but on a thin mobile screen it's much too over-dominant. There's not enough space to the left for the main text, so far as I can see, which then becomes much too titchy to easily read. Or maybe I have a scrolling problem. Using this emulator the text comes up full size but runs straight off the edge, back and forth, which you'd need the patience of a saint to coherently read. In the upcoming futureworld of mobile browsing, it seems, my blog is several different types of unreadable. Sorry.

To confirm this sorry state of affairs I tested my blog for mobile-readiness using a couple of validation sites. They weren't best pleased. I'm doing lots of things wrong, apparently, which makes my blog almost as mobile-unfriendly as it gets.

  • The size of the document's markup exceeds 10 kilobytes. Er, yes. My mark-up's 167.6KB, apparently, so it takes an age to load. Too long, or too data-expensive, for most people to bother.
  • There are more than 20 embedded external resources. Er, yes. I let readers see up to a fortnight's posts all in one go, which is a lot of photos for one page. No problem on a broadband PC, but a fatal choking error in your pocket.
  • A "javascript:" link is used. Er, yes. My comments pop-up via Javascript, but mobiles hate pop-ups with a vengeance.
  • There are nested tables. Er, yes. My entire template is a two-column table, rather than a seamless CSS stylesheet, which is appallingly old-school.
  • The document does not validate against XHTML Basic 1.1 or MP 1.2. Er, no. And the list of failures goes on, and on, and on.

    What I ought to undertake is a complete template redesign. Something swish and modern, something off the shelf, rather than a creaking internet dinosaur that's unfit for purpose. Websites like Londonist and Ian Visits have already upgraded to mobile-friendly templates where you can only view one post at a time, never two, which makes them much easier to load. London Reconnections now has an alternative mobile format which strips away the sidebar and leaves the main content perfectly legible, just like magic. Or perhaps I could retreat to dumbdown geezer, my April Fool from last year, which I deliberately slimmed down to simplistic levels for readability's sake. As another Redditor says...
    » It could do with a lot more contrast in the content area, as well as a smaller column size for the main content (we aren't reading on 1024x768 any more!) [r3m0t]
    But stuff that. I want to flaunt the depth of my content, not hide it away. I'm a webpage purveyor, optimised for the big screen. I'm a child of 2002, still doing landscape while the world's going portrait. I'm a miserable coding stick-in-the-mud, happy with what I've got until someone proves it's broken. I'm continuing to make the fatal assumption that you're all viewing my blog the same way I am, and it still looks fine to me. Only when I buy myself a smartphone and start to view my blog through different eyes might things begin to change. Until then, sorry, the terrible-looking site lingers on.

  • << click for Newer posts

    click for Older Posts >>

    click to return to the main page

    ...or read more in my monthly archives
    Jan17  Feb17
    Jan16  Feb16  Mar16  Apr16  May16  Jun16  Jul16  Aug16  Sep16  Oct16  Nov16  Dec16
    Jan15  Feb15  Mar15  Apr15  May15  Jun15  Jul15  Aug15  Sep15  Oct15  Nov15  Dec15
    Jan14  Feb14  Mar14  Apr14  May14  Jun14  Jul14  Aug14  Sep14  Oct14  Nov14  Dec14
    Jan13  Feb13  Mar13  Apr13  May13  Jun13  Jul13  Aug13  Sep13  Oct13  Nov13  Dec13
    Jan12  Feb12  Mar12  Apr12  May12  Jun12  Jul12  Aug12  Sep12  Oct12  Nov12  Dec12
    Jan11  Feb11  Mar11  Apr11  May11  Jun11  Jul11  Aug11  Sep11  Oct11  Nov11  Dec11
    Jan10  Feb10  Mar10  Apr10  May10  Jun10  Jul10  Aug10  Sep10  Oct10  Nov10  Dec10 
    Jan09  Feb09  Mar09  Apr09  May09  Jun09  Jul09  Aug09  Sep09  Oct09  Nov09  Dec09
    Jan08  Feb08  Mar08  Apr08  May08  Jun08  Jul08  Aug08  Sep08  Oct08  Nov08  Dec08
    Jan07  Feb07  Mar07  Apr07  May07  Jun07  Jul07  Aug07  Sep07  Oct07  Nov07  Dec07
    Jan06  Feb06  Mar06  Apr06  May06  Jun06  Jul06  Aug06  Sep06  Oct06  Nov06  Dec06
    Jan05  Feb05  Mar05  Apr05  May05  Jun05  Jul05  Aug05  Sep05  Oct05  Nov05  Dec05
    Jan04  Feb04  Mar04  Apr04  May04  Jun04  Jul04  Aug04  Sep04  Oct04  Nov04  Dec04
    Jan03  Feb03  Mar03  Apr03  May03  Jun03  Jul03  Aug03  Sep03  Oct03  Nov03  Dec03
     Jan02  Feb02  Mar02  Apr02  May02  Jun02  Jul02 Aug02  Sep02  Oct02  Nov02  Dec02 

    eXTReMe Tracker
    jack of diamonds
    life viewed from london e3

    email    twitter    G+

    my flickr photostream

    What's on this month?
    28 Jan – 23 Apr (10am-4.30pm)
    Sussex Modernism
    The sixth annual exhibition at Two Temple Place focuses on radical art/writing in Sussex, and is damned excellent.

    twenty blogs
    ian visits
    blue witch
    city metric
    the great wen
    edith's streets
    spitalfields life
    in the aquarium
    round the island
    wanstead meteo
    london museums
    christopher fowler
    ruth's coastal walk
    london reconnections
    dirty modern scoundrel

    quick reference features
    Things to do in Outer London
    The DG Tour of Britain
    Comment Value Hierarchy

    read the archive
    Feb17  Jan17
    Dec16 Nov16  Oct16  Sep16
    Aug16  Jul16  Jun16  May16
    Apr16  Mar16  Feb16  Jan16
    Dec15  Nov15  Oct15  Sep15
    Aug15  Jul15  Jun15  May15
    Apr15  Mar15  Feb15  Jan15
    Dec14  Nov14  Oct14  Sep14
    Aug14  Jul14  Jun14  May14
    Apr14  Mar14  Feb14  Jan14
    Dec13  Nov13  Oct13  Sep13
    Aug13  Jul13  Jun13  May13
    Apr13  Mar13  Feb13  Jan13
    Dec12  Nov12  Oct12  Sep12
    Aug12  Jul12  Jun12  May12
    Apr12  Mar12  Feb12  Jan12
    Dec11  Nov11  Oct11  Sep11
    Aug11  Jul11  Jun11  May11
    Apr11  Mar11  Feb11  Jan11
    Dec10  Nov10  Oct10  Sep10
    Aug10  Jul10  Jun10  May10
    Apr10  Mar10  Feb10  Jan10
    Dec09  Nov09  Oct09  Sep09
    Aug09  Jul09  Jun09  May09
    Apr09  Mar09  Feb09  Jan09
    Dec08  Nov08  Oct08  Sep08
    Aug08  Jul08  Jun08  May08
    Apr08  Mar08  Feb08  Jan08
    Dec07  Nov07  Oct07  Sep07
    Aug07  Jul07  Jun07  May07
    Apr07  Mar07  Feb07  Jan07
    Dec06  Nov06  Oct06  Sep06
    Aug06  Jul06  Jun06  May06
    Apr06  Mar06  Feb06  Jan06
    Dec05  Nov05  Oct05  Sep05
    Aug05  Jul05  Jun05  May05
    Apr05  Mar05  Feb05  Jan05
    Dec04  Nov04  Oct04  Sep04
    Aug04  Jul04  Jun04  May04
    Apr04  Mar04  Feb04  Jan04
    Dec03  Nov03  Oct03  Sep03
    Aug03  Jul03  Jun03  May03
    Apr03  Mar03  Feb03  Jan03
    Dec02  Nov02  Oct02  Sep02
    back to main page

    the diamond geezer index
    2016 2015 2014 2013 2012 2011 2010 2009 2008 2007 2006 2005 2004 2003 2002

    my special London features
    a-z of london museums
    E3 - local history month
    greenwich meridian (N)
    greenwich meridian (S)
    the real eastenders
    london's lost rivers
    olympic park 2007
    great british roads
    oranges & lemons
    random boroughs
    bow road station
    high street 2012
    river westbourne
    trafalgar square
    capital numbers
    east london line
    lea valley walk
    olympics 2005
    regent's canal
    square routes
    silver jubilee
    unlost rivers
    cube routes
    capital ring
    river fleet

    ten of my favourite posts
    the seven ages of blog
    my new Z470xi mobile
    five equations of blog
    the dome of doom
    chemical attraction
    quality & risk
    london 2102
    single life
    april fool

    ten sets of lovely photos
    my "most interesting" photos
    london 2012 olympic zone
    harris and the hebrides
    betjeman's metro-land
    marking the meridian
    tracing the river fleet
    london's lost rivers
    inside the gherkin
    seven sisters

    just surfed in?
    here's where to find...
    diamond geezers
    flash mob #1  #2  #3  #4
    ben schott's miscellany
    london underground
    watch with mother
    cigarette warnings
    digital time delay
    wheelie suitcases
    war of the worlds
    transit of venus
    top of the pops
    old buckenham
    ladybird books
    acorn antiques
    digital watches
    outer hebrides
    olympics 2012
    school dinners
    pet shop boys
    west wycombe
    bletchley park
    george orwell
    big breakfast
    clapton pond
    san francisco
    children's tv
    east enders
    trunk roads
    little britain
    credit cards
    jury service
    big brother
    jubilee line
    number 1s
    titan arum
    doctor who
    blue peter
    peter pan
    feng shui
    leap year
    bbc three
    vision on
    ID cards