• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

Button Consistency - New Version of Captivate

Participant ,
Jul 05, 2023 Jul 05, 2023

Copy link to clipboard

Copied

I am using the new version of Adobe Captivate and have an issue with getting a consistent look and feel with my buttons. I am trying to get a similar look and feel to the buttons in the below screenshot. The main reason I need the rest of the training to mirror this page is because the ability to force users to go through each step is tied to the buttons shown here, not the buttons in the play bar. 

screenshot1.png

However, when I use other slide templates—like the one below—the button is at the top of the screen, and I can't change the position. If the button locations are always changing, that's a problem for usability. Consistency is important from a design perspective and to make it user-friendly.

screenshot2.png

Then I thought I'd try to insert an interactive button block below the main block, but there are two issues with this approach. 1) The most important being there is only one design style for the button!! The buttons with circles and arrows are not an option on this page (see below). 2) If the content of the page is taller in height it pushes the button below the fold (not shown on the screenshot below but it's happening on other screens). Unless the entire training has a ton of content below the fold, the user will get stuck here unsure of how to move forward. I've seen it in user testing many times. 

screenshot3.png

So, my question is - how do I get a consistent look and feel for buttons so my user knows what to expect? 

Views

539

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Participant , Jul 07, 2023 Jul 07, 2023

I figured this one out...at least issue #1. I had the block selected vs. the component. Once you select the component (the button itself), the options to customize it show up. See below screen shots. 

Screenshot 2023-07-07 at 8.14.52 AM.pngScreenshot 2023-07-07 at 8.15.01 AM.png

My workflow looks like this: on the left-hand menu bar, click "Add interactive components" > Button > select number of buttons you need (in the case below, I chose 2) > under components on the right-hand side, mouse over the button row - this will display the alignment choices. If you want the butto

...

Votes

Translate

Translate
Adobe Employee ,
Jul 06, 2023 Jul 06, 2023

Copy link to clipboard

Copied

Hi carly_inseer,

 

Please  drop us an email at captivatehelp@adobe.com and we can connect to help with your use cases.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 06, 2023 Jul 06, 2023

Copy link to clipboard

Copied

I'd like to hear about this as well. I am starting on a project and the button placement on one slide is already driving me a bit silly. I am having to tweak a lot just to get a button in the lower right corner. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 06, 2023 Jul 06, 2023

Copy link to clipboard

Copied

Once I get an email reply from Adobe Help, I will share any tips I learn here!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 07, 2023 Jul 07, 2023

Copy link to clipboard

Copied

I figured this one out...at least issue #1. I had the block selected vs. the component. Once you select the component (the button itself), the options to customize it show up. See below screen shots. 

Screenshot 2023-07-07 at 8.14.52 AM.pngScreenshot 2023-07-07 at 8.15.01 AM.png

My workflow looks like this: on the left-hand menu bar, click "Add interactive components" > Button > select number of buttons you need (in the case below, I chose 2) > under components on the right-hand side, mouse over the button row - this will display the alignment choices. If you want the buttons to be on opposite sides, say for forward and backward buttons, select the far-right "split" option. Note that the alignment selections are not visible to the user until you mouse over it. > click on each button individually and select how you want it to look (there are more options).

Screenshot 2023-07-07 at 8.24.13 AM.pngThis still doesn't solve the issue of buttons going below the fold, but I don't believe that won't be solved until they let you customize padding and margins. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 03, 2024 May 03, 2024

Copy link to clipboard

Copied

I dont see the "split" option. Spent an hour already and whatever I do the 2 buttons move together.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 04, 2024 May 04, 2024

Copy link to clipboard

Copied

LATEST

May I offer a tip? I always open the Timeline (it has become less useful because too crowded) to check out if the proper item has been selected, much easier than on the stage especially for blocks, components... Too bad that the selection is not always synchronized perfectly between the stage and the timeline (sighing).

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources