[xwiki-devs] [Proposal] App Within Minutes - Improvements
Hello, I made a proposal on how we could improve App Within Minutes design. In order to have an idea about that, you can visit - http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements... . The main purpose of creating this design proposal is to help integrate the following applications created with App Within Minutes with Flamingo Skin. What I would like for you to take into consideration is the new layout for the homepage of newly created applications, since there I proposed a bigger change. Thank you, Gabriela <http://www.xwiki.com/> *Gabriela Smeria* *Web Developer * [email protected] <[email protected]> tel: +40 742 024 392 skype: smeria.gabriela
Hi Gabriela, Thanks for this proposal. As a general remark, it's not easy to see the differences between your proposal and the current state. A side-by-side comparison would have helped. = Wizard Header = I like how the step number is displayed before the step title. I don't see be benefit of not showing the numbers for the steps on the right. Also, I'm not sure blue is the best color to mark the current step. = Icons = Are all those icons available in the Icon Theme? Some of the icons are not well chosen. For instance we are already using the "bricks" icon for XWiki Objects (in the document tree and the search UI). I don't think it's suited for "Steps". I wouldn't put icons everywhere just for the sake of having an icon, unless that icon is really useful. I don't think we need icons everywhere. = Home Page = I'm not convinced by the position of the new buttons. They don't look right for me because there is also Edit & More Action above. I feel there are too many buttons spread over the page. Some options (no necessarily better): * display the buttons on the left, above the live table (we plan to add batch operations to the live table and we'll add some buttons there anyway) * merge the buttons with the Edit / More Actions. Display Add Entry before Edit and put app actions inside More Actions * move Add Entry to the top menu (as an option under the Add button) and the app actions inside other menus or inside More Actions Hope this helps, Marius On Wed, Apr 22, 2015 at 5:08 PM, Gabriela Smeria <[email protected]> wrote:
Hello,
I made a proposal on how we could improve App Within Minutes design. In order to have an idea about that, you can visit - http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements... .
The main purpose of creating this design proposal is to help integrate the following applications created with App Within Minutes with Flamingo Skin.
What I would like for you to take into consideration is the new layout for the homepage of newly created applications, since there I proposed a bigger change.
Thank you, Gabriela
<http://www.xwiki.com/> *Gabriela Smeria* *Web Developer * [email protected] <[email protected]> tel: +40 742 024 392 skype: smeria.gabriela _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
Hi Gabriela, In general, I like the proposition of renewing the theme for AppWithinMinutes which indeed, looks not completely in line with the new Flamingo skin. I'm commenting below based on Marius's answer. On 23/04/2015 11:21, Marius Dumitru Florea wrote:
Hi Gabriela,
Thanks for this proposal. As a general remark, it's not easy to see the differences between your proposal and the current state. A side-by-side comparison would have helped.
= Wizard Header =
I like how the step number is displayed before the step title. I don't see be benefit of not showing the numbers for the steps on the right. Also, I'm not sure blue is the best color to mark the current step. About numbers, I'm torned. Marius is right: why removing an information that exists. However, I'm not sure how useful this information is for end-user. Marius, do you have any idea what could be the use of having this information (the number of the step)?
For colors, I disagree with you Marius, green (for done steps), blue (for current step) and gray (for coming steps) seems pretty logic. Maybe red could have been used for current step but red also often represent warning or danger so blue seems fine. Or did I miss some obvious color for a "current step"?
= Icons =
Are all those icons available in the Icon Theme? Some of the icons are not well chosen. For instance we are already using the "bricks" icon for XWiki Objects (in the document tree and the search UI). I don't think it's suited for "Steps". I wouldn't put icons everywhere just for the sake of having an icon, unless that icon is really useful. I don't think we need icons everywhere.
Yes, don't put icons everywhere just to put icons and be careful about the choice of the icons. However, I completely agree that trying to improve the UI with icons is a good idea. So I'm mainly in favor of this improvement.
= Home Page =
I like this idea of changing the look of these buttons to be more in line with Flamingo theme (seriously, the old one are only underlined text!). And I like the idea of merging all the actions except "Add" (which is the main one) into a dropdown menu.
I'm not convinced by the position of the new buttons. They don't look right for me because there is also Edit & More Action above. I feel there are too many buttons spread over the page. Some options (no necessarily better): However, Marius is right about that, maybe having to much buttons on the right is not the best. But even with this drawback, I would vote +1 for this improvement.
* display the buttons on the left, above the live table (we plan to add batch operations to the live table and we'll add some buttons there anyway) To be tested, why not. * merge the buttons with the Edit / More Actions. Display Add Entry before Edit and put app actions inside More Actions * move Add Entry to the top menu (as an option under the Add button) and the app actions inside other menus or inside More Actions I'm not confident that end-users will find how to add an entry if we go with this solution (note that I may be wrong :-P)
And sorry but I don't find other propositions (thanks Marius for the ideas by the way).
Hope this helps,
Same here ;-)
Marius
On Wed, Apr 22, 2015 at 5:08 PM, Gabriela Smeria <[email protected]> wrote:
Hello,
I made a proposal on how we could improve App Within Minutes design. In order to have an idea about that, you can visit - http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements... .
The main purpose of creating this design proposal is to help integrate the following applications created with App Within Minutes with Flamingo Skin.
What I would like for you to take into consideration is the new layout for the homepage of newly created applications, since there I proposed a bigger change.
Thank you, Gabriela
<http://www.xwiki.com/> *Gabriela Smeria* *Web Developer * [email protected] <[email protected]> tel: +40 742 024 392 skype: smeria.gabriela _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Jean Simard [email protected] Research engineer at XWiki SAS http://www.xwiki.com Committer on the XWiki.org project http://www.xwiki.org
On Thu, Apr 23, 2015 at 5:37 PM, Jean SIMARD <[email protected]> wrote:
Hi Gabriela,
In general, I like the proposition of renewing the theme for AppWithinMinutes which indeed, looks not completely in line with the new Flamingo skin.
I'm commenting below based on Marius's answer.
On 23/04/2015 11:21, Marius Dumitru Florea wrote:
Hi Gabriela,
Thanks for this proposal. As a general remark, it's not easy to see the differences between your proposal and the current state. A side-by-side comparison would have helped.
= Wizard Header =
I like how the step number is displayed before the step title. I don't see be benefit of not showing the numbers for the steps on the right. Also, I'm not sure blue is the best color to mark the current step.
About numbers, I'm torned. Marius is right: why removing an information that exists. However, I'm not sure how useful this information is for end-user. Marius, do you have any idea what could be the use of having this information (the number of the step)?
I don't see why you would display the number of the current step (on the left) and not the number of the next/previous steps (on the right). The list of steps is an ordered list so it makes sense to me to show the step numbers.
For colors, I disagree with you Marius, green (for done steps), blue (for current step) and gray (for coming steps) seems pretty logic. Maybe red could have been used for current step but red also often represent warning or danger so blue seems fine. Or did I miss some obvious color for a "current step"?
You cannot hard-code the color (blue). It needs to come from the Color Theme. So the question is: what variable would you use?
= Icons =
Are all those icons available in the Icon Theme? Some of the icons are not well chosen. For instance we are already using the "bricks" icon for XWiki Objects (in the document tree and the search UI). I don't think it's suited for "Steps". I wouldn't put icons everywhere just for the sake of having an icon, unless that icon is really useful. I don't think we need icons everywhere.
Yes, don't put icons everywhere just to put icons and be careful about the choice of the icons. However, I completely agree that trying to improve the UI with icons is a good idea. So I'm mainly in favor of this improvement.
= Home Page =
I like this idea of changing the look of these buttons to be more in line with Flamingo theme (seriously, the old one are only underlined text!).
I'm in favour of grouping the actions too. I'm just not sure about the position of the buttons.
And I like the idea of merging all the actions except "Add" (which is the main one) into a dropdown menu.
I'm not convinced by the position of the new buttons. They don't look right for me because there is also Edit & More Action above. I feel there are too many buttons spread over the page. Some options (no necessarily better): However, Marius is right about that, maybe having to much buttons on the right is not the best. But even with this drawback, I would vote +1 for this improvement.
* display the buttons on the left, above the live table (we plan to add batch operations to the live table and we'll add some buttons there anyway) To be tested, why not. * merge the buttons with the Edit / More Actions. Display Add Entry before Edit and put app actions inside More Actions * move Add Entry to the top menu (as an option under the Add button) and the app actions inside other menus or inside More Actions I'm not confident that end-users will find how to add an entry if we go with this solution (note that I may be wrong :-P)
And sorry but I don't find other propositions (thanks Marius for the ideas by the way).
Hope this helps,
Same here ;-)
Marius
On Wed, Apr 22, 2015 at 5:08 PM, Gabriela Smeria <[email protected]> wrote:
Hello,
I made a proposal on how we could improve App Within Minutes design. In order to have an idea about that, you can visit - http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements... .
The main purpose of creating this design proposal is to help integrate the following applications created with App Within Minutes with Flamingo Skin.
What I would like for you to take into consideration is the new layout for the homepage of newly created applications, since there I proposed a bigger change.
Thank you, Gabriela
<http://www.xwiki.com/> *Gabriela Smeria* *Web Developer * [email protected] <[email protected]> tel: +40 742 024 392 skype: smeria.gabriela _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Jean Simard [email protected] Research engineer at XWiki SAS http://www.xwiki.com Committer on the XWiki.org project http://www.xwiki.org _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
Hello, Thanks for your replies. I will answer also on Marius' first answer. On Thu, Apr 23, 2015 at 12:21 PM, Marius Dumitru Florea < [email protected]> wrote:
Hi Gabriela,
Thanks for this proposal. As a general remark, it's not easy to see the differences between your proposal and the current state. A side-by-side comparison would have helped.
I thought about that also. I will update the photos on exo.
= Wizard Header =
I like how the step number is displayed before the step title. I don't see be benefit of not showing the numbers for the steps on the right. Also, I'm not sure blue is the best color to mark the current step.
I investigated this approach and blue seemed to be the most used color for the current step. For the next step, I don't know if grey is the best color, but I tried another several ones and they didn't fit with Flamingo Skin.
= Icons =
Are all those icons available in the Icon Theme? Some of the icons are not well chosen. For instance we are already using the "bricks" icon for XWiki Objects (in the document tree and the search UI). I don't think it's suited for "Steps". I wouldn't put icons everywhere just for the sake of having an icon, unless that icon is really useful. I don't think we need icons everywhere.
I think they are useful and they help the user to identify quickly that field's meaning. I know that some of them aren't well chosen, but I there weren't that many to choose from and I thought that those were the best fit.
= Home Page =
I'm not convinced by the position of the new buttons. They don't look right for me because there is also Edit & More Action above. I feel there are too many buttons spread over the page. Some options (no necessarily better):
* display the buttons on the left, above the live table (we plan to add batch operations to the live table and we'll add some buttons there anyway)
Honestly, I also wanted to move them to the left, but I didn't have the courage since all the other apps have the 'Add' button on the right and I thought that maybe this approach won't fit in the patterns from Flamingo.
* merge the buttons with the Edit / More Actions. Display Add Entry before Edit and put app actions inside More Actions
I agree with Jean on this one. I don't think end-users would be that intuitive to find application's actions in 'More actions' button from above. But that may be wrong, I don't know for sure.
* move Add Entry to the top menu (as an option under the Add button) and the app actions inside other menus or inside More Actions
I'm not sure that this is better, also.
Hope this helps,
It really helped. Thanks!
Marius
On Wed, Apr 22, 2015 at 5:08 PM, Gabriela Smeria <[email protected]> wrote:
Hello,
I made a proposal on how we could improve App Within Minutes design. In order to have an idea about that, you can visit -
http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements...
.
The main purpose of creating this design proposal is to help integrate the following applications created with App Within Minutes with Flamingo Skin.
What I would like for you to take into consideration is the new layout for the homepage of newly created applications, since there I proposed a bigger change.
Thank you, Gabriela
<http://www.xwiki.com/> *Gabriela Smeria* *Web Developer * [email protected] <[email protected]> tel: +40 742 024 392 skype: smeria.gabriela _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
Hello, I've updated the gallery from Overview : http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements... . I added screenshots of application's pages from before and after the proposal. Thanks, Gabriela *Gabriela Smeria* *Web Developer* [email protected] skype: smeria.gabriela On Fri, Apr 24, 2015 at 11:27 AM, Gabriela Smeria <[email protected]
wrote:
Hello,
Thanks for your replies. I will answer also on Marius' first answer.
On Thu, Apr 23, 2015 at 12:21 PM, Marius Dumitru Florea < [email protected]> wrote:
Hi Gabriela,
Thanks for this proposal. As a general remark, it's not easy to see the differences between your proposal and the current state. A side-by-side comparison would have helped.
I thought about that also. I will update the photos on exo.
= Wizard Header =
I like how the step number is displayed before the step title. I don't see be benefit of not showing the numbers for the steps on the right. Also, I'm not sure blue is the best color to mark the current step.
I investigated this approach and blue seemed to be the most used color for the current step. For the next step, I don't know if grey is the best color, but I tried another several ones and they didn't fit with Flamingo Skin.
= Icons =
Are all those icons available in the Icon Theme? Some of the icons are not well chosen. For instance we are already using the "bricks" icon for XWiki Objects (in the document tree and the search UI). I don't think it's suited for "Steps". I wouldn't put icons everywhere just for the sake of having an icon, unless that icon is really useful. I don't think we need icons everywhere.
I think they are useful and they help the user to identify quickly that field's meaning. I know that some of them aren't well chosen, but I there weren't that many to choose from and I thought that those were the best fit.
= Home Page =
I'm not convinced by the position of the new buttons. They don't look right for me because there is also Edit & More Action above. I feel there are too many buttons spread over the page. Some options (no necessarily better):
* display the buttons on the left, above the live table (we plan to add batch operations to the live table and we'll add some buttons there anyway)
Honestly, I also wanted to move them to the left, but I didn't have the courage since all the other apps have the 'Add' button on the right and I thought that maybe this approach won't fit in the patterns from Flamingo.
* merge the buttons with the Edit / More Actions. Display Add Entry before Edit and put app actions inside More Actions
I agree with Jean on this one. I don't think end-users would be that intuitive to find application's actions in 'More actions' button from above. But that may be wrong, I don't know for sure.
* move Add Entry to the top menu (as an option under the Add button) and the app actions inside other menus or inside More Actions
I'm not sure that this is better, also.
Hope this helps,
It really helped. Thanks!
Marius
On Wed, Apr 22, 2015 at 5:08 PM, Gabriela Smeria <[email protected]> wrote:
Hello,
I made a proposal on how we could improve App Within Minutes design. In order to have an idea about that, you can visit -
http://design.xwiki.org/xwiki/bin/view/Proposal/AppWithinMinutesImprovements...
.
The main purpose of creating this design proposal is to help integrate the following applications created with App Within Minutes with Flamingo Skin.
What I would like for you to take into consideration is the new layout for the homepage of newly created applications, since there I proposed a bigger change.
Thank you, Gabriela
<http://www.xwiki.com/> *Gabriela Smeria* *Web Developer * [email protected] <[email protected]> tel: +40 742 024 392 skype: smeria.gabriela _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
participants (3)
-
Gabriela Smeria -
Jean SIMARD -
Marius Dumitru Florea