How to create text population when users input text

Hi,

I spent a lot of time trying to search a solution, but not able to find one. I am creating a simulation showing what users do in a tool step-by-step. In one scenario, users will type someone's name ,letter by letter and the text population will show based on the letters that were shown in the text field. For example, I am putting "Smith", I put "S", there will be a list of results starting with S. Then I will type "m", the populating results will change starting with a list with "Sm"... Then I will type "i", another list of results will show.....

I am not using the recording feature in storyline, instead doing all the interactions manually.  I have I added a text entry, and converted to freeform of text entry. The issue right now is that users have to hit Enter everytime to let Storyline evaluates the input, which doesn't happen in the real world. I want to find out if there is a work around to make user's experience more real.

Thanks for your time.

Zhenyu

10 Replies
Ashley Terwilliger-Pollard

Hi Zhenyu,

Do you need the text entry to be evaluated with every letter the user enters or just on completion of the whole experience? 

I'm not sure what the real world experience would be for users, but you could set the text entry to be evaluated (submitted) when a user clicks outside the box, or their mouse hovers over another object? If you don't want the Enter key to submit the item you may want to review this article on how it will behave, and add the additional line for text. 

Ashley Terwilliger-Pollard

Hi Zhenyu,

Evaluating the text entry with every letter enter would be a lot to set up as the only method I could think would be new layers for each letter, and I wonder if providing the users feedback by each letter may interfere with their overall flow throughout the course. 

As far as setting up the submission without clicking on a button or using the enter key, you could add a hotspot either below the "text entry" field or around it, so that when the user clicks outside the box the interaction is submitted automatically. You could also set it to submit based on the mouse hovering over that area, but if you set that you'll want to set it based on a condition - say that TextEntry is not equal to ____ (blank) to ensure there is some text in there. 

Zhenyu He

Hi, Ashley

Thanks for your suggestion.

I added a hotspot now. I was able to submit based on the mouse clicking on that area. I also created another trigger: submit based on user clicks outside of the Text Entry. Now the only issue I have for both is if user entries a text or number that is wrong, after submitting that through the hotspot or trigger, the incorrect message is not showing.

Please let me know how to address that.

Thanks,

Zhenyu

Ashley Terwilliger-Pollard

Hi Zhenyu,

Would you be able to share your .story file with us so that we could take a look at how it's set up? If you're unable to share here in the forums let me know, and you could share it with me by sending along as a support case but start your description with the following syntax so that it's assigned to me -

::ashley::

Thanks! 

Zhenyu He

Hi, Owen

There are two different kinds.

In one scenario, they need to enter a specific number. They need to figure out that number by themselves. The rationale behind is if they don't get it right, the incorrect message will show.

In the other scenario, I did tell them the words they should use to search. I also entered a couple of acceptable answers in the text entries so when users type either of those, the simulation will go forward.

Thanks,

Zhenyu