The single Create button that changed everything

Why one prominent Create button matters more than scattered options. How color, placement, and hierarchy drive user behavior and product stickiness.

Summary

  • A single prominent Create button beats scattered options - the goal of non-primary buttons is to make the primary action stand out more
  • Empty states create helplessness - without clear guidance on what to do next, users feel lost in your product
  • The Push vs Pull model defines stickiness - push model means “I have to go to it” (sad face), pull model means “It makes me come in” (happy face)
  • Color creates visual hierarchy - green for primary actions, gray ghost buttons for secondary, making the path obvious
  • Quick creation wins - “name it and hit ENTER” beats elaborate wizards every time

There is a moment in every product design discussion where someone asks the wrong question. They ask what features to add. The right question is simpler: what single action do we want users to take?

For workflow software, that action is creation. Not viewing. Not reporting. Creating.

The whiteboard that started it all

In October 2017, we stood around a whiteboard sketching what would become a fundamental decision. The question we wrote at the top: “John, what shall we create?”

Whiteboard sketch showing three options: Task, Process, Template
The original whiteboard sketch. Three clear choices: Task (a one-off task), Process (an actual process, using a template), Template (a template of how a process is done).

Three options. Not twelve. Not a menu inside a menu inside a dropdown. Three.

This sketch captures something we debated for months: the relationship between complexity and action. The more options you present, the less likely someone is to choose any of them.

Years later, we still wrestled with this. A GitHub issue from a prospect revealed the ongoing challenge:

“I suspect our array of links in different places is the issue - we have create at the bottom then create folder at the top.”

The prospect did not know how to create a subfolder. Not because the feature was missing, but because our “array of links in different places” obscured the path. The template creation experience should never leave users guessing.

Why button hierarchy matters

Our designer Thomas Palumbo put it plainly in August 2017:

“I think the goal of the non-primary buttons is to make the primary action stand out more. We do not want it to feel too serious but we also do not want any confusion as to what you should probably click.”

Button hierarchy showing Primary, Secondary, and Cancel styles in two rows
Thomas’s original button hierarchy mockup: Primary (green), Secondary (gray), Cancel (ghost outline). Two rows showing slight variations in styling.

He attached an example showing how the green button paired with a gray ghost button makes the decision obvious. Then another example where equal visual weight creates confusion.

Button hierarchy showing Primary, Secondary, and Cancel styles
The button hierarchy: Primary (green), Secondary (gray), Cancel (ghost outline). A proposed idea, rounded with more space, no longer all caps.
Comparison showing how button prominence affects clarity
The top example makes the path clear. The bottom shows what happens when you give destructive actions equal visual weight.

Pravina Pindoria pushed back on the gray secondary buttons:

“I am not sure about the use of grey for secondary and general buttons. Grey really stands out against white, and is a pretty glum color, it makes me feel serious. I would like to suggest using brighter colors from our palette, perhaps, green or orange.”

Thomas responded with the core principle:

“We don’t want it to feel too serious but we also don’t want any confusion as to what you should probably click. I attached an example below where it is obvious what path we are suggesting you should take by coupling the green button with a less in your face gray ghost button.”

The debate was not about aesthetics. It was about psychology. What does the user see first? What does the button tell them to do?

The empty state problem

In November 2017, I posted about what happens when users land on an empty screen:

“We should really roll out an empty-state graphic for now when there is no tasks in My tasks, no templates in Templates Library. If this is easy to pop into 2.0 it would prevent a lot of user helplessness on what to do next.”

User helplessness. That phrase captures what most SaaS products get wrong. They build features and forget that features without direction create paralysis.

I noted the difference between empty states and onboarding:

“Note that empty-state design/visual is not the same as onboarding. Onboarding is just for first-time experience.”

Empty states happen every time. First login. After completing all tasks. After archiving templates. Each moment is an opportunity to guide action or create confusion.

We eventually formalized creation as a progress milestone. In our user journey tracking, we defined:

“U2: Create a template - any template created”

The moment of first creation became a measurable checkpoint. Before U2, users were exploring. After U2, they were invested.

The push vs pull model

By December 2018, we had learned something important. Getting users into the product was not the hard part. Getting them to bring others was. I sketched this on a whiteboard:

Whiteboard showing Push Model (sad face) vs Pull Model (happy face)
The Push vs Pull whiteboard. TODAY (Push Model): “I have to go to it” with sad faces - must create BPs, must go to app, tasks for myself. FUTURE (Pull Model): “It makes me come in” with happy faces - others create things for me, I create tasks for others, I have a team/social reason to be pulled in.

The Push Model showed a single person: “ME” with arrows pointing to actions like “Must create BPs,” “Must go to app,” “Tasks for myself.” Each arrow ended with a sad face. The product experience was: “I have to go to it.”

The Pull Model showed two stick figures - “OTHERS” and “ME” with bidirectional arrows. “Others create things for me.” “I create tasks for others.” “I have a team/social reason to be pulled in.” Happy faces. The product experience became: “It makes me come in.”

This sketch changed how we thought about the Create button. It was not just about making things. It was about creating reasons for others to join.

The stickiness insight

I wrote:

“I think we need to use the +NEW button as a new way to draw in others rather than focus on just individual actions like Create Task.”

