3

I have a dropdown that looks like this:

Dropdown

as you can see, I have a button that allows to create a new project, clicking this button will open a pop up (where you can create project). as soon as you are done, the list will have one more item (project).

The question: what happens at the first time that the user opens the app and there are no projects?

will he see something like this (once he opens the dropdown he can select the new project button): Select:

or Will he see something like this (he can click the dropdown without entering it): clickable

or, any other suggestions that you might have?

8

I'd be wary of hiding the project creation functionality inside the select menu for several reasons:

  1. Select menus don't typically contain buttons, or trigger actions just by making a selection, therefore a user isn't immediately going to think to search for this feature in there.

  2. Select menus require the user to explicitly expand them before all of the options are revealed. This reduces the visibility of this critical feature.

  3. It doesn't seem intuitive to group the "Create new project" functionality inside a list of existing projects. It seems analogous to selecting File > Open > New Document in Microsoft Word.

Instead, I'd suggest placing a small + Create New Project button near the select menu. You mention that this triggers a modal, so any errors or misclicks can be easily fixed by just closing the modal.

0

I think that "New Project" (as opposed to Select) is clearer. The word "Select" implies existing projects and the user may wonder "where do I create a new project." The user would have to think "Oh, let me look here."

To further reduce ambiguity I would change the label from "New Project" to "Create New Project".

(As with most assumptions this can and should be quickly tested.)

0

You can either have a button that reads "Add First Project" without a dropdown. Then you can show the dropdown after the first project has been added.

enter image description here

If you absolutely need to show the dropdown, you can also have the dropdown, with a text that reads "No Projects" then follow that with button to create the first project.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.