{"action":"created","issue":{"url":"https://api.github.com/repos/evil-mad/robopaint/issues/231","labels_url":"https://api.github.com/repos/evil-mad/robopaint/issues/231/labels{/name}","comments_url":"https://api.github.com/repos/evil-mad/robopaint/issues/231/comments","events_url":"https://api.github.com/repos/evil-mad/robopaint/issues/231/events","html_url":"https://github.com/evil-mad/robopaint/issues/231","id":108949882,"number":231,"title":"Lots of mode bubbles: Looking for a UI design answer:","user":{"login":"techninja","id":320747,"avatar_url":"https://avatars.githubusercontent.com/u/320747?v=3","gravatar_id":"","url":"https://api.github.com/users/techninja","html_url":"https://github.com/techninja","followers_url":"https://api.github.com/users/techninja/followers","following_url":"https://api.github.com/users/techninja/following{/other_user}","gists_url":"https://api.github.com/users/techninja/gists{/gist_id}","starred_url":"https://api.github.com/users/techninja/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/techninja/subscriptions","organizations_url":"https://api.github.com/users/techninja/orgs","repos_url":"https://api.github.com/users/techninja/repos","events_url":"https://api.github.com/users/techninja/events{/privacy}","received_events_url":"https://api.github.com/users/techninja/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/evil-mad/robopaint/labels/question","name":"question","color":"cc317c"},{"url":"https://api.github.com/repos/evil-mad/robopaint/labels/ui/ux","name":"ui/ux","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":10,"created_at":"2015-09-29T20:09:35Z","updated_at":"2015-10-15T16:40:20Z","closed_at":null,"body":"One of @MakerSylvia's original designs in RoboPaint was to have each mode in a bubble and in the toolbar. At _best_, the current toolbar & home screen was designed for maybe about 4 modes.\r\n\r\nWith the latest work in the new branch, we've got the ability to turn on and run at least 6 out of the gate! And @docprofsky is already working on one, and there's lots planned that could be made relatively easily with the powerful API I've built. So the question becomes: How do we allow for it? The UI may \"physically\" scale well, but the _**concept**_ falls apart after 5 or more modes.\r\n\r\n![robopaint _010](https://cloud.githubusercontent.com/assets/320747/10176724/3c1f4c78-66ab-11e5-9747-6496ff4d2153.png)\r\n\r\n**Possible toolbar options:**\r\n* Overflow modes into some kind of dropdown arrow overflow menu. Selected mode icon is shown to the right next to the dropdown if inside menu.\r\n  * Would likely need the ability to re-order modes to customize this.\r\n* Toolbar section for mode selection (all the mode icons) simply becomes one big pretty dropdown selection (same width as 4, maybe after it gets past 4?), comes with name of mode, description, icon.\r\n  * This probably falls apart past 10-15, but I guess it could be scrollable.\r\n\r\n**Possible Home screen options:**\r\n* Let the bubbles go to two rows. Only solves till ~8 modes. Could then go to three lines, but bubbles may still overflow. We'd likely need to have them shrink in size depending on available screen area.\r\n* Change the bubbles to be a picture of what they output (already planned) but the bubble size and position on the home screen is based on mode usage stats, and positioned around based on a calculated force within the allowed screen area ([a bit like this](http://dn.ht/springy2.html)), with the ability to drag them around. Kind of more fun than useful, but that's kind of the point.\r\n"},"comment":{"url":"https://api.github.com/repos/evil-mad/robopaint/issues/comments/148449446","html_url":"https://github.com/evil-mad/robopaint/issues/231#issuecomment-148449446","issue_url":"https://api.github.com/repos/evil-mad/robopaint/issues/231","id":148449446,"user":{"login":"oskay","id":1009180,"avatar_url":"https://avatars.githubusercontent.com/u/1009180?v=3","gravatar_id":"","url":"https://api.github.com/users/oskay","html_url":"https://github.com/oskay","followers_url":"https://api.github.com/users/oskay/followers","following_url":"https://api.github.com/users/oskay/following{/other_user}","gists_url":"https://api.github.com/users/oskay/gists{/gist_id}","starred_url":"https://api.github.com/users/oskay/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oskay/subscriptions","organizations_url":"https://api.github.com/users/oskay/orgs","repos_url":"https://api.github.com/users/oskay/repos","events_url":"https://api.github.com/users/oskay/events{/privacy}","received_events_url":"https://api.github.com/users/oskay/received_events","type":"User","site_admin":false},"created_at":"2015-10-15T16:40:20Z","updated_at":"2015-10-15T16:40:20Z","body":"The initial \"unprovoked\" movement of the icons seems like an unnecessary distraction to me. It's nice that they can be rearranged... but since one does not *need* to move them, it feels like a bit of unnecessary friction that you have to think about whether one needs to move them. \r\n\r\nIt would be nice if the mode name were *immediately* visible when you hover over one of the mode circles. Perhaps that label could go on a reserved bar of space at the bottom of the screen?"}}