{"action":"created","issue":{"url":"https://api.github.com/repos/guardianproject/haven/issues/229","repository_url":"https://api.github.com/repos/guardianproject/haven","labels_url":"https://api.github.com/repos/guardianproject/haven/issues/229/labels{/name}","comments_url":"https://api.github.com/repos/guardianproject/haven/issues/229/comments","events_url":"https://api.github.com/repos/guardianproject/haven/issues/229/events","html_url":"https://github.com/guardianproject/haven/issues/229","id":289777458,"number":229,"title":"[Usability] Optimize UI of Home Screen to Clean Up Unneeded Elements","user":{"login":"glenn-sorrentino","id":28545431,"avatar_url":"https://avatars3.githubusercontent.com/u/28545431?v=4","gravatar_id":"","url":"https://api.github.com/users/glenn-sorrentino","html_url":"https://github.com/glenn-sorrentino","followers_url":"https://api.github.com/users/glenn-sorrentino/followers","following_url":"https://api.github.com/users/glenn-sorrentino/following{/other_user}","gists_url":"https://api.github.com/users/glenn-sorrentino/gists{/gist_id}","starred_url":"https://api.github.com/users/glenn-sorrentino/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/glenn-sorrentino/subscriptions","organizations_url":"https://api.github.com/users/glenn-sorrentino/orgs","repos_url":"https://api.github.com/users/glenn-sorrentino/repos","events_url":"https://api.github.com/users/glenn-sorrentino/events{/privacy}","received_events_url":"https://api.github.com/users/glenn-sorrentino/received_events","type":"User","site_admin":false},"labels":[{"id":785435190,"url":"https://api.github.com/repos/guardianproject/haven/labels/UX","name":"UX","color":"d4c5f9","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/guardianproject/haven/milestones/2","html_url":"https://github.com/guardianproject/haven/milestone/2","labels_url":"https://api.github.com/repos/guardianproject/haven/milestones/2/labels","id":3031633,"number":2,"title":"Current Sprint","description":"","creator":{"login":"n8fr8","id":30851,"avatar_url":"https://avatars3.githubusercontent.com/u/30851?v=4","gravatar_id":"","url":"https://api.github.com/users/n8fr8","html_url":"https://github.com/n8fr8","followers_url":"https://api.github.com/users/n8fr8/followers","following_url":"https://api.github.com/users/n8fr8/following{/other_user}","gists_url":"https://api.github.com/users/n8fr8/gists{/gist_id}","starred_url":"https://api.github.com/users/n8fr8/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/n8fr8/subscriptions","organizations_url":"https://api.github.com/users/n8fr8/orgs","repos_url":"https://api.github.com/users/n8fr8/repos","events_url":"https://api.github.com/users/n8fr8/events{/privacy}","received_events_url":"https://api.github.com/users/n8fr8/received_events","type":"User","site_admin":false},"open_issues":42,"closed_issues":6,"state":"open","created_at":"2018-01-12T15:15:09Z","updated_at":"2018-01-26T18:37:24Z","due_on":"2018-01-26T08:00:00Z","closed_at":null},"comments":6,"created_at":"2018-01-18T21:13:15Z","updated_at":"2018-02-01T18:40:24Z","closed_at":null,"author_association":"NONE","body":"There are a lot of UI elements on the screen that either may not need to be there or could have hierarchy improvements.\r\n\r\n![home-side-by-side](https://user-images.githubusercontent.com/28545431/35121683-13537a06-fc51-11e7-9193-3629a5b1601a.png)\r\n\r\n## Two Types of UI Elements\r\n\r\n### Primary/Supports current task \r\n1. Instructions\r\n2. Timer\r\n3. Primary Action - Start Now\r\n4. Child Actions - Change camera \r\n\r\n### Secondary/Takes me somewhere else \r\n5. View Logs\r\n6. Settings\r\n\r\n## Proposed UI:\r\n\r\nThe proposed IA uses common patterns for navigation, and groups related things together with tighter proximity.\r\n\r\n### Logs\r\nThis is the only place other than Settings that you can go, and if you got to this screen from the logs, one of the most common patterns for the navigation is in the top left - examples include back buttons or hamburger menus.\r\n\r\n### Settings\r\nA common location for Settings is in the top left of an app, or if there are many navigation items, inside of a hamburger/staged menu. The sound and motion settings are removed to clean up the UI and can be accessed inside of the Settings page.\r\n\r\n### Camera\r\nChanging which camera you use is directly related to the primary task of starting Haven, and grouping it closer to the primary UI elements and using their center alignment make interface tighter and more organized.\r\n\r\n### Timer\r\nHow often is a user changing the countdown? Is that the primary action the user is expected to take? Show the timer after the user presses “Start” and let them adjust the timer duration in Settings.\r\n\r\n## Pages from [Design Audit](https://github.com/guardianproject/haven/issues/218)\r\n![ia - current](https://user-images.githubusercontent.com/28545431/35121722-3c1ceb66-fc51-11e7-975c-24f4a0c0c76b.jpg)\r\n\r\n![proposed ia](https://user-images.githubusercontent.com/28545431/35121743-53f134cc-fc51-11e7-82ac-fc6831296d18.jpg)\r\n"},"comment":{"url":"https://api.github.com/repos/guardianproject/haven/issues/comments/362361523","html_url":"https://github.com/guardianproject/haven/issues/229#issuecomment-362361523","issue_url":"https://api.github.com/repos/guardianproject/haven/issues/229","id":362361523,"user":{"login":"glenn-sorrentino","id":28545431,"avatar_url":"https://avatars3.githubusercontent.com/u/28545431?v=4","gravatar_id":"","url":"https://api.github.com/users/glenn-sorrentino","html_url":"https://github.com/glenn-sorrentino","followers_url":"https://api.github.com/users/glenn-sorrentino/followers","following_url":"https://api.github.com/users/glenn-sorrentino/following{/other_user}","gists_url":"https://api.github.com/users/glenn-sorrentino/gists{/gist_id}","starred_url":"https://api.github.com/users/glenn-sorrentino/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/glenn-sorrentino/subscriptions","organizations_url":"https://api.github.com/users/glenn-sorrentino/orgs","repos_url":"https://api.github.com/users/glenn-sorrentino/repos","events_url":"https://api.github.com/users/glenn-sorrentino/events{/privacy}","received_events_url":"https://api.github.com/users/glenn-sorrentino/received_events","type":"User","site_admin":false},"created_at":"2018-02-01T18:40:24Z","updated_at":"2018-02-01T18:40:24Z","author_association":"NONE","body":"So, I don't see any icon in the Material set that encompasses a one tap wizard interaction, which tends to be an issue with icons - sometimes its super hard to reduce something like this into a single mark. At Salesforce we have a \"Wizard\" icon, but I think it might be good to stick to Google's icons. \r\n\r\nI have two explorations, one with the aforementioned icon + three dot pattern, as well as what I think it the most clear for your one-tap interaction model - a secondary button that just says \"Set \r\nup for new room\". \r\n\r\nI've learned over the years that users often find text buttons much clearer than icons because there needs to be no interpretation of what it does. \r\n\r\nI've also started documenting the UI elements into a design system that I'll make available as a PDF, Sketch file and potentially as markup + css. [Here's a PDF](https://github.com/guardianproject/haven/files/1686736/Buttons.pdf) that documents how I'm styling the buttons.\r\n\r\n![home - icons](https://user-images.githubusercontent.com/28545431/35696213-bf3d2a3e-073b-11e8-8838-d3e6c709d85a.png)\r\n\r\n![home - text button](https://user-images.githubusercontent.com/28545431/35696223-c7ba2a2c-073b-11e8-8a25-135d4a9027ce.png)\r\n"}}
{"actor":{"display_login":"glenn-sorrentino"}}