StephenHaney
commented
3 years ago Hey Rishi, I really appreciate you writing out this thorough feedback! I'm taking a few days breather for the holidays here but I'll take a look over everything you've posted and bring it into our lists.
💯
Current: Let's draw a new artboard Select the Artboard Tool from the top bar
Suggestion: Let's draw a new artboard Select the Artboard(A) Tool from the top bar
Current: Add some content Insert any component from the Insert Menu
Make sure the artboard is selected. To open the Insert Menu, click "insert" in the tool bar, or press your i key
Suggestion: Add some content Insert any component from the Insert Menu [i]
Make sure the artboard is selected. To open the Insert Menu, click "insert" in the top bar, or press your i key
Use the consistent words across the platform. In previous you use the top bar and here you use the tool bar. Top bar word gives the guide where to look where tool bar doesn't guide the user.
Current: That's how it's done Soon the Insert Menu will be filled with component libraries. You'll even be able to add new components from npm.
Suggestion: That's how it's done Soon the Insert Menu will be filled with component libraries. You'll even be able to add new components from npm
Redirect the user to the help page which educates the user how to add the components from the npm. Could't assume that everyone is aware of npm. And don't forget that Modulz is a modern design platform so many designers are also interested to join this platform and those designers are not aware of npm.
Current: Real (auto)layout Your users will see exactly what you design because you're designing in code.
Suggestion: Develop your design Your users will see exactly what you design because you're designing in code.
Auto layout words represent the auto responsiveness; it doesn't tell what exactly you would like to say. Design tools like Figma, Sketch and Xd all use these words[auto layout] for an auto responsive layout.
Current: Set the Box layout direction to row It's the arrow that points to the right, "→"
Here's a vid.
Suggestion: Change the arrangement of button It's the arrow that points to the right, Click "→" to switch the arrangement from bottom to right
"here's a vid" doesn't required because it already takes users attention
Current: Let's get aligned Set gap to 20 on the box to space the button The gap input is right below the alignment button
Suggestion: Add space between elements Select the parent element box and set gap to 20 The gap input is right below the alignment button