Difference between revisions of "Talk:UI Overhaul"

From PCGen Wiki
Jump to: navigation, search
(Summary)
(Adding comments about current version of the UI)
 
(28 intermediate revisions by 7 users not shown)
Line 6: Line 6:
  
 
''Using PCGen 5.16.2 (RC3) for reference.''
 
''Using PCGen 5.16.2 (RC3) for reference.''
 +
'''This section will have most of its discussion moved over to each relevant tab page'''
 +
 +
==Useful Links==
 +
* [[Old PCGen UI Discussion]]
  
 
==Key Concepts==
 
==Key Concepts==
Line 16: Line 20:
 
   <li>When I googled “What is PCGen?”, it came up with the following; “PCGen is a character creation and role-playing game playing aid program for d20 System-based games, such as Dungeons & Dragons”.  So the overall look could be freshened up, it should look like it generates characters and have a role playing feel about it.  Making a character should be a fun and creative task.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)</li>
 
   <li>When I googled “What is PCGen?”, it came up with the following; “PCGen is a character creation and role-playing game playing aid program for d20 System-based games, such as Dungeons & Dragons”.  So the overall look could be freshened up, it should look like it generates characters and have a role playing feel about it.  Making a character should be a fun and creative task.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)</li>
 
</ul>
 
</ul>
 
===General discussion===
 
One thing I suggest is putting similar information and ideas in the same area. This is done in large part to the Tabs along the top. Then it seems that the information within those tabs are scattered throughout the panels. This is most apparent in the Summary and Feats & Abilities Tabs. Where the order of what you need to do to start making your character is not apparent. You have the character name up top with important inputs like Alignment, Race and Class. Then you have the Level Input right under it. This is problematic because, in PCGen, you need to stat out your character before you give it a class or level and the Stat block is under all that info. This layout makes it seem you do all that first, then you do your stats, because most users read from left to right, top to bottom.
 
 
<table>
 
  <tr>
 
    <td>
 
[[File:Summary-screen-03.gif|200px|thumb|left|Summary Tab B]]
 
12/13/2009 - I took the layout a step further by also grouping the inputs with a holding shape, similar to already exists in PCGen. Now there are three distinct parts to this tab: Character Basics, Statistics, and Class & Level. If possible, I would also include a button in the Character Basics and Class & Level sections that would jump the user to the Description and Class tabs respectively.
 
    </td>
 
  </tr>
 
</table>
 
 
<table>
 
  <tr>
 
    <td>
 
[[File:Summary-screen-02.gif|200px|thumb|left|Summary Tab A]]
 
12/13/2009 - This time around I used Andrew's suggestion and moved the XP over to where the Class is selected. While working on this it gave me an idea to balance out the columns better. I still wanted the character and class info to be separate and wanted the user to work from left to right in the order of, character info, stats, then class.
 
    </td>
 
  </tr>
 
</table>
 
 
<table>
 
  <tr>
 
    <td>
 
[[File:Summary-screen.gif|200px|thumb|left|OLD - Summary Tab]]
 
