Select Page

Travamigos Audit

Friday 30th November 2018

Whilst looking at similar worldwide community-based apps I came across Travamigos, an app that brings travel lovers together to plan and go on trips.

There are some features and flows that I really like about this app so I’m going to audit some parts and think about what I could apply from this to my own project.

 

Firstly, the discover section is beautifully designed and effective. It gets straight to the meat of the site allowing the user to see multiple categories and sections just on the one homepage. It also has a clear structure and tile system which doesn’t always work for apps but is perfect for Travamigos.

Then if you click into a section it takes you to a tiled infinite scroll of the child sections within the parent category. I think this was a really effective solution to the navigation problem of dealing with multiple layers of navigation.

I had thought about making the category headings on Go Give bigger but the smaller size actually looks perfect on mobile devices and also frees up screen space which is already precious when dealing with apps.

Also, the modern rounded squares with drop shadows have helped it move away from the Windows Metro style layout which looks clunky and thrown together.

A note about the navigation, I like the Discover heading on the first screen it ties in well with the new iOS style and the Human Interface Guidelines even though the white space at the top does eliminate some space for content if you are sticking with the iOS style I don’t think you could get away with removing the top padding.

Also, the trips icon at the bottom navigation looks a tad out of place as it is the only 3D icon whereas the rest are 2D, even though it is a well-illustrated icon it could easily be made into a 2-dimensional icon to blend in with the other three. Again this navigation uses icons and words which I find to be the best solution. Both John Hicks and Gerry McGovern gave talks at Pixel Pioneers in November about the importance of having clear icons and a word to accompany them.

 

Once you navigate into a child category you get a bigger list of trips you can attend with information and meta tags on them. Then once you click into one you are shown a big fullscreen image with the same meta information as the previous page. I don’t think it’s necessary to show the same information and photo in the next page, it would be better if you had a small snippet of information on the first tile, or even different information and a picture when you click into the event.

I do think the full-screen image is good and very engaging, this is what I’m going for with Go Give with the quick appeal feature but I think Travamigos would benefit from having more attention-grabbing information on the image when you click into it.

Then there is some very brief information, with a list of “amigos” who are planning to go on the trip and call to action button that lets you join the trip. I really like this layout and style, it gives the user all the information they need to make a decision if they want to proceed further. Too many apps think you need to cram as much information possible into the first page but that actually deters users. It is far more effective to spoon-feed them information as they become more interested and enquire more.

 

These blank states are really interesting to see as when you start any new app it will more than likely be missing some of the data so having placeholder screens like this is a great alternative to just having a blank page. The sign in screens for Facebook and Twitter are also useful as you can sign in there without having to give your personal data over.

 

Also, their website is a really good example of promoting the app and the brand. They have considered their visual grammar and used it to make a various inspiring call to actions on the website.

They also have all of the important on boarding information that you would need to download the app and see how it works. I think using mockups like this on the homepage is an absolute must for Go Give. Users should see how the app looks and feels straight away without having to download the app first.

There is an inspiration section which is almost like a travel blog. This would be a good idea to do something similar for Go Give, where you have people writing about their experience helping out with different charities. But I think this would be something I’d look at another time when the site was fully built maybe as an iteration as I don’t think it should be the main focus during this project.

 

Final Thoughts

The tiled navigation is a very useful way to display information and could be applied to Go Give. I think the modern rounded edges and subtle drop shadows is what I am going with anyway as the majority of the inspiration for the app on my Tumblr would suggest that.

Also, there is a lot of inspiration to pull from on the website with the layout and content. The choice of language and big bold call to actions really make this an engaging and useful website to get people to download the app and I think Go Give should aim to do the same thing.

Nathan Patton

Interaction Designer

hello@nathanpatton.co.uk

46.356995, 14.082128

nathan.