The insight was that creation is inherently social in workflow software. When you create a task, you assign it to someone. When you launch a process, others participate. The Create button is not just about making things. It is about pulling people in.

I proposed expanding what NEW could mean:

“Imagine these NEW buttons existed: New Task (exists). New Request for Help. New Request for Information. New Approval Request. In 2, 3, and 4 - it has to be to someone else, building systems that pull others in to create a reason/draw for inviting coworkers.”

This was the core stickiness lever. Every creation that involved someone else was a notification, a reason to return, a hook.

The GitHub moment of truth

Pravina challenged this immediately with a real-world example:

“I think we are expecting a lot from the user here. We are asking them to think about what their task is before they even type it. Today in Github, I click NEW ISSUE. If GH asked me to then decide: Ask question, Report Bug, Request enhancement, I may not know that it is either one of these yet. I would rather tag these up later.”

She was right. We were overcomplicating. The friction of categorization before creation killed momentum.

I responded:

“Maybe just tagging a task e.g. #question etc. fully serves all use cases. I agree that explicitly asking for task type is not a great UX.”

Thomas added the speed requirement:

“name it and hit ENTER”

That became the standard. Creation should be instant. Categorization comes after. The user types, presses Enter, and the thing exists. Any friction before that moment is a failure.

Creation as an integral action

We later recognized that template creation needed more prominence. A GitHub issue noted:

“Given that this is an integral action for users”

The proposal was to expand the Create Template wizard to fullscreen mode. When something is truly important - when it is the core action that defines your product - it deserves the full screen. Not a modal. Not a sidebar. The whole canvas.

This was the evolution from “button” to “experience.” The Create button opens the door. What happens after determines whether users stay.

The three-step sketch

We had another whiteboard moment that captured the ideal user journey:

Three-step sketch showing Install, Create, Win flow
The three steps: (1) Install in minutes via WordPress, Cloudflare or just manually. (2) Create - just add a starting link for a new visitor (if any) and some steps with capture fields to collect. (3) Win - your customer journey is now LIVE on your own website.

Install. Create. Win.

Not install, configure, customize, integrate, train, deploy, iterate, measure, optimize. Three steps. The Create step sits in the middle because that is when the product becomes real. Before creation, you are just looking at software. After creation, you are using it.

What we left out

The debates about button design included many ideas we chose not to implement:

Post-click animations: I suggested copying Basecamp’s button animations - “something similar to basecamp. On the post-click UX, I had in mind something similar” - but Thomas noted this was not priority for the core product launch.

Spreading shadow effects: We discussed pre-click hover effects and “satisfying” post-click animations. Thomas said: “In addition to buttons there are tons of areas I am looking to add delight with smoother animations, how things popup, close etc. Since it is not priority #1 for V2 I am just noting them for now.”

Multiple task types in the dropdown: The idea of Request for Help, Request for Information, and Approval Request buttons was rejected after Pravina’s GitHub critique. Too much cognitive load before the user even starts typing.

Tag suggestions before creation: We considered prompting users to tag tasks during creation (“To group lots of the same types of tasks - use tags like #question #help #approval”) but ultimately let them tag afterward.

Forced categorization: The original proposal had users choose task type before writing. Pravina killed it: “I would rather tag these up later.” Speed won.

Scattered create locations: The GitHub issue revealed what happens when you compromise: “we have create at the bottom then create folder at the top.” Users get confused. One prominent location beats distributed options.

The hardest part of product design is not adding features. It is removing them while keeping the core action obvious.

The design decision that stuck

What survived all these debates? A single, prominent Create button. Green. Rounded. In the top navigation where users expect to take action.

Thomas summarized the philosophy:

“Below is a proposed idea, rounded with more space, no longer all caps, a few different styles. You will always need a primary and secondary style. A third, more generic style is good to have for actions that are less important but still need button style affordance (like cancel, settings, edit).”

The button hierarchy became: Primary (green, solid), Secondary (gray, solid), Tertiary (ghost outline).

Green means go. Green means create. Green means the most important thing you can do right now.

Why this matters for your product

Every product has a core action. For social networks, it is posting. For e-commerce, it is adding to cart. For workflow software, it is creating.

The questions to ask:

  1. What is the single most important action users should take?
  2. Is that action visually dominant?
  3. Do empty states guide users toward that action?
  4. Does that action naturally involve others (pull model)?
  5. Can users complete it with minimal friction (name it and hit ENTER)?

The Create button is not just a UI element. It is a growth mechanism. Every template created is a reason for coworkers to join. Every task assigned is a notification pulling someone back.

The push model says: “I have to go to it.” The pull model says: “It makes me come in.”

One button. Prominent. Clear. Designed to pull others in. The rest is details.

About the Author

Amit is the CEO of Tallyfy. He is a workflow expert and specializes in process automation and the next generation of business process management in the post-flowchart age. He has decades of consulting experience in task and workflow automation, continuous improvement (all the flavors) and AI-driven workflows for small and large companies. Amit did a Computer Science degree at the University of Bath and moved from the UK to St. Louis, MO in 2014. He loves watching American robins and their nesting behaviors!

Follow Amit on his website, LinkedIn, Facebook, Reddit, X (Twitter) or YouTube.

Automate your workflows with Tallyfy

Stop chasing status updates. Track and automate your processes in one place.

Discover Tallyfy