I'm in the process of redeveloping a "request seat" page for a taxi sharing application that I am working on. Users can request a seat on a booking made by another user - this page allows them to view the cost implications of having an additional pickup/dropoff on a journey.
I've reached a stage where I would like to combine two UI's, but I'm not too sure how do it properly. Can you please help? I've included them below with several comments on each, with what I believe is the best element of both UIs:
UI #1
- Allows the user to clearly identify the choice the user has with the radio button option and also to keep the sequence of the travel path visually in order
- Not sure if radio buttons are commonplace on mobile apps, but it helps the user determine whether they want to be picked up at Shenley Brook End or somewhere else, I like this a lot.
UI #2
- I see the need for the edit (pencil icon)/map (pointer icon) functionality, but does it look out of place?
- I feel there is a duplication of functionality with the edit/add-stop feature... perhaps drop one for the other?