Project

General

Profile

Actions

Feature #12789

open

Redmine - design study

Added by Daniel Felix almost 12 years ago. Updated almost 11 years ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:

Description

Hi there,

I'm trying to give some ideas for the redmine interface. Currentyl I'm trying to define some screenshots. It would be great to have some feedback to this suggestions.

In the coming days, I'll upload some other suggestions.

Best regards,
Daniel


Files

Additional_ProjectOverview_01.png (123 KB) Additional_ProjectOverview_01.png More detailed project overview - Version 1 Daniel Felix, 2013-01-09 17:22
Additional_ProjectOverview_02.png (63.5 KB) Additional_ProjectOverview_02.png More detailed project overview - Version 2 - Grouped modules Daniel Felix, 2013-01-11 17:16
Additional_HistoryOverview_01.png (60.4 KB) Additional_HistoryOverview_01.png Grouped history by tabs refs #1005 Daniel Felix, 2013-01-25 11:23
project_overview.png (81.5 KB) project_overview.png Jan Niggemann (redmine.org team member), 2013-01-25 11:56

Related issues

Related to Redmine - Feature #3224: Better project listClosed2009-04-23

Actions
Related to Redmine - Feature #13157: Link on "My Page" to view all my spent time ClosedJean-Philippe Lang

Actions
Related to Redmine - Patch #1081: Add Activity block to My PageClosed2008-04-21

Actions
Related to Redmine - Feature #1472: Organized All Projects List ViewClosed2008-06-16

Actions
Related to Redmine - Patch #239: Adds two blocks for my/page and fixes a report bugNew

Actions
Related to Redmine - Feature #13492: Personalized widgets for home and project overviewNew

Actions
Related to Redmine - Feature #1005: Add the addition/removal/change of related issues to the historyClosedJean-Philippe Lang2008-04-07

Actions
Related to Redmine - Feature #4487: Add better presentation of issue status historyNew2009-12-25

Actions
Related to Redmine - Feature #3930: Should be added a filter for the "Assigned to" formNew2009-09-27

Actions
Related to Redmine - Feature #3543: Improve 'long text' custom fieldsClosed2009-06-25

Actions
Related to Redmine - Feature #4967: Issues colorsReopened2010-03-02

Actions
Related to Redmine - Feature #1936: Moving tasks between versions on the roadmap screenNew2008-09-23

Actions
Related to Redmine - Feature #13548: Remove wiki-page rendering in version roadmap pageNew

Actions
Related to Redmine - Feature #4291: Display percent complete per issue in roadmap viewNew2009-11-25

Actions
Related to Redmine - Feature #7270: Allow descending/ascending sort on the roadmapNew2011-01-10

Actions
Related to Redmine - Feature #10979: Roadmap on My pageNew

Actions
Related to Redmine - Patch #13747: Issue Colors Patch for #4967New

Actions
Related to Redmine - Defect #6624: Project horizontal menu layout doesn't wrapClosed2010-10-11

Actions
Related to Redmine - Feature #10773: Support Nesting MenusNew

Actions
Related to Redmine - Feature #6984: Configure order/position and visbility of tabs in menuNew2010-11-25

Actions
Related to Redmine - Feature #10718: Advanced menu (main,context) configuration like order, aligment, grouping and behaviourNew

Actions
Related to Redmine - Feature #16474: Page Navigation link to be available on top of pageNew

Actions
Related to Redmine - Feature #1565: Custom query on My pageClosedJean-Philippe Lang2008-07-03

Actions
Actions #1

Updated by Daniel Felix almost 12 years ago

Changed ProjectOverview to Version 2.

Just a simple change. The new boxes latest changesets and latest comments are grouped with a tabmenu.

Actions #2

Updated by Daniel Felix almost 12 years ago

This could be useful after integration of #1005-30.

The single tabs in the history could be retrieved by an ajax request.

Actions #3

Updated by Jan Niggemann (redmine.org team member) almost 12 years ago

I like Additional_ProjectOverview_01.png better than ..._02.png because having tabs requires additional clicks from users...
That said, the "subproject" section could / should IMHO be made a list and ordered by name (see project_overview.png)

Actions #4

Updated by Daniel Felix almost 12 years ago

Jan Niggemann wrote:

I like Additional_ProjectOverview_01.png better than ..._02.png because having tabs requires additional clicks from users...

You're right, but on the other hand, you'll have to generate each list even if the user doesn't click on it. The grouped elements would give the advantage of ajax requests.

Actions #5

Updated by Filou Centrinov almost 12 years ago

Project Overview: Yes, ticket box to the right is nice, because i don't use news (box). ...but may be not everybody is happy about this :-)

History Overview: Make it possible to set a default. Make it possible to show and hide tabs. Also "spent time" tab would be nice. May also optionally conclude multiple actions like 5 times changed description from same person and no other activities had occured in that time.

Actions #6

Updated by Terence Mill almost 12 years ago

If a info box is showed, how is layout and orientation shall be configurable.
For example see plugin redmine_blocks_layout which offers such feature.
Additionally there shall vbe plugin whoch extend for new info boxes, like redmine_polls and redmine_last_messages

A newplugin that shall be integrated to support box layout is last issues

Actions #7

Updated by mark kalender over 11 years ago

hey guys, for feature #3 grouped history tab i have created RE: Detailed tabs and time in Issue (v 0.0.6).

