Cards (in controlcenter) #1043

Open
by Allen-B1 opened 4 years ago · 6 comments
Allen-B1 commented 4 years ago (Migrated from github.com)
Owner

Before opening an issue please confirm the following:

  • I have read the wiki, and I didn't find a solution to my problem / an answer to my question.
  • I have searched the issues, and I didn't find a solution to my problem / an answer to my question.
  • If you upload an image or other content, please make sure you have read and understood the github policies and terms of services

Your issue is:

A request. The menu icon generally indicates an overflow menu. Also, there are too many actions on the bottom of a card. https://material.io/guidelines/components/cards.html#cards-actions says that to limit supplemental actions to two actions, in addition to an overflow menu.

My proposal: move the screenshot and find lost device icons to the overflow menu. Also, move the delete and about (ADDR, FW, HW) to the overflow menu. Either replace the app manager icon with another icon (right now it looks like copy) or change it to text.

Or maybe a list, since the only data that needs to be shown is the device name and type and whether the device is connected.

Your wearable device is:

Pebble Classic

Your android version is:

v7.0

Your Gadgetbridge version is:

0.25.1

#### Before opening an issue please confirm the following: - [x] I have read the [wiki](https://github.com/Freeyourgadget/Gadgetbridge/wiki), and I didn't find a solution to my problem / an answer to my question. - [x] I have searched the [issues](https://github.com/Freeyourgadget/Gadgetbridge/issues), and I didn't find a solution to my problem / an answer to my question. - [x] If you upload an image or other content, please make sure you have read and understood the [github policies and terms of services](https://help.github.com/articles/github-terms-of-service/#1-responsibility-for-user-generated-content) #### Your issue is: A request. The menu icon generally indicates an overflow menu. Also, there are too many actions on the bottom of a card. https://material.io/guidelines/components/cards.html#cards-actions says that to limit supplemental actions to two actions, in addition to an overflow menu. My proposal: move the screenshot and find lost device icons to the overflow menu. Also, move the delete and about (ADDR, FW, HW) to the overflow menu. Either replace the app manager icon with another icon (right now it looks like copy) or change it to text. Or maybe a list, since the only data that needs to be shown is the device name and type and whether the device is connected. #### Your wearable device is: Pebble Classic #### Your android version is: v7.0 #### Your Gadgetbridge version is: 0.25.1
Owner

Well I find ironic that in the styleguide they mention the limit of two actions but then they show four (hearth, arrow, [action button], [action button]).

Honestly I don't see a problem in current card layout, but if you have a different proposal please feel free to attach a mockup to this issue, as it's hard to discuss layout changes with only description.

Well I find ironic that in the styleguide they mention the limit of two actions but then they show four (hearth, arrow, [action button], [action button]). Honestly I don't see a problem in current card layout, but if you have a different proposal please feel free to attach a mockup to this issue, as it's hard to discuss layout changes with only description.
Allen-B1 commented 4 years ago (Migrated from github.com)
Poster
Owner

I was thinking of something like this:
Screenshot

(but I think the popup menu should cover the more_vert icon)

I was thinking of something like this: ![Screenshot](https://user-images.githubusercontent.com/28495335/38114898-1857622a-3378-11e8-9a69-ac9a037a303d.png) (but I think the popup menu should cover the `more_vert` icon)

@Allen-B1
Thanks for your suggestions 👍, I agree that it can be made more intuitive.

But I just thought about moving the long-press to disconnect action under a button, but it's worth exploring other options too :D. Though think losing the icons isn't that great, it becomes much harder to understand for those that don't have GB translated into their language and it's also harder to nicely fit a battery percentage visual representation there.

This gave me an idea though, why one card? When people open the app; displaying actual stats (battery, steps, heart-rate and etc.), locate and alarms would be much more useful, connection management should maybe just be one of the many cards in the page. It would also give a good opportunity to refactor the page to be rearrangeable and configurable.

@Allen-B1 Thanks for your suggestions :+1:, I agree that it can be made more intuitive. But I just thought about moving the long-press to disconnect action under a button, but it's worth exploring other options too :D. Though think losing the icons isn't that great, it becomes much harder to understand for those that don't have GB translated into their language and it's also harder to nicely fit a battery percentage visual representation there. This gave me an idea though, why one card? When people open the app; displaying actual stats (battery, steps, heart-rate and etc.), locate and alarms would be much more useful, connection management should maybe just be one of the many cards in the page. It would also give a good opportunity to refactor the page to be rearrangeable and configurable.
Allen-B1 commented 4 years ago (Migrated from github.com)
Poster
Owner

@TaaviE "A card is a sheet of material that serves as an entry point to more detailed information." Maybe tapping on the card could open a new Activity which shows battery level, activity, etc.

@TaaviE "A card is a sheet of material that serves as an entry point to more detailed information." Maybe tapping on the card could open a new `Activity` which shows battery level, activity, etc.
Owner

My personal take on the matter is that we could think of music-player-like interface, where the connected gadgets are the "now playing" list, and the available gadgets are the "music library".

Alternatively, in a tab-like interface we could have a fragment for currently connected device(s) and a separate fragment for the rest.

One of the main issues is to allow for smooth transitions between the states (and I don't mean only at a graphical level, but rather smooth for the user experience), hence I think the music player metaphors could work well because many users know them already.

My personal take on the matter is that we could think of music-player-like interface, where the connected gadgets are the "now playing" list, and the available gadgets are the "music library". Alternatively, in a tab-like interface we could have a fragment for currently connected device(s) and a separate fragment for the rest. One of the main issues is to allow for smooth transitions between the states (and I don't mean only at a graphical level, but rather smooth for the user experience), hence I think the music player metaphors could work well because many users know them already.

@Allen-B1

"A card is a sheet of material that serves as an entry point to more detailed information." Maybe tapping on the card could open a new Activity which shows battery level, activity, etc.

I was thinking about cards as detailed as the examples on the material.io page (something like the stock chart card could be used for ex. steps). Tapping on a card should open even more detailed information though.

@Allen-B1 > "A card is a sheet of material that serves as an entry point to more detailed information." Maybe tapping on the card could open a new Activity which shows battery level, activity, etc. I was thinking about cards as detailed as the examples on the material.io page (something like the stock chart card could be used for ex. steps). Tapping on a card should open even more detailed information though.
Sign in to join this conversation.
No Milestone
No Assignees
3 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.