Giter Club home page Giter Club logo

wmn-find-a-ticket's Introduction

Transport for West Midlands Create React App template

Get started

Installation

  • Click Use this template in the top right hand corner of Github
  • Git clone your newly created repo based on this github template
  • npm i to install dependencies

Alternatively

  • Clone the project: git clone https://github.com/wmcadigital/wmn-ticket-finder.git
  • npm i to install dependencies

Installed pacakges

Dependencies

Dev Dependencies

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

wmn-find-a-ticket's People

Contributors

catiarodriguescosta avatar dependabot[bot] avatar gldgrnt avatar houbly avatar sudheer-rk avatar

Watchers

 avatar  avatar  avatar

wmn-find-a-ticket's Issues

nBus: Payment locations are missing

Some payment locations are not being pulled from the CRM:

  • Payzone
  • Swift Kiosk
  • National Express app

For example, 28 days/4 week regional nbus only shows the option to buy on Swift online, but in the CRM it is also available through Payzone, Swift Kiosks and the National Express app:

Screenshot 2022-12-14 at 10 15 58

Screenshot 2022-12-14 at 10 16 51

nTrain zones not providing the correct options

Entering University to New Street correctly suggests a Zones 1 to 2 ticket. However this isn't presented as an option when multiple modes are selected.

image

It works correctly when only train is selected.

Group and family tickets

What is covered by a group or familiy ticket? How many people can travel using one? Should we add some inset text (similar to other tickets) to explain?

Screenshot 2022-09-12 at 12 30 39

Also question why it's included in the train option if it's unavailable as a ticket? As a user, you're forced to select it as an adult ticket.

Screenshot 2022-09-12 at 12 29 47

Content on bus services that are not part of the nBus ticket scheme

Wording on bus services that are not part of the nBus scheme/able to be purchased through the TfWM site could be clearer.

This covers Coventry Minibuses and Select Bus Services.

Wording implies user wants to purchase a ticket that will only work on these buses, rather than having to buy a ticket because the bus service won't accept nBus tickets.

Change content to something like:

'You cannot buy Coventry Minibuses bus tickets from our website.

They are also not part of the nBus ticket scheme.

To use a Coventry Minibuses bus, you'll need to buy a ticket from their website.'

Screenshot 2022-09-12 at 14 53 50

Bus group ticket - content

For group bus travel, there isn't the option to choose an area of travel (see attached image for adult ticket for comparison). To avoid confusion, is it worth changing the content to reflect this, rather than the standard text used on both user routes?

Screenshot 2022-09-12 at 12 39 50
Screenshot 2022-09-12 at 12 40 38

Links opening in same window rather than another

Links within the service open within the same window as the form, thereby taking the user out of the flow. For example, the links to locate stations or rail zones in the attached

Text will need amending throughout to indicate the link will open in another window.

Screenshot 2022-09-09 at 13 41 21
Screenshot 2022-09-09 at 13 48 34

Metro zones: border stop logic issues

Zones at border stops aren't showing the correct logic.

Border stops are:

  • Jewellery Quarter (Zones 1 & 2)
  • Black Lake (Zones 2 & 3)
  • Priestfield (Zones 3 & 4)

For example, when a user selects Jewellery Quarter and Grand Central, it should show Zone 1 tickets only.

If they select Jewellery Quarter and The Hawthorns, it should show Zone 2 tickets only.

Currently the app is recommending zone 1 to 2 tickets for the second scenario.
image

User flow being disrupted when looking at rail zone maps

When a user clicks on the 'view rail zones on a map' (or list view), they are taken to the relevant service within the same window, with the from and to fields populated with any previously supplied station names.

