“I hate it. Especially as I have an iPhone. Look. It’s not like it is on your [Nexus 5’s] bigger screen. I have to pinch to zoom and put the phone that bit closer to my face - and squint. It’s horrible. I don’t want to keep going but I have to - I need to find something out. You know when the need is so great, you have to do it now? Yeah, I could have gone and got my laptop to go on the website. But how absurd does that sound? This is 2014.”

Quick bit of background: I used to do front-end code years ago. I started my career as a coder but drifted away to more designing and managing rather than building. I’ve done a bit of dabbling here and there over the years (outside of markup in WordPress etc), but nothing that would make me comfortably say I was “a good front-ender” like I did back in 2000.

Work-wise recently I’ve been sewn down with a lot of strategy, user experience stuff, and production management. I am far from complaining here: it’s all good stuff, enjoyable.

The relationship between the ‘designer(s)’ and the ‘builder(s)’, the team that creates something, is a process I feel can/should be bridged and enhanced by both of those roles working together, having shared knowledge and appreciation of the other’s role and skills.

Example: I used a recent project as an excuse to create some in-browser wireframes using Twitter bootstrap, just for the heck of it. Could I do it? I could and I would, eventually. It was a learning experience that has helped me, understand deeper Twitter bootstrap.

I followed up that experience pretty quickly, using the experience to hack together a holding site (well, page) for my my company. And I’ve used that initial website as an opportunity to focus, to create a reason to try new stuff, with iterations of the website. (It hasn’t gone that far yet. Because time.)

So, to go back to the start: We were talking about our local council - Bradford - website.

I’ve been onto the council’s website earlier today with a specific goal, and on my laptop. Mindful of my chum’s little rant, I curiously had a quick go on the website on my 7 inch tablet and my mobile phone at the same time, to see where my chum was coming from. I could tolerate it, the things they found annoying - but then I spend a lot of time fiddling, evaluating, testing.

But, still, I could see their point. It is a pain in the ass. And it’s not a point I’d just heard from them. Others had piped up with similar, others who don’t work in the ‘world of digital’ but are nonetheless inhabitants of this modern world where engagement, the diseemination of information is through technology.

“Here, Si, you work on websites. Why is it when I go to some websites they know I am on my iPhone yet the council website just shows me a normal website?”

I know why that is, but I don’t know why that isn’t.

Lunchtime I dound myself with a little “leftover time” (y’know, after lunch was made and eaten) - and my friend’s chat was at the back of my mind. How hard could it be to ‘fix’ the website so it displays on a mobile phone? Could I hack together a version of the council’s website in whatever was left over from my lunch break? I had the time to have a go.

A quick nip to the website, selecting a content page, and then viewing the page’s source code was the starting point.

In the half an hour of my lunch break left over I had taken a local copy of the page, fired up Brackets, sketched the page visual and code structure, included some immediate (and naughty) hide code, and got to work on the CSS for the header, main content, and footer.

It wasn’t a massive job - there wasn’t time for it to be. And, sure, the approach I took was very much a hacked one, there are flaws. I worked with the HTML in place. My CSS was definitely hacks (not ‘best practice’. By the end of half an hour I’d broken the footer starting to do some more detailed faffing. And didn’t create versions of my code, so couldn’t quickly go back to a version that ‘worked’.

But my goal was quite clear: To create a version of that page that displayed better on a mobile phone screen within half an hour. I wasn’t after the leanest code or a redesign (although I did use up the size of the breadcrumb slightly, just for the heck of it). And I did it.

Experimenting, hacking, recycling, trying new ways to understand how things can be made, should be part and parcel of what we do - and not just ‘we’ as people that make digital things, but people as people.

Four takeaways for me:

  • Could the people who actually own/run the council website just have a go like this?
  • It wasn’t too bad hacking together a mobile version in a lunch. What else out there could I hack together into a mobile friendly format? (The WY Metro timetables are something I regularly use.)
  • Could I extend this “half hour hacks” into a regular programme, maybe like Alex Proba’s a poster a day project?
  • What thing out there already do you think could be improved with a little jiggery-pokery? Or maybe a redesign/rebuild. Could you have a go yourself? We’ll be talking about this at the next Leeds Digital Lunch.

This post tagged with: