User Experience Design example: interactive design Table

Source: Internet
Author: User

said: "In a room lost a needle, you need to find it, you will use what method?"
A: Broom, suction iron, magnifying glass ... Chalk...
Ok, use chalk? Please look below the figure ↓

Divide the blocks and make a mark for each place you've looked for. may not be found soon, but absolutely effective. The form will ensure that we do not omit.

———————————————————————

said: 2 mountains, can make up a few words?
Answer: Out, 屾, Wang ... (I continue to think about it)
Ok, we use the table.

The normal should all come out. Not everyone is agile, but the form can help us out and get the right results.

———————————————————————-

Back to the topic, let's talk about the interactive design table.
First, the annoyance of the interaction designer:
Do you often feel that the state does not consider the whole, over and over again the pondering?
Do you often feel the need to communicate with the mouth, the other side is also confused?
Do you often describe one scene after another, most of which are repetitive words?
Ok, let's see if the interactive design form solves most of our problems.

Table Description: Divides 2 latitude--page element and user behavior. The leftmost column is the visible element of the page (including the cursor), and the top row is the user's behavior (as far as possible by the procedure). The middle cross is the scene description.

Example analysis: Client's Level Two login

For the above content, interactive design table (for interactive content only) as follows ↓:

The status diagram mentioned in the table is as follows:

↓ Legend 1: Not action

↓ Legend 2: Please enter your username

↓ legend 3:x password is incorrect, please re-enter

↓ Legend 4: Logging in

↓ Legend 5:! Timeout, please login again!

———————————————————————–

This way, at work, runs well. facilitate detection and communication.

OK, I want the interactive design form to be helpful to you as well.

———————————————-more relevant details will be summarized in future projects ————————-



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.