Improved consumer interface for product instructions & more precise AI translations

Sergi Sánchez Mancha Avatar

We are introducing several new features and updates to StepAlong, these enhancements aim to improve the user experience for end users users with product instructions.

New StepAlong consumer interface for product instructions.

Below is an overview:

New design for the StepAlong Player

The StepAlong player has an updated footer design intended to enhance usability and accessibility. The new footer includes easy access to the most used features:

  • Navigation Buttons: Provides intuitive controls to move between steps.
  • Table of Contents: Allows quick navigation through the instructions.
  • Options Menu: Holds functionalities such as language selection, print / PDF download, copy link for sharing and additional sharing options
  • Progress Bar: A visual indicator at the bottom of the screen to track progress.

The updated design also incorporates customizable branding colors for a consistent visual experience across the instructions.

Search within the StepAlong

Our new search feature allows users to locate specific content within a product instruction efficiently. Search results are displayed in the context, highlighting the steps where the searched keywords appear, this allows users to quickly grasp the overall instructions and jump directly to specific parts, eliminating the need to scroll through the entire StepAlong.

For example, if during the assembly of a product the user realizes that he has an extra piece that he does not know where to place, he will be able to quickly locate it within the instructions.

Frame adjustment when adding images

Image editing capabilities in the StepAlong builder have been improved to provide greater control over image presentation. Users can now:

  • Crop Image: Trim images to perfectly fill the square frame, maintaining the current behavior.
  • Fit Image: Resize images proportionally to ensure the entire image fits within the square frame, adding padding as necessary.

These options allow for more flexibility in customizing visual elements within StepAlong steps, so user can create product instructions by setting image only steps or with descriptions.

Glossary for AI Translations

A custom glossary feature has been added to improve the quality and consistency of AI-generated product instructions. For example in fields like crochet and knitting, abbreviations have language-specific meanings:

EnglishSpanishFrenchGerman
TermAbbr.TermAbbr.TermAbbr.TermAbbr.
single crochetscpunto bajop.b.maille serréems, Msfeste MaschefM
double crochetdcpunto altop.a.bridebrStäbchenSt
purl stitchppunto revésrmaille enversenv.linke Maschenli

Clients can now define specific terms for accurate and uniform translations ensuring product instructions remains consistent across different languages and contexts.

These updates are intended to improve the overall functionality and user experience of StepAlong. Contact us to explore these new features and incorporate them into your product instructions workflows.

Latest Case Studies

Monster Group Logo

Monster Group is using StepAlong to streamline instruction management, reduce costs, and expand markets while maintaining clear, up-to-date customer guidance.

Monster Group & StepAlong

Hardicraft-logo-grey

With StepAlong, Hardicraft created a secure, multilingual online instruction platform for their kits, cutting costs and enabling market expansion with minimal friction.

Hardicraft & StepAlong

StepAlong enabled Time4Sleep to modernize product information, eliminate update bottlenecks, and enhance customer experience with clear, searchable instructions.

Time4Sleep & StepAlong

Privacy Overview
StepAlong

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

Analytics

This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.