glucosio-android icon indicating copy to clipboard operation
glucosio-android copied to clipboard

Design inconsistencies and usability issues

Open satya164 opened this issue 8 years ago • 7 comments

Usability issues and bugs

  • [ ] When I open the app for the first time, it has a empty screen without any tabs, it should be the same screen as usual, just that instead of the graph, the page should be empty, everything else such as tabs etc should be there
  • [ ] When I open the app for the first time, I can only add glucose reading, the fab should be same as normal fab (see previous point)
  • [x] When I am in history tab, and I add a reading, I'm taken to the overview tab. I should stay in the same tab where I was previously
  • [x] Scroll should be enabled in "Add reading" activities
  • [ ] The back button in the "A1C calculator" neither dismisses the keyboard, nor goes back, it should go back
  • [ ] In the "Assistant", I can slide things out, but it's not immediately obvious what happened (I was confused at first), I usually expect to see something like what Gmail shows you, or a snackbar saying "Archived the tip" and "Undo" button.
  • [ ] When you're scrolling back up in assistant, and have no archived tips, you see a gray area at the bottom, which usually has the archived button, it should have the button instead of being a gray area, the archived view can just say no archived tips
  • [ ] Clicking on Archived button should slide it up instead of a sudden transition, I think easiest way is to go to another activity with a proper back button and title
  • [ ] You can slide things in the archived view to restore them, which I don't think a well known pattern, I first thought I deleted it. It shouldn't get restored on slide. When I tap on it, it should show an action sheet with the restore menu
  • [ ] When you tap on things in assistant, it should show a action sheet with "Archive" option
  • [ ] Scrolling up doesn't hide the tab bar once I open and close the archived view
  • [ ] If I scroll up and hide the appbar in one tab, I can't bring it back in other tabs
  • [ ] Tapping on an item in "History" should show an action sheet with the "Delete" and "Edit" options (we don't need a long press here unless we add a detail screen)
  • [ ] When I click on "send feedback" to open Gmail compose dialog, pressing back doesn't take me back to the app, are we adding NEW_TASK or something?
  • [ ] In settings, or wherever we have switches the label should read like "Turn FreeStyle Libre support on"
  • [ ] When I delete an item from history, it fades out and takes too long to be removed (I can long press again within this time). It should vertically shrink, and within 200ms, and disable any interactions.
  • [ ] The save button is consistent across activities. We should have the text "SAVE" with a checkmark icon on the appbar when we're saving something, instead of a "FAB"
  • [ ] There's no extra spacing at the bottom of overview and history screens, so the FAB might cover things

Text

  • [x] In the "Backup & Export" dialog, the title should say "Backup & export" instead of "Google Drive Backup"
  • [x] In the "Backup & Export" dialog, "CSV export" should be called "Export to CSV file"

Visual

  • [x] Font is not Lato in tabs, FAB labels, all "Add reading" activities
  • [ ] Lots of screens are grey, here is what they should be - if they are empty - grey, if they're list background - grey, in all other cases, background should be white
  • [x] In assistant, the title of the tips should be bold and darker
  • [ ] In settings, the subtitle should be smaller, and both title and subtitle should have 1.5 line height so that they don't look congested,
  • [ ] Buttons in the items in the assistant, or any other places don't feel like buttons, they should be 32dp high, with 13pt semibold label, and 16dp horizontal padding
  • [ ] Some activities have white back button, and some have faded black, all activities should have white back button
  • [x] The FAB is placed way higher than the guidelines suggest, should be 16dp from right and 16dp from bottom
  • [ ] The FAB should've the same elevation as the appbar
  • [ ] In the "A1C calculator", the appbar elevation seems different, it should be same as other screens
  • [ ] The caret thickness should be more (same thickness as normal inputs)
  • [x] The icon for "Backup & Export" in drawer should be "backup"
  • [x] The color of the icons in the navigation drawer should be "#757575"
  • [x] The text in navigation drawer should be bold/semibold
  • [ ] Separators are too thick, they should be 1pixel (physical pixel) thick and "#eee"

satya164 avatar Apr 26 '16 22:04 satya164

Ok, there's a bug in Material Drawer that prevents it to be bold with custom fonts. I'm waiting for a fix.

paolorotolo avatar May 03 '16 20:05 paolorotolo

@PaoloRotolo Okies. No problem.

satya164 avatar May 04 '16 02:05 satya164

Any updates on this @PaoloRotolo ?

satya164 avatar May 23 '16 20:05 satya164

Lets fix design inconsistencies in our next release

bkerensa avatar May 27 '16 09:05 bkerensa

Sorry for my lack of activity. Please ping me for any upcoming tasks.

elioqoshi avatar May 28 '16 10:05 elioqoshi

How can I update on this?

Swalloow avatar Jul 09 '16 20:07 Swalloow

@PaoloRotolo @emartynov Can you check this list and make sure everything on it is complete if so we can close if not we can fix for 1.1.3.

bkerensa avatar Jul 28 '16 11:07 bkerensa