Problem solver steps user interface

A system for displaying steps of a solution to a problem in a user interface, the system comprising a computing device, the computing device comprising:

• at least one processing device;
• and
• at least one computer readable data storage device storing instructions that, when executed by the at least one processing device, provide a tutorial application, the tutorial application operative to:
• display a solution in a step-by-step mode, wherein a first step is displayed in a first region of the user interface;
• in response to a next step selection, display a second step of the solution in a second region of the user interface, wherein:
• the first and second regions of the user interface are displayed separately and are sized to accommodate the respective first and second steps of the solution;
• and
• the second region is designated as a focused region and is highlighted with respect to the first region;
• further display a mode selector;
• in response to a first user selection of the mode selector:
• display the solution in an all-steps mode wherein each step of the solution is displayed in a separate region, and wherein scrolling is enabled so that a user can scroll through the separate regions to view the steps;
• and
• designate one of the displayed regions as the focused region and highlight the focused region with respect to any other displayed regions or portions thereof;
• and
• in response to a second user selection of the mode selector, disable scrolling of the regions and redisplay the solution in the step-by-step mode.

A computer readable storage device including computer readable instructions, which when executed by a processing unit is operative to:

• receive user input defining a problem to be solved;
• determine a solution to the problem, wherein the solution comprises a plurality of individual steps used to solve the problem;
• display a first step of the solution in a step-by-step mode, wherein the first step is displayed in a first numbered card;
• further display a next step control to allow a user to selectively move forward through the steps one card at a time, wherein the next step control is displayed within a designated region of the user interface to allow for repeated pressing of the next step control without moving an input device;
• in response to a user selection of the next step control, display a second step of the solution in a second numbered card, wherein:
• the first and second numbered cards are displayed separately and are sized to accommodate the respective first and second steps of the solution;
• and
• the second numbered card is designated as a focused card and is highlighted with respect to the first numbered card, wherein the focused card is displayed at a designated region of the user interface;
• further display a previous step control to allow the user to selectively move backward through the steps one card at a time, wherein the previous step control is displayed within a designated region of the user interface to allow for repeated pressing of the next step control without moving the input device;
• further display a mode selector;
• in response to a first user selection of the mode selector:
• display the solution in an all-steps mode wherein each step of the solution is displayed in a separate numbered card;
• and
• enable scrolling so that the user can scroll through the separate numbered cards to view the steps, wherein one of the numbered cards shown on the display is designated as the focused card and is highlighted with respect to any other displayed cards or portions thereof;
• responsive to receiving scrolling input, navigate to a subsequent step according to the scrolling input, wherein the subsequent step takes the place of the focused card at the designated region of the user interface;
• and
• in response to a second user selection of the mode selector, disable scrolling.