laitimes

Axure Product Prototyping - Image Captcha

author:Everybody is a product manager
How do I set up an image captcha in Axure? The author has explained the product prototype design in detail, I hope it will be helpful to you.
Axure Product Prototyping - Image Captcha

Version: Axure 9

Function Description:

Click "Image Verification Code" to switch the verification code, and when you enter the verification code in the input box, it will determine whether the current input is correct in real time.

First, the final effect

Second, specific steps

1. Draw the captcha input box

Axure Product Prototyping - Image Captcha

2. Draw a "dynamic captcha for images"

Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha

3. Draw a prompt to indicate "True/False"

Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha

4. Set up interactions

4.1 Set the current state of the "Dynamic Captcha Box" to store global variables

Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha

4.2 Click the "Verification Code Dynamic Box" to switch the status

Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha

4.3 "Captcha input box" interactive settings

Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha
Axure Product Prototyping - Image Captcha

5. Demonstration of the final effect

3. Questions

1. Why use global variables?

Since you can't get the value of the current state of the dynamic panel directly, you need a global variable to store it.

Axure Product Prototyping - Image Captcha

2. Why use local variables?

Axure Product Prototyping - Image Captcha

3. Why use global variables when you have local variables?

Axure Product Prototyping - Image Captcha

The answers to the above questions are based on my current knowledge of using Axure tools, and I welcome you to provide a better way.

Author: Luna

This article was originally published by @Luna on Everyone is a Product Manager. Reproduction without the permission of the author is prohibited.

The title image is from Unsplash and is licensed under CC0.

The views in this article only represent the author's own, everyone is a product manager, and the platform only provides information storage space services.

Read on