Skip to content
DesignOps with Coda
  • Pages
    • DesignOps examples in Coda
    • Examples
      • Feature Request Ranking
      • Team event voting
      • Design System
      • Onboarding
      • Project Assignments
      • Candidate evaluation
      • Site map
      • Playbook
      • Team Site
      • Internship form
      • Weekly check-in
      • Design Critiques
      • icon picker
        Task tracker
DesignOps with Coda
/
/
Task tracker
Share
Explore

Task tracker

One of the most common scenarios in Coda is task tracking. Its' flexible and you can vary the fields by the project, create charts or separate views that filter out some information. Below is a sample visual nits tracker I create toward the end of a project.
Design nits
Priority
Task
Assigned to
Notes
Image URL
Status
Change background of form to @neutral100
Bg on form looks too dark - change to the same color as text fields
​
Make required asterisk red
​
​
Make URL single line with ”...”
Today it wraps to a second line.
Add a 2px @300 grey border on hover of controls
​
“This form is still being created” - change text to “Creating form”
​
​
Add hover state to column type switcher
Use grey rec with rounded corners similar to changing column type on regular column format menu popup.
Move colored circle down and to right a pixel or two to look more like a badge.
​
Make cover photo size and proportion the same as in the doc
EC: Let’s make them the same. Image in this row has a side-by-side comparison with missing height and pixel comparison
Restyle branding on the bottom
Before and after here
Mobile: Add 26px to bottom padding on last column
​
Change checkbox size to 28px (currently 20px) in form/detail
​
⁠

Gallery
 
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.