We’ve built a full tutorial showing users how to navigate Tatem, faster, using our native keyboard shortcuts. Our goal was to create a video-game-inspired tutorial that felt fun, all on its own. We hope we hit the mark, and that new users will have their first magical encounter with Tatem as they work through it.
The “View” dropdown menu is now entirely keyboard navigable. Press “V” to open the “View” menu, use arrow keys to move the cursor, and press “Enter” to select / un-select properties from tasks (don't worry, you can restore the default view at any time). As a reminder, use “Command + B” to switch between list and grid view instantly (no need to even open the “View” menu).
The “Create Task” modal has also received the full keyboard navigation treatment. Users can now press “Tab” and “Shift Tab” to cycle forwards and backwards through each item on the “Create Task” modal. To select / deselect each item, simply press “Enter.” Finally, all Tatem keyboard shortcuts now work within the “Create Task” modal as well (”A” for Assignee, “Shift S” for Status, “P” for Priority, etc).
Changelog
Built the groundwork for our new onboarding flow, which we’ll launch shortly as we begin onboarding more users from the waitlist
Integrated Stripe to enable monetization features
Updated the colors for "Due Date" tags on tasks to make late and overdue tasks stand out more
Fixed several bugs impacting keyboard navigation
Command K, welcome. We’ve been hard at work rebuilding our command menu infrastructure to accommodate the progress we’ve made with keyboard navigation over the past several weeks. Now, every. single. action. can. be. done. using.... Command K!
Ok, that was too many periods, but we really wanted to emphasize what a huge step this is. Want to assign a task? Copy a task’s URL? Copy a task’s ID number? Change the priority for multiple tasks at once? Search for the task you created last week, but can’t find? Switch to dark mode? Or, any other action in Tatem? You can do it, in seconds, with Command K.
In addition to reworking the Command K functionality, we’ve also redesigned the UI for the command menu itself. As with everything we do, we strove to make it as beautiful as it is simple.
Changelog
Fixed a bug which made the tatem.com/brand page horizontally scrollable on mobile devices
Removed a link to tatem.com/blog from the top level navigation
Made small copy changes to the tatem.com/about page
Updated the URL paths for the tatem.com/releases page, as well as for individual releases
Changed the look of our social icons on both the tatem.com/about page and on individual blog pages
Redesigned the image sizing we use right here on tatem.com/releases
Squashed several other small styling bugs on the tatem.com marketing pages
Public and private teams and projects are finally here! We observed a clear pain point that existed when users tried to invite their organization to their Tatem workspace. Further, users struggled to add teammates to their teams and projects within Tatem. Now, we’ve designed a seamless, simple, and secure permissions system for organizations large and small.
For public teams and projects, workspace members can join without approval. For private teams and projects, workspace members can request to join, but must be approved by an existing team or project member prior to being accepted. We even support private tasks for those that want to add personal or non-work-related tasks to their organization’s workspace, privately.
Finally, we’ve added a new “Browse Teams” menu which allows workspace members to view and join teams (or request to join, if the team is private). Collaboration is in our DNA, and we’re excited to continue redefining what simplicity means for collaborative tools.
Changelog
Updated the styling for our @ mentions dropdown
Fixed several bugs impacting @ mentions
Revised the way we handle dropdown navigation via keyboard to be more seamless
Squashed several bugs which were created by our recent URL schema update
2 releases in 2 days? You better believe it. Notifications 3.0 is here, and it’s a huge improvement over our prior iteration. Notifications are now split into Unread and Read. Users can press "tab" or "shift + tab" to move between the split inboxes, replicating the functionality we have for moving between task status splits. Unread notifications are visually differentiated from Read notifications by a dot indicator on the left side, which will be familiar to Superhuman users. To make the process of viewing Unread notifications smooth and seamless, there’s a trigger which prevents Notifications from moving to Read from Unread until the user moves to a new notification split or reloads the page.
Changelog
Reduced the loading time when a user opens the Notifications page
Fixed an issue which prevented users from commenting on tasks within the Notifications page
Squashed a bug which impacted new task creation for some users
Say goodbye to scary-looking Tatem URLs with long, random, unique ids. Today, we’re excited to launch completely overhauled URL paths, which clearly indicate: the workspace a user is in, where a user is at in the product, and which task a user is viewing.
As an example, a hypothetical task URL is now: app.tatem.com/workspace/tasks/task-number/task-name. Not only does this make product navigation much clearer for all users, but sharing task links with your team (or other collaborators) is now 10x better as well.
Finally, to make this possible, each workspace name is now unique and selected during onboarding. Time to claim your Tatem workspace!
Changelog
Added a new button and accompanying modal which allows users to browse and join teams within their workspace
Updated tooltip styling across both light and dark mode
Created new keyboard shortcut tooltips for the top row of the task modal
Included several fixes to workspace and team permissions
Fixed a handful of bugs which impacted notifications
This past week, we spent most of our energy making small performance improvements, squashing bugs, and improving Tatem’s core user experience. There are still some rough edges within the product, but we’re hard at work creating a seamless, magical experience.
Changelog
Fixed the bugs resulting from last week’s upgrade to React 18 as the switch caused numerous breaking changes
Improved pagination within notifications, which increased the speed of browsing for long lists of notifications
Updated the drag-select feature, which has been a bit buggy over the past week since switching to React 18
Fixed header alignment, making a 1px adjustment to the sidebar header to ensure a lineup with the main page header
Updated the styling of the code snippet and color picker for custom categories
Fixed the disappearing archive button so that it correctly shows on the status row
Updated notification tooltips so that they’re no longer cut off by the divider
Removed the ‘Trash’ status bucket as the associated code no longer exists
Fixed the bug causing the three-dot dropdown layering that hid the row in list view
Fixed a bug that hindered users from pressing ‘Enter’ or ‘Escape’ within dropdowns
Enabled users to highlight a task using ‘X’
Removed a line separator visual flaw on the projects page on staging
Fixed a regression which caused visual flaws to scrollbars within dropdowns
Fixed the bug that caused tags and calendar dropdowns to all open simultaneously instead of one-by-one
Made numerous style updates in addition to all the bugs we fixed
We updated all dropdown menus throughout the product to new, universally styled components. This provides a much cleaner, more cohesive experience for users on Tatem. The new dropdown menu applies to: tags, tasks, sort, filter, view, quick edit, resources, task menu dropdowns, and all other dropdowns within Tatem.
Additionally, we further iterated the invite modal from last week. This continues our focus on making the process of joining and inviting members to Tatem a delightful experience.
Changelog
Overhauled our backend to support React 18, which reduces duplicate renders and makes navigation feel more responsive
Disabled background scroll on mobile
Made quick scrolling for tasks within a project much smoother
Updated mini modal overview styling and positioning
Changed the project description container to a fixed container, as it was previously resizable
Gated Tatem access further by creating an access code which we can trigger to send to users once they are accepted from the waitlist
We’ve heard loud and clear from users that the process of inviting members to a workspace, team, and/or project has been a poor user experience; causing enormous complexity. In our latest update, we clarified the hierarchy of workspaces, teams, projects, and tasks within the product so that users understand the differences between these components. Further, we’ve completely redesigned each step a user takes when joining a workspace, from creating a team and adding members, to creating a project, and more! While there's still room for improvement, we’re excited to present a much more seamless invite experience for users.
Changelog
Redesigned all buttons throughout the product
Fixed a bug which previously caused users to type on top of the attachment icon within the comments section of a task
Updated styling for the sign-in and sign-up pages
Corrected a small bug which impacted keyboard navigation within the status row
Added a cursor to checkboxes to ensure users know where they are while typing
Changed the line height and font type for bullet points, numbered lists, and checkboxes to ensure a consistent, seamless typing experience
We added an archive this week, which continues our recent focus on performance. This addresses the slowdown that occurs when there are hundreds (or thousands) of tasks in a single, scrollable page. The archive solves this problem at the root cause by preventing large groups of tasks from aggregating within the “Done” or “Trash” statuses. Instead, tasks are now automatically archived 14 days after completion.
We've also removed the "Trash" status entirely. Now, after deleting a task, the task is moved into the “Recently Deleted” section of the archive. It will remain there for 14 days before being permanently deleted. To access the archive, merely go to the status bar and click on the trash can icon which has a tooltip clearly labeling it as the “Archive.”
Changelog
Reduced lag that occurred when opening a task from the task’s URL
Fixed visual bug that impacted the icons within the left navigation menu
Updated the empty state informational copy within a task’s comments to “Enter comment here or drag / drop a file to upload...”
Squashed several bugs which impacted selecting tasks using the cursor
One of the most consistent pieces of feedback we've heard from users is that they care about speed. Outside of telling us how much they dislike the clutter, confusing UX, and ugly design of other project management platforms, the next most common complaint is that they hate how slow their current solutions are. We agree wholeheartedly. Lag and unresponsive pages are not acceptable in our opinion. So, we've gone through our product and ensured there are NO loading screens or loading states, anywhere, outside of initial login. This is all done to guarantee that users never have to wait or experience lag while using Tatem.
To deliver this experience, we've focused on making every interaction in Tatem <100ms (the speed at which interactions feel instantaneous to the human eye is 100ms). We've had to re-architect much of our product to accomplish this. One large change that we've made is to locally cache a large portion of the data in a user's workspace to deliver a lightning fast experience. Over the next several weeks we will continue to focus on performance as we tackle:
Caching additional portions of the product
Adding pagination to larger lists of objects to make navigating large lists of tasks buttery smooth
Refactoring additional components
Making further architectural changes
Making Tatem fast is a core part of our vision. We don't believe project management software has to be ugly, slow, and complex. We believe it can be beautiful, fast, and easy-to-use. We're building brilliant software - software that we want to use ourselves.