Some best practices to enhance mobile UX:

–          Prioritize a single action. Focus on the primary goal of your application.

–          Designed a streamlined interface with a clear and consistent navigation in order to guide the learners/users towards the desired result quickly.

–          Consider the context of use for your application and exploit the potential of personalized information and feedback.

Some general observations about minimalist design:

–          “Everything is strategically designed to support and reinforce the primary the desired primary action the designer wants the users to take.” (Source)

2013-10-26_1928
Principles of Minimalist Design applied to this solution

–          Try to create a good visual hierarchy. “Visual hierarchy is the deliberate arrangement of the elements in a design so that the most important elements are seen first.” (Source)

Great tutorial on how to create a Slider mechanism in Storyline by Richard Calcutt:

– http://www.screenr.com/VbYH

How to design a final summary of relevant feedback:

1-      Create different states for each slider according to the number of possible answers.

2-      Create variables for all the positive answers and attach the question number to identify them. For questions about frequency, create a variable for each adverb of frequency.

3-      Set up triggers to adjust the variables and assign them the value “True” if the state of the slider is the “Yes” state when the user submits his answer. By doing this, you will be able to record the user´s answer to a specific question and then, you can retrieve that information in order to provide the final summary.

2013-10-27_1045
Adjusting the variables for Yes-No Questions
2013-10-27_1045_001
Adjusting the variables for Questions about Frequency

4-      On the final screen, you will need more states and conditions. Create different states for your text boxes that show/repeat the feedback for each question according to the answer previously provided by the user.

5-      Set up a trigger that tells Storyline which state should be displayed by specifying the corresponding conditions.

2013-10-26_1948

ios7_camera_logo

  Bonus Tip: After completing the questionnaire, users can take a screenshot of the final summary with their iPad built in camera to keep that information.

If you are designing this type of summary and you know that end-users will be accessing it from a desktop computer or laptop, you can enable the users to print the results by using this JavaScript command: window.print(); (courtesy of Articulate community :)) Also, I will be expanding on JavaScript and Storyline very soon!

%d bloggers like this: