Show/Hide DetailsMenu

Tasks & Assignments

Released

Notes

None yet

Notes

  • These changes bring the tasks page more in line with the mobile applications and also bring it closer to the current my archive page.

Changes

  • Added bucket titles to better organize tasks and assignments
  • Added color to priority task to better differentiate them from others
  • Added white container to different buckets to be more in line with rest of UI and to better separate the grouped content.
  • Changed name to "Tasks and Assignments" to be more descriptive of the contained content.
  • Added To Do and Done tabs as part of a IA change that removes the need for an Archive page and instead puts completed content in the same location as that same type of content. INT-17465
  • Some font style changes including a larger paragraph style more spacing beneath task titles and the description, and a larger space between tasks.
  • Removed small while gap beneath the header.
  • Increased the size of the shadow on the bottom of the header.

INT-17464

Past Due

Released

Notes

None yet

Notes

  • This mockup shows how past due tasks and assignments will appear on the list.
  • Due date and icon change colors to show urgency, no other content changes color.

INT-17464

Done Tab

Released

Notes

None yet

Notes

  • This is a change from the current 'My Archive' Menu item in order to put all like content together.

Changes

  • Move completed date to a chip item to go along with rest of UI.
  • No more bold styling, Use default paragraph styling.
  • Smooth out bottom shadow of item container.
  • Change icon.
  • Change header font styling and margins.
  • Add metadata chips.
  • Increase padding on bottom of list
  • Change current tab color to be primary color.

INT-17466

Empty State

In Design

Notes

  • These changes were removed. Will need to be revisited.

Changes

  • Add 'End Session' button to allow the user to take action when there are no items available.

Tasks & Assignments

You don't have any assignments to complete right now

EnD Session

Instructions

In Design

Already being developed. May be worth a redesign as most pieces of content do not have information.

This is a candidate for a new pattern:

https://material.io/guidelines/components/steppers.html

Details

10/20/2016
Min
48
Medium Priority

INSTRUCTIONS

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo.

Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo.

Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui.

With Attachment

In Design

Notes

  • Users be having some issues with not opening the attachments on the task details screen. Right now we're giving that action prominence by making the open button primary on the page, but users could be impulsively clicking through the page and missing the color treatment alone.
  • These 3 options solve the instinctive next action by putting the attachment in a location that indicates it's prominence and also more aggressively styling it.
  • We could potentially use the bottom sheet organism here, with the animation and all to give it even more prominence. Another option would be to remove the skip action and just make all of the tabs clickable.

DETAILS

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo.

Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam quis risus eget urna mollis ornare vel eu leo.

Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Attachment Title

DETAILS

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo.

Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam quis risus eget urna mollis ornare vel eu leo.

Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Attachment Title

DETAILS

Attachment Title

Details ipsum

Trophy Page

In Design

Will update to bring in alignment with rest of the UI and work better with theming.

Current potential issues:

  • Yellow in icon will not theme well
  • Retake button is not obvious, and is also center aligned, which is not consistent.
  • Circular progress indicator is not obvious.
  • Green background is not necessary.
  • Green grow animation is jank.
  • Next assignment card is not built correctly, potentially could use prompt instead of card.
  • No clear single call to action.
Current

Published in 9.5.13