It's time to sort out the idea of interactive design (professional actual version)

Contact interaction design time is not short, has never had the opportunity to talk about the design of their own process. When a design is completed, if not carefully polished, it is inevitable that there are some neglected places. So everyone in the design time, we must play Shipi spirit, as far as possible to achieve a clear plan, plan, this time by "login page optimization design project" to share the design process of personal experience >>>

　Background overview

The login page is one of the regular pages of the mobile end product, I believe we are not unfamiliar. In this iteration, we tried to apply the single sign-on feature to the client.

　Program Flow

The summary of this plan is elaborated from the following four aspects. This is also the general procedure of the author's scheme design. Name for carding-analysis-definition-validation four footwork.

　　Process Grooming

The process here refers to the main process by which the user completes the logon task during use. Because of the existence of single sign-on, this is the easiest way to login in the process.

　　Design analysis

For an optimization of an existing function, a small scope discussion can be used to find out the user's scene and pain point. Then combine the data to complete the project design considerations.

In the above analysis and summary, there is a point worth pondering. Although the data show that users log out of their own account needs are very small, but people still want to have a memory account password function. However, continue to ask, the user is more want to uninstall the application after installation can still be free from login. In fact, the current application log out of the account function, more is to meet the account exchange for the gift or change the needs of the small note. In view of this situation, it is not necessary to apply the current "Log out still remember account password" feature. However, we can use the iOS system's keychain function to meet the need to uninstall application reload without login (because it involves personal privacy security issues, the final recommendation is not to do). Visible in the design, the requirements need to further verify the confirmation, rather than what the user said to do, more or more need to understand, to see the truth of demand.

　Scenario Definition

For the layout of the page information, the design of the general will involve what elements, priority is how. To design and output the scheme accordingly.

In the design time, has been entangled in whether the need to explicitly express single sign-on account source, so the use of a,b scheme design. A scheme is characterized by simple interface and low understanding cost. B program features a complete description of the account source, giving users trust.

　Test validation

After the scheme has been designed, in order to verify which scheme is more suitable for the user to use. Therefore, a small scope test verification is carried out.

From the above figure, everyone has a tendency to plan a,b. And in the actual discussion, we expressed the merits of each scheme, and therefore after careful consideration, and combined with the various special circumstances can be expected to output the following scheme.

After this program has been unanimously approved by everyone, start to do some interactive details. Interactive details are mainly from the operation of the feedback collation, copy carding, data statistics needs to improve.

Written in the last

Take time out of the work experience, is the author has always wanted to do, is also doing. Only in this way can we constantly inspire new ideas and push ourselves forward. More about the interactive design process, you can add my personal micro-letter Xixuyoung, Welcome to Exchange corrections.