the other points im also looking for, and will look into maybe doing the work for another plugin. not sure how this is not part of redmine yet :D

Actions #8

Updated by Anonymous over 11 years ago

In terms of design, I think there's a really simple approach that could be taken here. In terms of implementation...ehehhe...haha...well, anyway. Let me break it down--I'll be referring to the elements on the overview page as 'blocks' for this post:

  1. Overviews need to allow for customization, in the same way My Page is customized. The blocks that exist now become a standard set of modules that can be added or removed as people like, or reset to a default layout.
  2. Introduce two 'custom' blocks: Query and Wiki, and users can add as many of these as they like.
    • Query Any existing saved query for issues can be selected here, and the top x number of posts from the query results are displayed. It's just as interactive (right click) as the My Page issue lists.
    • Wiki Any existing wiki page can be selected here. This allows for project introductions that don't pollute the /projects page view (you know what I'm talking about), as well as the addition of graphic content. I personally maintain wiki pages with status charts, and I'd love to have a block for these on the overview page, ala dashboards.
  3. Enable all of the same customizations on the Home page, for a global content view. Wiki blocks might be more complicated here, though, unless you allow for the identifier:wikipage syntax when choosing.

This leaves us at one last detail: ditch the My Page feature. Once the overview model is expanded to allow for customizations, My Page becomes redundant next to Home. Its calendar module is unique to it right now, but even that could be turned into an Overview module (it could use some design love, too).

There are some questions to be answered, of course. How many levels of customization are there? Is there a global module default, similar to all the other global defaults (modules, columns)? Is there then a project default, where manager rights allow you to set the official project overview layout and content? Is there then still one more default, for each user, who wants to add the content that matters most to them? Prioritization is clear (user default overrides project default overrides global default), but would we want all three levels? Would there be, for users, a "Reset layout" link that would purge their changes in favor of the project default? Can they save views as templates to toggle between or apply to other projects? Lots of questions!

Regardless of the details, I do feel strongly about movable blocks and the addition of wiki and query blocks. Those two changes alone would dramatically improve the Overview's usability and appeal.

I do like the grouped tab concept, but I don't think it should be limited to a static set of block types. You know how you can drag a tab from one browser window to another browser window? Do that here! As you're moving blocks around, if you hold the block over another block, they join and become separate tabs of the same block space. Add more blocks here, creating more and more tabs (some interesting things could be done with this and wiki blocks). Grab a tab and drag it away and it separates into its own independent block again.

Actions #9

Updated by Filou Centrinov over 11 years ago

Related to: #13492. It's the same idea for the project overview, only in other words. I think it's what Joshua DeClercq is talking about. It also solves the problem shown in project_overview.png

Actions #10

Updated by Dipan Mehta over 11 years ago

In my opinion, there should be a straight forward policy for a clean design -

_More static content on the left [Including summary, member lists, etc.] and dynamic content on the right.
As far as dynamic content is concerned, I think following might be interesting

  1. Issue tracking box.
  2. A box containing the progress bar of currently active versions
  3. A box that show's two days (or a few days of activity)
  4. News etc.

Typically, these can be either tabs, or better still it can be a collapsible block if there are too many blocks involved.

The extra content such as "Participate in the latest polls", "Hall mark Developer of the month" (or link to it) should be on the side bar. Typically this shouldn't be a widget - rather a plain wiki or HTML page which can be decorated and edited as the Project Manager wants to put it.

Actions #11

Updated by Dipan Mehta over 11 years ago

On an independent issue, I have tried to stress upon beautifying and structuring the issue history that allows better experience working with issues.

Take a look at #4487 - and add this as a related to this overall design study.

Actions #12

Updated by Daniel Felix over 11 years ago

Dipan Mehta wrote:

Take a look at #4487 - and add this as a related to this overall design study.

Done.
I'll provide some smaller css-improvements soon. Some further improvements to the overview and the my page will come in the next weeks.

Actions #13

Updated by Dipan Mehta over 11 years ago

I am not sure this is a right place to put this comment but I want you to highlight on specific UI related issues:

  1. take a look at #3930 in dealing with long/large lists. It would be good if we have auto complete type fields for the same.
  2. take a look at #3543 in dealing with long-text type fields. Looks like 1 column layout in issue page and update form would be more optimum if there are long-text fields.
  3. as per #4967, Issue colors and it's theme support
  4. Related to roadmap page - #1936, #13548, #4291, #7270
  5. Roadmap on My page #10979

May be you want to add all this as related.

Actions #14

Updated by Daniel Felix over 11 years ago

Hi,

please take a look at #13747.

Thanks!

Actions #15

Updated by Terence Mill over 11 years ago

related to

  • Support Nesting Menus #10773
  • Configure order/position and visbility of tabs in menu #6984
  • Advanced menu (main,context) configuration like order, aligment, grouping and behaviour #10718
Actions #16

Updated by Christian Dähn almost 11 years ago

+1

Actions #17

Updated by Toshi MARUYAMA over 10 years ago

  • Related to Feature #16474: Page Navigation link to be available on top of page added
Actions #18

Updated by Toshi MARUYAMA over 9 years ago

  • Related to deleted (Feature #9479: Add a custom filtered issues block to 'My page')
Actions #19

Updated by Toshi MARUYAMA over 9 years ago

Actions

Also available in: Atom PDF