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.

104 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.

  15. Thanks for sharing superb informations. Your web-site is so cool. I am impressed by the details that you’ve on this web site. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for more articles. You, my pal, ROCK! I found just the information I already searched everywhere and simply couldn’t come across. What a perfect website.

  16. It is in point of fact a nice and useful piece of info. I am glad that you just shared this helpful information with us. Please keep us informed like this. Thanks for sharing.

  17. whoah this weblog is magnificent i really like reading your articles. Stay up the good work! You understand, a lot of people are hunting round for this information, you could help them greatly.

  18. I as well as my buddies were checking out the great techniques located on your web site while instantly I got a horrible suspicion I had not thanked you for those techniques. Most of the guys were so happy to read through them and have in effect truly been tapping into these things. Thank you for indeed being considerably accommodating as well as for considering variety of brilliant subject matter most people are really eager to discover. My sincere apologies for not expressing appreciation to sooner.

  19. Thanks for any other informative web site. Where else may I am getting that kind of information written in such an ideal manner? I have a challenge that I am just now working on, and I have been at the glance out for such information.

  20. I have been exploring for a little bit for any high quality articles or blog posts on this kind of area . Exploring in Yahoo I at last stumbled upon this site. Reading this info So i’m happy to convey that I have a very good uncanny feeling I discovered exactly what I needed. I most certainly will make certain to do not forget this website and give it a glance regularly.

  21. An interesting discussion is worth comment. I think that you should write more on this topic, it might not be a taboo subject but generally people are not enough to speak on such topics. To the next. Cheers

  22. Nice post. I was checking constantly this blog and I am impressed! Extremely useful info specifically the last part 🙂 I care for such info a lot. I was looking for this certain info for a very long time. Thank you and best of luck.

  23. Have you ever considered about including a little bit more than just your articles? I mean, what you say is valuable and everything. But just imagine if you added some great images or videos to give your posts more, “pop”! Your content is excellent but with pics and videos, this blog could certainly be one of the very best in its niche. Terrific blog!

  24. I enjoy you because of every one of your work on this blog. Gloria loves making time for investigation and it’s really simple to grasp why. My spouse and i notice all of the dynamic mode you make very important guides by means of your website and as well as improve contribution from website visitors on this theme then our own child is in fact understanding a whole lot. Enjoy the rest of the new year. You are always doing a first class job.

  25. I am not sure where you’re getting your information, but good topic. I needs to spend some time learning much more or understanding more. Thanks for great information I was looking for this information for my mission.

  26. I like this website so much, saved to bookmarks. “I don’t care what is written about me so long as it isn’t true.” by Dorothy Parker.

  27. F*ckin’ awesome things here. I’m very glad to see your article. Thanks a lot and i’m looking forward to contact you. Will you kindly drop me a e-mail?

  28. obviously like your web site but you need to check the spelling on quite a few of your posts. A number of them are rife with spelling issues and I in finding it very bothersome to tell the reality on the other hand I’ll certainly come back again.

  29. I simply couldn’t go away your website prior to suggesting that I really enjoyed the usual info a person supply for your visitors? Is gonna be again steadily in order to investigate cross-check new posts

  30. Im now not certain the place you’re getting your info, however good topic. I must spend a while learning much more or figuring out more. Thanks for wonderful info I used to be looking for this information for my mission.

  31. La televisión pública de Madrid ha dejado de emitir, en un comunicado se informa que los trabajadores de Telemadrid apoyan la huelga. Al parecer todos los grandes centros de abastecimiento del Estado, Mercamadrid, Mercabarna, Mercavalencia, Mercabilbao y Mercasevilla están bloqueados, por lo que no se registran actividades. En Madrid, represores de la Policía Nacional han intervenido con violencia para facilitar la entrada de una veintena de camiones en las instalaciones de Mercamadrid. En la empresa pública de aguas de Madrid, Canal de Isabel II, el Comité empresa y trabajadores están encerrados desde las 19:00 del miércoles en apoyo a la huelga y contra la privatización.

  32. Thanks , I’ve recently been looking for information approximately this subject for ages and yours is the best I’ve came upon so far. However, what in regards to the bottom line? Are you positive concerning the source?

  33. Thanks for every other fantastic post. The place else may just anyone get that kind of info in such an ideal means of writing? I have a presentation subsequent week, and I’m at the look for such information.

  34. Hmm it appears like your website ate my first comment (it was extremely long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly enjoying your blog. I too am an aspiring blog writer but I’m still new to everything. Do you have any recommendations for first-time blog writers? I’d definitely appreciate it.

  35. I like what you guys are up too. Such intelligent work and reporting! Carry on the excellent works guys I¦ve incorporated you guys to my blogroll. I think it will improve the value of my site 🙂

  36. Simply desire to say your article is as astonishing. The clearness in your post is simply cool and i can assume you are an expert on this subject. Fine with your permission let me to grab your RSS feed to keep up to date with forthcoming post. Thanks a million and please continue the gratifying work.

  37. It?¦s actually a nice and useful piece of information. I?¦m glad that you simply shared this helpful information with us. Please keep us up to date like this. Thank you for sharing.

  38. hey there and thank you for your information – I’ve definitely picked up something new from right here. I did however expertise some technical points using this web site, since I experienced to reload the web site lots of times previous to I could get it to load properly. I had been wondering if your web hosting is OK? Not that I am complaining, but slow loading instances times will often affect your placement in google and can damage your high quality score if ads and marketing with Adwords. Well I am adding this RSS to my e-mail and could look out for much more of your respective fascinating content. Ensure that you update this again soon..

  39. I haven’t checked in here for a while since I thought it was getting boring, but the last few posts are good quality so I guess I’ll add you back to my daily bloglist. You deserve it my friend 🙂

  40. I do agree with all of the ideas you’ve presented in your post. They’re very convincing and will certainly work. Still, the posts are too short for starters. Could you please extend them a bit from next time? Thanks for the post.

  41. Howdy! I know this is somewhat off topic but I was wondering which blog platform are you using for this site? I’m getting tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform. I would be fantastic if you could point me in the direction of a good platform.

  42. You are my breathing in, I possess few blogs and occasionally run out from brand :). “Truth springs from argument amongst friends.” by David Hume.

  43. I cherished as much as you’ll receive performed right here. The sketch is tasteful, your authored material stylish. nonetheless, you command get bought an shakiness over that you want be delivering the following. ill indisputably come more beforehand again since precisely the similar nearly very steadily inside of case you defend this increase.

  44. I was very pleased to find this web-site.I wanted to thanks for your time for this wonderful read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you blog post.

  45. Hello There. I found your blog the use of msn. This is an extremely neatly written article. I will be sure to bookmark it and return to learn extra of your helpful info. Thank you for the post. I will definitely return.

  46. Very good written story. It will be beneficial to anybody who utilizes it, as well as yours truly :). Keep up the good work – looking forward to more posts.

  47. This is the right blog for anybody who needs to seek out out about this topic. You understand a lot its nearly hard to argue with you (not that I actually would want…HaHa). You positively put a new spin on a subject thats been written about for years. Great stuff, simply nice!

  48. Hey There. I found your weblog using msn. This is a really neatly written article. I’ll make sure to bookmark it and come back to read more of your useful info. Thanks for the post. I will definitely comeback.

  49. I needed to compose you one very small word to thank you very much once again just for the amazing knowledge you’ve provided at this time. This has been certainly strangely generous with people like you to allow publicly exactly what a number of people could have offered as an e-book to help make some bucks for their own end, principally now that you could possibly have done it in case you desired. These concepts additionally worked to become fantastic way to know that other individuals have a similar fervor just like my personal own to grasp great deal more with reference to this condition. I think there are millions of more enjoyable opportunities ahead for individuals who look into your site.

  50. Thank you so much for giving everyone such a wonderful opportunity to read in detail from this web site. It can be so kind plus full of a good time for me personally and my office fellow workers to search your blog at the very least 3 times in 7 days to study the newest things you have. Of course, we are at all times happy with the surprising tips you give. Some 3 areas on this page are clearly the most beneficial we’ve ever had.

Leave a Reply

Your email address will not be published.

We would love to hear from you!

Let's Talk