UI/UX for User Story: Adding a row and column (ghost row and column)

[ryuntalan]

Description

This is an example of a way to add a row or column. With a single click, you can add a new row or column to the end of your data table. So if you were to acquire new information, you can quickly append that data to your table.

(slight mistake with the prototype: the add row button is supposed to extend when the new column is added)

Related Issues

None

Questions

What are the different use cases when using this feature?

Should the add row/ columns be less prominent (more transparent)?

Feedback on this concept would be greatly appreciated!

Interactive Prototype

Prototype Link

[kgoo124]

@ryuntalan I think more transparency would be better as right now it looks like these rows/columns are part of the table. Out of the two different designs, the additional row one makes more sense just from a mental model perspective.

[ghost]

I second Kalen's feedback. I would also say both designs are really cool!

[ryuntalan]

Updated Design