[Patternfly] Action buttons in wizards

[Josephine Qian]

I like the idea, especially because we can use it for wizards that have one or more than one steps. (In current EAP they use "Save", which is odd in the final step screen) Thanks Allie!

Josephine

----- Original Message -----
From: "Allie Jacobs" <ajacobs at redhat.com>
To: "Josephine Qian" <joqian at redhat.com>
Cc: "Gabriel Cardoso" <gcardoso at redhat.com>, patternfly at redhat.com
Sent: Wednesday, January 14, 2015 3:04:31 PM
Subject: Re: [Patternfly] Action buttons in wizards

If possible labeling the button with the user’s end goal is better than “Finish” etc. I would suggest “Create Deployment” for your example or “Create” if the text is too long.

Allie

On Jan 14, 2015, at 1:11 PM, Josephine Qian <joqian at redhat.com> wrote:

> Hi Gabriel,
> 
> Thank you so much for sending the screenshots. They are very helpful. I like the idea of disabling the Next button before data is entered. 
> 
> I am wondering if there are more than one wizards in LiveOak, and if that is the case, is the button "Create Application" relabeled all the time?
> Another question is that, since there is no "Close" icon at the top right, what does the user need to do in order to leave the wizard if he is not in the first step? Does he have to go back to the step one and hit the Cancel button?
> 
> And thanks for the suggestion about the progress bar. I think what you suggested is definitely more conventional.
> 
> 
> Josephine
> 
> ----- Original Message -----
> From: "Gabriel Cardoso" <gcardoso at redhat.com>
> To: "Josephine Qian" <joqian at redhat.com>
> Cc: patternfly at redhat.com
> Sent: Wednesday, January 14, 2015 12:48:19 PM
> Subject: Re: [Patternfly] Action buttons in wizards
> 
> Hi Josephine,
> 
> In LiveOak, we put them at the bottom as well. A difference is that we only display the Cancel button on the first step, which is replaced by the Previous button on the next screens. The last screen has the action name “Create Application" instead of Next. Another detail is that the Next button is inactive until required data is inserted (step 1).
> 
> 
> 
> 
> 
> 
> 
> I liked the way you represented the steps. Maybe the active step should have the text in bold to reinforce that the user is in that step?
> 
> Thanks,
> Gabriel
> 
>> On Jan 14, 2015, at 1:25 PM, Josephine Qian <joqian at redhat.com> wrote:
>> 
>> Hi,
>> 
>> I am currently working on the design of some wizards for JBoss EAP and I didn't see any recommendation about the locations of action buttons in wizards, such as Back, Next, and Cancel, in PatternFly. So I wireframed what would make sense in EAP's context (see attachment). Think it'd be great if I can get some feedback from you. 
>> 
>> I'm also curious about how the buttons are handled in other products. Do they also have these three buttons in a wizard that has multiple steps? Are the buttons ordered/located differently? In the last step, is the action button labeled as Save, Finish or Done?
>> 
>> Any thoughts or suggestions will be very helpful! Thanks!
>> 
>> 
>> Josephine<ActionButtons.png>_______________________________________________
>> Patternfly mailing list
>> Patternfly at redhat.com
>> https://www.redhat.com/mailman/listinfo/patternfly
> 
> ---
> Gabriel Cardoso
> User Experience Designer @ Red Hat
> 
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly