Open juliemar opened 5 years ago
I like the idea to reduce the zoom office, but the suggested scroller tool has an issue that I didn't like, that is the ability to use the browser scroll (that tool uses click + drag to scroll over office apparently, I don't know if we can change this behavior).
Maybe an alternative is reduce the room size / space between, as datadog implemented in the charts.
Instead of working with zoom, which would make it very difficult to use on the mobile, what do you think about having an option to reduce the contents of each room with only the essential information?
The card (the room) could stay by default like this: And by expanding it would look like this:
Sorry, I'm not a UX, but it could be something like this, something that fill better the free space.
Another way to clean the screen would be through filters. You could have a quick filter to display only the rooms with participants, for example.
Another good solution is also separating rooms by floors, this would work well with tabs.
Based on the idea I gave above, I created a new layout with a new card:
The card limits to 3 users and displays an avatar with the remaining user number. But if you click the card, it expands:
Each avatar has a tooltip with the user name.
I even created a quick filter and a search to find fast the meeting room.
All this can be seen and tested in the PR: #174
Description
Today we have more than 30 rooms and is so difficult to have a complete office view scrolling the office.
Describe alternatives you've considered
We can implement an ability to do a zoom in and zoom out in the office to enable the user to see all rooms without scroll.
Suggestion
Maybe we can considerer this lib: https://github.com/pbakaus/scroller Demo: http://zynga.github.io/scroller/demo/dom.html