12/10/2009 - The the Summary recreation I moved all the basic character and player info to a column on the left. This would be the info you set first. Like a newspaper, the user would read the first column from top to bottom and then go to the next column. The stat block and related info would be here. The block itself doesn't have to be as large as it is in the current version of PCGen, most stats are 2 digits, and even in my example there is more then enough room to make it larger. Once the stats are set, the user would go to the last column, XP and adding levels to classes.
 
 
[Andrew's Comment - I'd like the Info Panel moved to the right column, and bring the Add/Remove Class Level and the Class Display to the left column. As shown the Class is on the opposite side of where you'd click to add it. Seems awkward.]
 
    </td>
 
  </tr>
 
</table>
 
 
<table>
 
  <tr>
 
    <td>
 
[[File:Feats-abilities-screen.gif|200px|thumb|left|Feats & Abilities Tab]]
 
12/10/2009 - In addition to layout, some tabs have large areas of unused or misused space. For example, Feats & Abilities Tab. These sets of Tabs have similar info for the user to parse. On the bottom right of the original layout there is a whole forth of space for a drop down and an input box. Since these two items affect the left-most list, I moved them to the top of the list of feats (or abilities) on the left. I then moved the Feat Info box to the right bottom, and right above the user chosen feat list. This way there is more room for the left most list, which usually hold lots of information. The right side still contains the user chosen feat list, which is typically a smaller list (depending of class and level) and can stand to be a smaller pane to share space with the Feat Info pane.
 
    </td>
 
  </tr>
 
</table>
 
  
 
==PCGen Section==
 
==PCGen Section==
Line 62: Line 25:
 
===Overall UI===
 
===Overall UI===
 
&#8226; I think the PCGen look and feel from pcgen.sf.net is a good start and could be applied as the default to the PCGen application.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)<br />
 
&#8226; I think the PCGen look and feel from pcgen.sf.net is a good start and could be applied as the default to the PCGen application.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)<br />
 +
&#8226; [https://substance.dev.java.net The substance LAF] is very advanced, very performant and visually gorgeous.  It also uses modern UI ideas (e.g., tab-sensitive Office bar) that would support PCGen well.  And it is open-source.<br />
 
&#8226; Overall the screens could do with consistent headings, intuitive workflow (I understand a new character wizard will be worked on later), attractive and functional icons, more space around crowded elements.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)<br />
 
&#8226; Overall the screens could do with consistent headings, intuitive workflow (I understand a new character wizard will be worked on later), attractive and functional icons, more space around crowded elements.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)<br />
 
&#8226; Space is at a premium with the amazing amount of detail you can drill down to, but there needs to be more padding and spacing in order for the eye to process this abundance of info.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)<br />
 
&#8226; Space is at a premium with the amazing amount of detail you can drill down to, but there needs to be more padding and spacing in order for the eye to process this abundance of info.[[User:Karianna|karianna]] 14:11, 14 December 2009 (UTC)<br />
Line 72: Line 36:
 
&#8226; by default lets hide any columns that give info that doesn't impact the task at hand. (ex: source column in the skill list, nice to know, but unnecessary for making a character)<br />
 
&#8226; by default lets hide any columns that give info that doesn't impact the task at hand. (ex: source column in the skill list, nice to know, but unnecessary for making a character)<br />
 
&#8226; Sorting drop down options should have clearer descriptions overall<br />
 
&#8226; Sorting drop down options should have clearer descriptions overall<br />
 +
&#8226; One thing that might help users is making the filters more friendly I have to admit that after all this time I still have problems the filters. (Paul Nylan)
 +
&#8226; A request as something I discovered - Skills Tab; Each Class is listed in the pull down, having to remove and add skills gets very tedious when you need to select the 'correct' class and it won't let you without dealing with the previous classes. This might be more code related, but I'd like the classes broken out in the following manner:
 +
 +
| Class Name | Skills Gained/Skills Spent |
 +
 +
And the ability to pull skills back to the class using the break out instead of continuously having to deal with the pull down menu
 +
-Andrew 12/22/2009 @ 4:25pm PST
  
 
===Splash screen===
 
===Splash screen===
Line 87: Line 58:
 
&#8226; there doesn't seem to be a need to have the right side of the source materials tab to have a list filter, it sould have a list of the books and whether they are loaded or unloaded.<br />
 
&#8226; there doesn't seem to be a need to have the right side of the source materials tab to have a list filter, it sould have a list of the books and whether they are loaded or unloaded.<br />
 
&#8226; the buttons on the bottom right (load, unload all, remove all, etc.) should be in the same pane as the chosen source materials (top right side), perhaps replacing the list filer drop down<br />
 
&#8226; the buttons on the bottom right (load, unload all, remove all, etc.) should be in the same pane as the chosen source materials (top right side), perhaps replacing the list filer drop down<br />
&#8226; give more room to the source material descriptions<br />
+
&#8226; give more room to the source material descriptions
 
 
===Summary===
 
&#8226; should be renamed, perhaps Character or Statistics. This tab doesn't summarize all of the character's abilities.<br />
 
&#8226; consider moving character name (and its random button), player name, alignment, race, create monster/add kit, lang, weap prof & SA, and the race/class info, to the left and ordered into a column.<br />
 
&#8226; consider moving Levels to add/remove, character classes table, the XP input box (from the Classes tab), and things to be done, to the right and ordered into a column.<br />
 
&#8226; the stats take up too much room, most stats are 2 digits, so the fields don't have to be as wide as they are.<br />
 
&#8226; consider moving the numbered stats, the HP button, stat and mod totals, and the statistics box, in the center<br />
 
&#8226; by making the statistic box larger, you are able to show more information perhaps graphically (ex: including WEIGHT ALLOWANCE, bonus spells from stats, spells per day, etc.)<br />
 
&#8226; in the Stat cells, the final total should be nearest to the stat description themselves. That total is the number that the user is going to want to see quickly.<br />
 
<table><tr><td>
 
[[File:Summary-screen-04.GIF|200px|thumb|left|Summary Tab C]]
 
&#8226; Use a statblock page (selectable from preferences) instead of hard-coded statistics panel.  Include more basic info blocks from Description tab.  Include Deity dropdown box.  Move 'Roll' button next to Statistics, to avoid assumtion that you are rolling HP. (See poorly drawn mockup pic.) [[User:Oracleofbargth|Oracleofbargth]] 21:20, 21 December 2009 (UTC)<br>
 
</td></tr></table>
 
  
 
===Race===
 
===Race===
Line 108: Line 66:
 
&#8226; Give the list of races a 2/3rds of the tab<br />
 
&#8226; Give the list of races a 2/3rds of the tab<br />
 
&#8226; place the XP pane, the current class pane, and the class info pane on the right third of the tab.<br />
 
&#8226; place the XP pane, the current class pane, and the class info pane on the right third of the tab.<br />
 +
&#8226; Hide 'VISIBLE:NO' Class Selections in the drop down selection list. I'm able to see Ex-Barbarian, etc. -Andrew M. 17/Jan/2011<br />
  
 
===Skill===
 
===Skill===
Line 114: Line 73:
 
&#8226; consider moving Ranks before Total. The more important info is the actual ranks. Becomes clearer with information that have colors and/or are bold.<br />
 
&#8226; consider moving Ranks before Total. The more important info is the actual ranks. Becomes clearer with information that have colors and/or are bold.<br />
 
&#8226; "display by" options drop down descriptions could be simpler. "class tree view" > Cost/Name, "stat tree view" > KeyStat/Name, "List View" > Name, etc.<br />
 
&#8226; "display by" options drop down descriptions could be simpler. "class tree view" > Cost/Name, "stat tree view" > KeyStat/Name, "List View" > Name, etc.<br />
&#8226; consider simplifing the display by combining the two skill treetables into one. A view achieved by either could then be done through the use of special filters. --[[User:Connor Petty|Connor Petty]] 07:36, 20 December 2009 (UTC)
+
&#8226; consider simplifing the display by combining the two skill treetables into one. A view achieved by either could then be done through the use of special filters. --[[User:Connor Petty|Connor Petty]] 07:36, 20 December 2009 (UTC)<br />
 +
&#8226; the active skill pool should be the first class that has available skill points --[[User:Nylanfs|Paul Grosse]] 21:38, 22 September 2010 (EST)<br />
 +
&#8226; Skill List should not display 'EXPORT' only skills. I was able to add Ranks to an EXPORT only skill. - Andrew M. 17/Jan/2011<br />
 +
&#8226; Skill List - Ability to Sort by the Title Buttons [Name A-Z and reverse, Cost, etc.]. - Andrew M. 17/Jan/2011<br />
  
 
===Feats & Abilities (using Feats as an example)===
 
===Feats & Abilities (using Feats as an example)===
 
&#8226; consider moving the Feats filter (located on the bottom right pane), the Feats remaining, and the available Feats list to the left half of the tab.<br />
 
&#8226; consider moving the Feats filter (located on the bottom right pane), the Feats remaining, and the available Feats list to the left half of the tab.<br />
 
&#8226; move the selected feats and Feat Info to the right half of the tab.<br />
 
&#8226; move the selected feats and Feat Info to the right half of the tab.<br />
 +
 +
===Domain===
 +
&#8226; Blank - Should have the same message if it's not implemented as the rest of the non-implemented tabs<br />
 +
 +
===Inventory===
 +
&#8226; Panes present but no equipment can be seen.<br />

Latest revision as of 16:40, 17 January 2011

PCGen UI Discussion

Using PCGen 5.16.2 (RC3) for reference. This section will have most of its discussion moved over to each relevant tab page

Useful Links

Key Concepts

  • Set up groups of information in columns and have the user work from left to right.
  • Consider the user as making a character in D&D 3.5.
  • There is a bit of a learning curve that goes into using it. Ease of use for the starting user should not be our only concern, we can find a layout that can be intuitive to the new user as well as the experienced one.
  • My feeling is that this will not be an easy feat to improve the look and feel of the entire program in one go, it maybe best to tackle this in small chunks, that way we can experiment and expose any Swing constraints in minimal doses.karianna 14:11, 14 December 2009 (UTC)
  • Once you actually enter the program it loses it’s ‘gaming’ look and becomes a very mundane text heavy program. It lacks a certain zest and it’s true identity.karianna 14:11, 14 December 2009 (UTC)
  • When I googled “What is PCGen?”, it came up with the following; “PCGen is a character creation and role-playing game playing aid program for d20 System-based games, such as Dungeons & Dragons”. So the overall look could be freshened up, it should look like it generates characters and have a role playing feel about it. Making a character should be a fun and creative task.karianna 14:11, 14 December 2009 (UTC)

PCGen Section

Overall UI

• I think the PCGen look and feel from pcgen.sf.net is a good start and could be applied as the default to the PCGen application.karianna 14:11, 14 December 2009 (UTC)
The substance LAF is very advanced, very performant and visually gorgeous. It also uses modern UI ideas (e.g., tab-sensitive Office bar) that would support PCGen well. And it is open-source.
• Overall the screens could do with consistent headings, intuitive workflow (I understand a new character wizard will be worked on later), attractive and functional icons, more space around crowded elements.karianna 14:11, 14 December 2009 (UTC)
• Space is at a premium with the amazing amount of detail you can drill down to, but there needs to be more padding and spacing in order for the eye to process this abundance of info.karianna 14:11, 14 December 2009 (UTC)
• Generic defaults need be consistent and set, ie. certain default columns.karianna 14:11, 14 December 2009 (UTC)
• Colours for disabled/enabled/current items need to be defined better, ie. Under the ‘Feats & Abilities’ tab, and Feats tab the red text is too overbearing, it actually advances to the eye, instead of receding. This should be changed to be a dulled out grey by default. Maybe a key could be provided that define what the colours mean.karianna 14:11, 14 December 2009 (UTC)
• the arrow buttons ( [>] and [<] ) at the bottom of most of the UI could use more description (some text or an icon)
• more descriptive icons next to tab labels
• use less words for button descriptions. (ex: "Generate Random Name" to "Random Name")
• different panel entries should have containing shapes. (ex: Class tab, HP button stands out, but the more important thing is the number next to it. Same with the saves underneath, the wrong things stand out.
• by default lets hide any columns that give info that doesn't impact the task at hand. (ex: source column in the skill list, nice to know, but unnecessary for making a character)
• Sorting drop down options should have clearer descriptions overall
• One thing that might help users is making the filters more friendly I have to admit that after all this time I still have problems the filters. (Paul Nylan) • A request as something I discovered - Skills Tab; Each Class is listed in the pull down, having to remove and add skills gets very tedious when you need to select the 'correct' class and it won't let you without dealing with the previous classes. This might be more code related, but I'd like the classes broken out in the following manner:

| Class Name | Skills Gained/Skills Spent |

And the ability to pull skills back to the class using the break out instead of continuously having to deal with the pull down menu -Andrew 12/22/2009 @ 4:25pm PST

Splash screen

• Initial entry into the program is good, love the PCGen themed splash page, following that is the potential for prettifying the next screen with options on where to link next. karianna 14:11, 14 December 2009 (UTC)

Preferences

• right side panel has no scrolling ability

Top Menu

• Game Mode/Campaign should be its own drop down menu

Source Materials

• "available" options drop down descriptions could be simpler. "tree view" > Comp/Fmt/Setting, "full list" > Name only, etc.
• Company/Setting and Comp/Fmt/Setting are too similar and don't change the list organization much, consider merging
• there doesn't seem to be a need to have the right side of the source materials tab to have a list filter, it sould have a list of the books and whether they are loaded or unloaded.
• the buttons on the bottom right (load, unload all, remove all, etc.) should be in the same pane as the chosen source materials (top right side), perhaps replacing the list filer drop down
• give more room to the source material descriptions

Race

• It should be considered to remove this tab altogether since this tab is used only once during character creation. A better move would to have it as a popup from the summary tab instead.--Connor Petty 07:28, 20 December 2009 (UTC)

Class

• Give the list of races a 2/3rds of the tab
• place the XP pane, the current class pane, and the class info pane on the right third of the tab.
• Hide 'VISIBLE:NO' Class Selections in the drop down selection list. I'm able to see Ex-Barbarian, etc. -Andrew M. 17/Jan/2011

Skill

• consider color coding the column text. (ex. bold black for the final total of skill ranks, red no and green yes for class/CC)
• consider light lines to separate skills on the chosen character skills.
• consider moving Ranks before Total. The more important info is the actual ranks. Becomes clearer with information that have colors and/or are bold.
• "display by" options drop down descriptions could be simpler. "class tree view" > Cost/Name, "stat tree view" > KeyStat/Name, "List View" > Name, etc.
• consider simplifing the display by combining the two skill treetables into one. A view achieved by either could then be done through the use of special filters. --Connor Petty 07:36, 20 December 2009 (UTC)
• the active skill pool should be the first class that has available skill points --Paul Grosse 21:38, 22 September 2010 (EST)
• Skill List should not display 'EXPORT' only skills. I was able to add Ranks to an EXPORT only skill. - Andrew M. 17/Jan/2011
• Skill List - Ability to Sort by the Title Buttons [Name A-Z and reverse, Cost, etc.]. - Andrew M. 17/Jan/2011

Feats & Abilities (using Feats as an example)

• consider moving the Feats filter (located on the bottom right pane), the Feats remaining, and the available Feats list to the left half of the tab.
• move the selected feats and Feat Info to the right half of the tab.

Domain

• Blank - Should have the same message if it's not implemented as the rest of the non-implemented tabs

Inventory

• Panes present but no equipment can be seen.