1 / 10

Designing Interactive UI with Flash: Creating Prompts and User Feedback Systems

This guide provides detailed steps for designing user interfaces (UIs) in Flash. It covers creating prompts for user input, designing feedback layers, and incorporating ActionScript for interactivity. Learn how to structure your frames for multiple-choice questions, such as asking who is buried in Grant’s tomb. Key actions include naming UI components logically, embedding ActionScript for correct and wrong feedback responses, and creating layers for text, buttons, and actions. Enhance your project's user experience with thoughtful design and effective feedback mechanisms.

crescent
Télécharger la présentation

Designing Interactive UI with Flash: Creating Prompts and User Feedback Systems

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Creating User Interface (UI) Interactions with Flash Designing the PromptsSelecting the UI ComponentsNaming the InstancesWriting the ActionScriptTesting the Feedback

  2. Interacting with Users • Create the frame that will prompt the user for input. • Create any feedback frames that you can anticipate needing. • Give each User Interface (UI) component a logically meaningful instance name. • Use ActionScript for the branching.

  3. Creating the Layers • Create the following three layers: • a “text” layer that will contain the text; • a “buttons” layer to contain the buttons; • an “actions” layer that will contain the ActionScript.

  4. Designing the Prompt • In this example, we create a multiple choice question. • The prompt will include the following UI components: • One radio button for each choice. • A submit button.

  5. The Question FrameMake this be Frame 1: Who is buried in Grant’s tomb? ◦Beethoven ◦Grant ◦Mozart

  6. Feedback for a Wrong AnswerMake this be Frame 3: No, that is not correct. Think about the name onthe tomb, which is Grant.

  7. Feedback for a Correct AnswerMake this be Frame 5: Correct! Grant is indeed buried in Grant’s tomb. Nice work!

  8. Naming the Instances • Name the radio buttons: • Beethoven • Grant • Mozart • Name the submit button: • submit_btn • Name the try again button: • retry_btn

  9. Submit button ActionScriptPut this in Frame 1: stop(); submit_btn.onRelease = function () { if (Grant.selected) { gotoAndStop(5); } else { gotoAndStop(3); } };

  10. Retry button ActionScriptPut this in Frame 3: retry_btn.onRelease = function () { gotoAndStop(1); };

More Related