At this point, you can then either click back to ticket finder or the Continue CTA, however, both take you to legacy ticket finder service (https://legacy.wmnetwork.co.uk/tickets/?selectedStation0=BHM&selectedStation1=YRD#/) rather than return the user to the find a ticket service.

It's also an issue on the tram user journey when using the view tram zone links.

Screenshot 2022-09-09 at 13 48 34
Screenshot 2022-09-09 at 13 57 16

Swift go price shows as £0.00

Swift go option shows price as '£0.00 for 1 day' which is not accurate. Can you please hide the price if it is not possible to calculate it.

Screenshot 2021-10-05 at 14 38 19

Issues around disabled and older persons pass

There are a number of issues when a user selects either disabled or older person on the 'Who will be travelling' screen. After selecting either, there is an assumption that the user is in receipt of the pass and includes this within the 'Travel time' section on the right hand side, rather than indicating a time.

This flow needs redesigning to be clearer to the user.

Screenshot 2022-09-09 at 13 36 43
Screenshot 2022-09-09 at 13 36 49

Wrong ticket returned

I selected all bus companies ticket option for 28 days, but TK returned NX ticket.
Screenshot 2021-10-05 at 13 43 59

Screenshot 2021-10-05 at 13 44 42

Changing transport mode as an older/disabled traveller shows incorrect questions

If I choose Bus/Train > Travel on any bus > Older person/Disabled person and then choose to change my transport mode to Tram, I'm presented with a question with no options:

Screenshot 2021-10-07 at 14 31 49

I believe the user should be presented with the page to explain there are no results.


If I choose Bus > Travel on any bus > Older person/Disabled person and then choose to change my transport mode to Train, I'm asked to enter my stations and choose my zones, but after that I'm presented with the same question with no options:

Screenshot 2021-10-07 at 14 37 41

The question above should be skipped and the user should see this page instead (since all concessionary pass types are off-peak):

Screenshot 2021-10-07 at 14 40 44

Rail zone selection

When user selects rail zones using a map or list view and clicks 'continue' TK should take them to the next question. At the moment it asks again to confirm rail zones. We did user testing here and majority of users said they don't want to be asked again.

Screenshot 2021-10-05 at 14 59 29

Screenshot 2021-10-05 at 14 59 37

Find a bus company and TK issue

I selected bus > only one bus company > I don't know the bus company I travel with > Found that NX operates my bus and when I clicked Select NX ticket I expected to go into TK journey but I was taken to the landing page on TK without my answers selected.

Screenshot 2021-10-05 at 13 50 06

Screenshot 2021-10-05 at 13 52 30

nBus payment directives: West Midlands Network removal

On Travel centre payment directives, the text is:

You can only buy this ticket from a West Midlands Network travel centre.

This should be changed to

You can only buy this ticket from a Transport for West Midlands travel centre

image

nTrain Zone: Wolverhampton St. George's

Wolverhampton St. George's is showing nTrain zone information instead of Metro zones:
image

It should say "Wolverhampton St. George's is in Zone 4"

The line "If you do not need to travel through Birmingham City Centre, you can get a zone 2 to 4 ticket." is not needed, as it relates to train zones.

Change copy on the link to the JP for bus tickets

'I don't know what bus I need' link copy will need to change to make it more clear that it will direct users to the JP.

Change the text link to: 'If you do not know what bus you need, you'll need to plan a journey'

Screenshot 2021-10-07 at 08 58 06

Mode selection: West Midlands Network text change

The text in the mode selection page that appears when all three modes are selected needs updating to reflect the brand change:

image

New text:

You can travel on any bus and ride the tram to all stations in the Transport for West Midlands area with an nNetwork ticket. We will ask you to select which rail zones you want to travel to.

Links to supporting passes in the 'Who will be travelling?' should open in a new tab

The links within the inset text components that appear when certain traveller types are selected should open in a new tab. This is because we don't want users to be taken out of the journey. Users may want to read up on these additional passes and then return to the ticket finder, so it is easier if the links open in a new tab so users can switch back and forth.

Screenshot 2021-10-05 at 15 08 30

No ticket help message

Could you please add a helpful message to explain that if you have concessionary travel card you can travel on tram, train and bus off peak in WM.
Screenshot 2021-10-06 at 15 08 40

This is how it is done on the current TK.
Screenshot 2021-10-06 at 15 10 06

nBus icon missing

There are instances where the hexagonal 'n' icon is missing from the nBus name in the right hand column and is just presented as a standard 'nBus'.

Seems to be an issue after a user selects no to the question of whether they want to travel on any bus. Where as if they select yes, it's the icon version.

Screenshot 2022-09-12 at 16 16 45
Screenshot 2022-09-12 at 16 17 02

Wrong wording

Text says '£29.00 for 1 month' but it is not accurate since ticket is for 28 days only.
Screenshot 2021-10-07 at 10 57 45

Screenshot 2021-10-07 at 10 58 29

Train - Suggested zones don't match ticket type options

User is told they need a zone 1-3 ticket, but is only presented with the option to buy a zone 1-5.

This is an issue with young persons, older and disabled persons options.

Did think this may be an issue with the assumption they'll have a concession card, but is fine for the Student (16+) option

Screenshot 2022-09-12 at 16 43 59

Tram journey issue

Selecting an adult ticket between Library and Grand Central states there's no ticket available. Should show a zone 1 ticket.

When clicking on 'change' on the Metro zones section, the user is presented with the train station page, rather than the tram.

Screenshot 2022-09-12 at 16 35 17

Screenshot 2022-09-12 at 16 36 23

Screenshot 2022-09-12 at 16 39 55

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.