tile selection

[hvelarde]

Adding a tile has many problems at this time:

• tiles listing should be larger and show a drop down of the tile with the following information: title, description and sample image preview
• UI must be consistent, it should have a circle X on top-left corner and pressing Esc should close the window

[agnogueira]

I think this is a big mistake. We will introduce more clicks in this action, with a useless preview (not even half of tile fields are listed in this mockup, like author, date, tags...

[hvelarde]

this is only the selector of tiles, we don't need to list the fields here, we just need to describe the tile and show a preview of how they look. I think this is one step forward of the original mockup.

[agnogueira]

We need to kill that popup, not make more complex. I will provide an alternate idea in a few hours, please hold.

[agnogueira]

ok, some comments here.

1. We dont need this popup. When the user drag and drop an element, open a popup/modal is not a expected action. Big usability problem here. When you drop something into a place, you need to see the element appear in this place.
2. User need to see the options before drag. User need to drag an especific tile, not a generic tile.
3. Put a select html tag to show the options adds a extra click to this process. So now we have 1 drag&drop and 2 clicks to add a tile (select a tile and save).

To solve we need to show all tiles in layout page. User can drag the desired tile to the right place. Just a drag and drop, no clicks required.

Mockup to ilustrate this idea:
http://app.uxpin.com/ab85385e4d7f1f637d30f5620cc09c5a16d8886a/758872

We can use the button mouseover to show more information, like description and image preview.

[hvelarde]

ok, now I understand and I agree with you; let's wait for @runyaga to see what he thinks on this.

[runyaga]

I agree with Andre's but here are some of the issues I would expect.

• People will create tile's but will not use the same icon set that he is proposing; this will look awkward in the current configuration. The reason the image was being presented is the customer can screenshot a working tile and upload the image to show other people what a tile could look like when its filled with content.

• What happens when there are 10+ tiles? What will it look like? You want to create multiple rows? I like the idea of less clicks and it being specific. The tiles and actions need to be "tucked into" the UI or at least anchored somewhere.. they are currently "floating" around the editing area.

• Mouseover is fine for more information Just needs to quite big so it can be explained what it is and how its used. And put all those attributes on it.

  Possibility:

  • Show a dialogue on drop of all the information with a option to "Do not show information in future" So when the user drops they show the information in a modal with all the information. And user can opt-out of showing the modal in future.

[hvelarde]

@runyaga some comments on your comments :-)

• yes, that could be a small issue; we can investigate how to override the whole icon set so they can replace all icons; anyway, this is not a blocker and we can leave it for a later iteration.
• if you have 10+ tiles you have another kind of problem; anyway, we can always implement an horizontal scroll to solve this issue; same as above, move to later iteration.
• I think showing a tool-tip with tile's description should be good enough for now; we can explore later the kind of behavior you're describing as I found it very interesting.

ok, so we all agree more on less on this new feature; I will add a new ticket describing better the tasks we need to accomplish.