◼️ Rectangles and squares: The rectangle is the most common shape used in user flows. Rectangles usually represent a page or UI screen. Rectangles generally do not require action to be taken.
矩形和正方形:矩形是用户流中最常用的形状。矩形通常表示页面或UI屏幕。矩形通常不需要采取任何操作。
➡️ Lines with arrows: The lines and arrows depict how users flow between screens and actions.
带箭头的线条:线条和箭头描绘了用户如何在屏幕和操作之间流动。
⭕️ Circles: Circles represent actions and express that a task must be completed or that steps are required. Use circles when you want to represent a task or operation. Circles are almost always labeled with an action, such as "Send order" or "Select item."
圆圈:圆圈代表动作，表示必须完成的任务或需要的步骤。当您想要表示任务或操作时，请使用圆圈。圆圈几乎总是标有一个动作，如“发送订单”或“选择项目”。
🔶 Diamonds: Diamonds, which represent decision points, are often called decision diamonds. Diamonds ask questions, and the possible answers to the question are represented by lines with arrows to help users move through the correct path. For example, you may ask, "User has account?" with yes and no arrows extending from the diamond.
菱形:代表决策点的菱形通常被称为决策菱形。菱形会提出问题，问题的可能答案用带箭头的线条表示，以帮助用户沿着正确的路径移动。例如，您可能会问，“用户有帐户吗?”，从菱形中伸出是和否箭头。
🔺 Backstage technically 后台技术
⭕️ Entry ➡️
🔶 Does the user have an account? ➡️
➡️ Yes ➡️
◼️ Log in ➡️
◼️ Enter your registered phone number ➡️
◼️ Send code ➡️
🔶 Does the phone number available ➡️
➡️ No ➡️
◼️ Error Message ➡️
➡️ Available ➡️
🔺 Code Sent ➡️
🔶 Does code received? ➡️
➡️ No ➡️
◼️ Resent
➡️ Received ➡️
⭕️ Entry code ➡️
🔶 Does code correct? ➡️
➡️ No ➡️
◼️ Error Message ➡️
➡️ Yes ➡️
◼️ Resent Popups: Log in confirmation ➡️
➡️ No ➡️
◼️ Sign up ➡️
◼️ Enter your phone number ➡️
◼️ Send code ➡️
🔺 Code Sent ➡️
🔶 Does code received? ➡️
➡️ No ➡️
◼️ Resent
➡️ Received ➡️
⭕️ Entry code ➡️
🔶 Does code correct? ➡️
➡️ No ➡️
◼️ Error Message ➡️
➡️ Yes ➡️
◼️ Popups:Phone number available ➡️
◼️ Set password ➡️
◼️ Confirm password ➡️
◼️ Popups: Register confirmation ➡️
◼️ Profile form ➡️
◼️ Done ➡️
◼️ Home Page
-Task Done
◼️ Home ➡️
⭕️ Scroll page ➡️