Difference between revisions of "Explorer Navigation"

From Organic Data Science Framework
Jump to: navigation, search
(Set PropertyValue: Progress = 100)
 
(44 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
[[Category:Task]]
 
[[Category:Task]]
 +
== About this task ==
 +
 +
This task involves a design for exploring tasks, and the implementation of this design.
 +
 +
<span style="color:#00BFFF">'''STATUS: The design is completed.  The implementation in progress.'''</span>
 +
 +
== The Design of Explorer Navigation ==
 +
Tasks with visual recognizable needed contribution are faster accomplished. Therefore all tasks of this wiki are hierarchically organized like our files in the most common operating systems. Everyone knows the windows explorer to browse folder and files.
 +
 +
=== Hierarchical View ===
 +
The '''hierarchical view''' is related to the well-known file explorer pattern. The sidebar on the left represents all tasks hierarchical browsable and the task content is represented on the right side.  The [[Progress Tracking | task progress]] is visualized by the pie chart icons in front of each browsable task item. Needed contributions can be found easily by a task drill down. All tasks are linked to the [[Task Representation| task representation]] page.
 +
 +
=== Selected Task ===
 +
The currently '''selected task''' is highlighted with a light blue background. Related to the selected task all task details are represented on the right side.
 +
 +
 
<div style="border:1px solid #eeeeee; width:610px">[[File:Mockup_4_Explorer_Navigation_I.png|600px]]</div>
 
<div style="border:1px solid #eeeeee; width:610px">[[File:Mockup_4_Explorer_Navigation_I.png|600px]]</div>
 
<div style="background-color: #eeeeee; width:610px; font-size:smaller; color:#999999; font-style:italic; padding-left:5px;">Explorer Navigation - Hierachical View Mockup</div>
 
<div style="background-color: #eeeeee; width:610px; font-size:smaller; color:#999999; font-style:italic; padding-left:5px;">Explorer Navigation - Hierachical View Mockup</div>
 +
<br/>
 +
 +
=== Expertise Filter and Text Search ===
 +
Over time many tasks will be listed therefore a search- and filter function helps to find the personal interesting and important tasks. Searching for certain task names are works easily by typing it into the '''search''' field. The '''filter''' functionality is powerful to search for certain fields of expertise. In both cases the results are shown within the hierarchical task context.  All not matching tasks are not visible or grayed out. Parent tasks of matches are grayed to describe the context of the search and filter results. Results itself are represented in the normal layout style.  The search and filter functionality can be used together.
  
 
<div style="border:1px solid #eeeeee; width:610px">[[File:Mockup_4_Explorer_Navigation_II.png|600px]]</div>
 
<div style="border:1px solid #eeeeee; width:610px">[[File:Mockup_4_Explorer_Navigation_II.png|600px]]</div>
<div style="background-color: #eeeeee; width:610px; font-size:smaller; color:#999999; font-style:italic; padding-left:5px;">Explorer Navigation - List View Mockup</div>
+
<div style="background-color: #eeeeee; width:610px; font-size:smaller; color:#999999; font-style:italic; padding-left:5px;">Explorer Navigation - Hierachical View with Applied Filter Mockup</div>
 +
 
 +
==Comments and Feedback==
 +
Please comment everything might be interesting related to this task.
 +
 
 +
* ...
  
 
<!-- Add any wiki Text above this Line -->
 
<!-- Add any wiki Text above this Line -->
 
<!-- Do NOT Edit below this Line -->
 
<!-- Do NOT Edit below this Line -->
 
{{#set:
 
{{#set:
Participant=Felix|
+
Depends on=Progress_Tracking|
Participant=Yolanda}}
+
End date=15-July-2014|
 +
Expertise=Collaboration|
 +
Expertise=Computer_Science|
 +
Owner=Felix_Michel|
 +
Participants=Yolanda_Gil|
 +
Progress=100|
 +
StartDate=2014-06-30|
 +
Start date=28-April-2014|
 +
TargetDate=2014-07-30|
 +
Type=Low}}

Latest revision as of 17:39, 23 August 2014

About this task

This task involves a design for exploring tasks, and the implementation of this design.

STATUS: The design is completed. The implementation in progress.

The Design of Explorer Navigation

Tasks with visual recognizable needed contribution are faster accomplished. Therefore all tasks of this wiki are hierarchically organized like our files in the most common operating systems. Everyone knows the windows explorer to browse folder and files.

Hierarchical View

The hierarchical view is related to the well-known file explorer pattern. The sidebar on the left represents all tasks hierarchical browsable and the task content is represented on the right side. The task progress is visualized by the pie chart icons in front of each browsable task item. Needed contributions can be found easily by a task drill down. All tasks are linked to the task representation page.

Selected Task

The currently selected task is highlighted with a light blue background. Related to the selected task all task details are represented on the right side.


Mockup 4 Explorer Navigation I.png
Explorer Navigation - Hierachical View Mockup


Expertise Filter and Text Search

Over time many tasks will be listed therefore a search- and filter function helps to find the personal interesting and important tasks. Searching for certain task names are works easily by typing it into the search field. The filter functionality is powerful to search for certain fields of expertise. In both cases the results are shown within the hierarchical task context. All not matching tasks are not visible or grayed out. Parent tasks of matches are grayed to describe the context of the search and filter results. Results itself are represented in the normal layout style. The search and filter functionality can be used together.

Mockup 4 Explorer Navigation II.png
Explorer Navigation - Hierachical View with Applied Filter Mockup

Comments and Feedback

Please comment everything might be interesting related to this task.

  • ...


Yandex.Metrica