Right way to draw flowcharts [closed]

Question

Let's say my mobile app has a 3 intro screens Screen1, Screen2, Screen3 that are shown at the 1st launch. When Screen1 and Screen2 screens are swiped right the next screen is shown. Also there is a "skip" button on them that redirects to the Main Screen. On Screen3 screen there is a "start" button which also redirects to the Main screen. Screen2 and Screen3 can be swiped left to see the previous screen.

I need to draw a flowchart of it. Which way us more canonical? Certainly the 2nd way is more compact but do you consider it ok?

1.

2.

Answer 1

Any documentation or process is to make the communication more easier and visually understandable.

So what flowchart to use or what documentation to use will solely depend on the audience/organization to which this is indented to.

So first flowchart doesn't give any clear communication to user , it looks too much complex. Second one looks easier to understand:

In test we usually use state transfer/Transition diagram than flow chart ,

Diagram:

State Transition Table:

Here left most column shows the current state of the system , and header shows the actions and the value in the corresponding column shows the new state after the action is performed.