Currently I'm working on a navigation that doesn't take up too much screen real-estate. I came up with a pseudo off-canvas navigation with stacked menus.

A user can assign nodes to a product. This is the current state of the wireframe; user chose Add nodes. Now he want's to manually search for a specific node 1 (1. Browse Nodes in wireframe). The user now can select a node to add to product 2 or go 1 level deeper into the navigation 3. and 4.. If you click on a node-link the children off that node will slide-in and stack on top of the current menu. There is also a back option to parent (second wireframe).

I deliberately chose checkboxes, links and button as elements because that's their purpose; I wireframed there functionality not a design-solution. Normally I like selecting text/label also checks a checkbox, but now the label is a link too. A user could a) select that node to add to product, Or b) select node to navigate to children of that node.





I could argue if it makes sense that a node will act is a leaf and a branch. A don't have any real data about how customers assign nodes. I can't wait for this input. Currently functionality of the system is that a node could be a leaf and a branch. So asking real users is no option. Maybe in the future (months from now).

How to convert this into an intuitive navigation?


Question: what is the difference between 'em and them
Answer: It's a contracted, or shortened, form of "them" that's used in conversation, much in the same way that "gonna" is often used to mean "going to".  In your quote, there should be a space, so: "Let's kick 'em."  The apostrophe is to show a contraction.

So yes, it's correct to use, and often used in conversation.  However, if you are writing it, it should only be used to directly quote someone who has said it.