Post by account_disabled on Feb 24, 2024 2:41:11 GMT -5
User flow – can be represented by a combination of: task flow wire flow (lo-fi) screen flow (hi-fi) Let's take a look at each of them and see what it can be like. For example, let's take an online home appliance store and define the customer, their goal, and the steps to be taken to achieve that goal. Let's say our customer is a young mother, whose goal is to buy a multi-function kitchen mixer. One scenario of the sequence of steps may look like this: opening an online store website ; write "kitchen combine" in the search field; A comparison of several products shown in the results; moving the desired product to the cart; signing the purchase; pay; Leave the site .
Task flow is a simple representation of what a user does to Taiyuan Mobile Number List complete a specific task. In essence, this is a classic diagram that defines the sequence of actions of users. scheme There are various nuances to consider in this scheme. For example, what if nothing is found in the results? What if the payment is not made? Here are only general steps that can include many actions: for example, the search can be improved by adding filter levels, and the ease of payment and smooth operation depend on the correct selection of the tool, etc.
Wire flow (lo-fi) and wireframes. Wireframe – This is a detailed sketch of the screen design, which focuses not on the visual component, but on the arrangement of elements, the structure and content of the screen. In wire flow, instead of elements of block diagrams, a schematic layout of screens is presented, with which users interact when achieving a specific goal. There is no need to spend a lot of time on visual details and drawing each button and icon.
Task flow is a simple representation of what a user does to Taiyuan Mobile Number List complete a specific task. In essence, this is a classic diagram that defines the sequence of actions of users. scheme There are various nuances to consider in this scheme. For example, what if nothing is found in the results? What if the payment is not made? Here are only general steps that can include many actions: for example, the search can be improved by adding filter levels, and the ease of payment and smooth operation depend on the correct selection of the tool, etc.
Wire flow (lo-fi) and wireframes. Wireframe – This is a detailed sketch of the screen design, which focuses not on the visual component, but on the arrangement of elements, the structure and content of the screen. In wire flow, instead of elements of block diagrams, a schematic layout of screens is presented, with which users interact when achieving a specific goal. There is no need to spend a lot of time on visual details and drawing each button and icon.