I’ve just come up with the first concept design for a route selection GUI. I’m interested in people’s thoughts and opinions.
The map is a placeholder and will be eventually be made to fit the actual route.
On the ‘Trains’ UI, the blank boxes will contain filters. These are yet to be decided.
Looks great! Can’t wait to see the final converted product.
Looks amazing, but would the overhead Routes and Trains title be any better if it was a little bigger?
I think it looks better that way, makes the empty space still plenty to compliment the text. I also find bigger text a lot better then smaller text, more easy to read I assume.
I made a few other alterations to complement it and I actually prefer it. Thank you for the feedback!
The UI looks awesome! In my opinion, I really like it! Great work! 
I think there could be a couple more pixels of padding between the giant “GTW” and “Gatwick Airport”.
You could also make the rectangle a bit taller so that this area has a little more space on the top and bottom:
A good rule of thumb when designing GUIs is to try to keep the padding even on all sides. You have some padding here:
But not here:
I gave the card a bit of padding on the bottom but if I was to give it the same as the top padding I think it has too much of a chin.
(top) added a bit of padding to the botton
(bottom) added equal padding all round
In your bottom image, I think you could move the little progress bar thing (stepper? idk) down a bit, so that it looks centered. That gives it some space to breathe on the top and bottom.
Ah yes. I much prefer that.
Also, that is supposed to represent the stations on the route (if that changes anything)
Where’s the back button?
Also… did you purposely use my local tube station in that central line example?
Back button will come last so I can work out how it best be placed & designed.
Haha! I didn’t even realise! I just looked for a station with two interchanges surrounding a normal station.
