14th Mar 2019
4 min

Your web applications should be designed like cities.

Written by:

Recently, Steadfast Collective’s Managing Director Pete went to watch his first away game supporting the Saints, after which, he learnt a valuable lesson about user experience and how we apply it to the building of our web applications and digital products:

I’ve been working on web applications for many years now; projects ranging from niche internal digital products to global digital applications with over 11-million users.

A few weeks ago, I had a real-life UX problem while in Manchester, which led me to think further about how we all should be building our applications.

It was a grey day in Manchester and we had just watched Southampton FC lose 3-2 to Manchester United at Old Trafford.

When we left the stadium, we headed towards the nearest tram station, where we were greeted by two queues signposted ‘Need tickets’ and ‘Have tickets’.

This felt very efficient and I was somewhat impressed. We stepped into the ‘Need tickets’ queue and waited patiently, noticing a few people turning back, wading through the sea of red football jerseys.

Once we eventually reached the front of the queue, we found out why: ‘Tram tickets £4. Cash only.

web applications design

We were in England’s third biggest city, visiting the tram station closest to their biggest public venue, only to queue and find out that it is cash only. Not only that, but you have to wait around a considerable length of time, only to reach the front of the queue and find out that your bank card isn’t going to cut it here.

For all the locals, this wasn’t a problem. They’re used to it; a quirk that they’ve likely come across many times and prepare for ahead of time. As a tourist, this was something I was not expecting. If we were in the digital world, Google Analytics would have recorded this conversion as failed.

Web applications should be designed like cities that receive a lot of tourists.

All cities have their quirks: Melbourne has a free tram system. In New York, the ferries are incredibly cheap. In London, you can use your contactless card as a ticket for the underground.
(As a side note, the free tram system around Melbourne makes me want to visit again. Free transport around a city you don’t know decreases stress for tourists five-fold.)

Our web applications reflect the individuality of a city’s ecosystem and we need to get better at accommodating our offering for tourists.

web applications design

Let me give you an example of a real-life web application quirk:

Buffer, the $60M social media management company has a quirk which we have been dealing with for years at Steadfast Collective. LinkedIn has a limited authorisation period; it’s 60 days. So every 60 days, we have to re-connect our LinkedIn account to Buffer.

To do so, however, I have to head to LinkedIn and remove Buffer from the ‘partners and services’ settings and then head back to Buffer to reconnect. It feels crazy. You can read more about this process here.

When we developed a new web application, Social Handler – the social management application for franchises, we hit the same problem.

We built this application, in Laravel and Vue.js to seamlessly connect to Facebook, Twitter and LinkedIn, acting as a social distribution platform for Franchises and Franchisees. We worked with the API to create a button, which after 60 days seamlessly enables the user to re-connect to LinkedIn right within the app, thus avoiding how-to guides and complex processes.

When we think of the users of our applications like tourists, then we can start making design decisions that make the user experience that bit better for everyone; old or new.

So practically, how can we, as designers and developers, learn to do this better?

  1. Talk to users. What is their biggest pain-point? How can we solve this easily and efficiently?
  2. Have a ‘tourist-first’ approach to design. Design and build in a way which informs and guides someone through your web application. Don’t let them fill in a huge form, only for them to find out that it’s ‘cash only’ (or more likely Paypal) at the end.
  3. Stop. Review. Go. When you’re working away on a long-term project, which is in its 12th phase, often you need to stop, review the situation and then go.

 

web applications design

It’s amazing the scale of impact one minor hurdle can have on whether a user sticks with your application or leaves to go elsewhere. Guide them through your city, showing them the best spots along the way and they are far more likely to return time and time again.

If there’s one thing I’ve learnt from my experience in Manchester, it is to start simple, considering everything from an outsider’s perspective, then building your infrastructure around user-flow.

29 thoughts on “Your web applications should be designed like cities.

  1. Hello. I have checked your steadfastcollective.com and i see you’ve got some duplicate
    content so probably it is the reason that you don’t rank high
    in google. But you can fix this issue fast.
    There is a tool that rewrites content like human,
    just search in google: miftolo’s tools

  2. Thanks for any other informative website. Where else may I get that kind of info written in such a perfect method? I have a venture that I am just now working on, and I’ve been on the glance out for such information.

  3. Have you ever considered about adding a little bit more than just your articles? I mean, what you say is important and everything. But think of if you added some great pictures or video clips to give your posts more, “pop”! Your content is excellent but with pics and video clips, this blog could undeniably be one of the very best in its field. Excellent blog!

  4. After study a number of of the blog posts on your website now, and I actually like your approach of blogging. I bookmarked it to my bookmark website listing and shall be checking again soon. Pls check out my web page as properly and let me know what you think.

  5. What’s Happening i am new to this, I stumbled upon this I’ve found It absolutely useful and it has aided me out loads. I’m hoping to contribute & help different customers like its helped me. Great job.

  6. Howdy I am so grateful I found your blog, I really found you by accident, while I was researching on Digg for something else, Regardless I am here now and would just like to say thanks a lot for a remarkable post and a all round thrilling blog (I also love the theme/design), I don’t have time to look over it all at the moment but I have book-marked it and also added in your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the excellent job.

  7. whoah this blog is excellent i love reading your articles. Keep up the good work! You know, lots of people are searching around for this info, you can help them greatly.

  8. Hi! I’m at work surfing around your blog from my new apple iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the outstanding work!

  9. Thank you for sharing excellent informations. Your web site is so cool. I am impressed by the details that you have on this website. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for extra articles. You, my friend, ROCK! I found simply the info I already searched everywhere and just could not come across. What a perfect website.

  10. Hey! This is my first visit to your blog! We are a team of volunteers and starting a new project in a community in the same niche. Your blog provided us beneficial information to work on. You have done a outstanding job!

  11. Hi, Neat post. There is a problem with your site in internet explorer, would test this… IE still is the market leader and a good portion of people will miss your excellent writing due to this problem.

  12. Thank you, I have recently been searching for info about this topic for a long time and yours is the best I’ve discovered till now. However, what in regards to the bottom line? Are you certain in regards to the source?

  13. whoah this blog is wonderful i love studying your articles. Keep up the great work! You recognize, lots of persons are searching round for this info, you can aid them greatly.

  14. I like what you guys tend to be up too. This type of clever work and coverage! Keep up the superb works guys I’ve added you guys to my own blogroll.

Leave a Reply

Your email address will not be published.

Together we can build something beautiful.

Let's Talk