{"action":"opened","issue":{"url":"https://api.github.com/repos/stefanrinderle/softvis3d/issues/13","repository_url":"https://api.github.com/repos/stefanrinderle/softvis3d","labels_url":"https://api.github.com/repos/stefanrinderle/softvis3d/issues/13/labels{/name}","comments_url":"https://api.github.com/repos/stefanrinderle/softvis3d/issues/13/comments","events_url":"https://api.github.com/repos/stefanrinderle/softvis3d/issues/13/events","html_url":"https://github.com/stefanrinderle/softvis3d/issues/13","id":156161226,"number":13,"title":"Update UI concept","user":{"login":"stefanrinderle","id":2418659,"avatar_url":"https://avatars.githubusercontent.com/u/2418659?v=3","gravatar_id":"","url":"https://api.github.com/users/stefanrinderle","html_url":"https://github.com/stefanrinderle","followers_url":"https://api.github.com/users/stefanrinderle/followers","following_url":"https://api.github.com/users/stefanrinderle/following{/other_user}","gists_url":"https://api.github.com/users/stefanrinderle/gists{/gist_id}","starred_url":"https://api.github.com/users/stefanrinderle/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stefanrinderle/subscriptions","organizations_url":"https://api.github.com/users/stefanrinderle/orgs","repos_url":"https://api.github.com/users/stefanrinderle/repos","events_url":"https://api.github.com/users/stefanrinderle/events{/privacy}","received_events_url":"https://api.github.com/users/stefanrinderle/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-05-22T16:53:50Z","updated_at":"2016-05-22T16:53:50Z","closed_at":null,"body":"Based on the server side layout approach, the current UI has three parts:\r\n\r\nSelect modal dialog\r\n- Select the metric and trigger the layout and visualization\r\n\r\nToolbar (could be renamed to e.g. Details)\r\n- Show current status of the visualization (current metric names)\r\n- Show the current selected item with name, parent and children info\r\n- \"Action buttons\" to focus on a specific part of the visualization or reset this to show all objects\r\n\r\nHelp modal dialog\r\n(Re-)Select / Hide / Show one of the dialogs above with little buttons on the bottom right\r\n\r\nAs we create the layout in the frontend and faster as before, we could make the UI more interactive and rethink the current structure. I think of the following things:\r\n\r\n- I would keep the initial modal dialog to be able to explain the user the basic stuff and help to select adequate metrics.\r\n- The current help extra dialog should be integrated into the initial modal dialog\r\n- The little buttons on the bottom right corner should be moved to the top left (because there is always a white space in the 3D visualization\r\n- I think that the toolbar could stay as is for the first step, but the inner css should be updated. A better margin of the text, more \"focus\" on the selected object, ...\r\n- Overall, the CSS is not really good. With the toolbar css refactoring, all the other \"components\" should be updated as well\r\n- The space for the little buttons on the top left could be extended to give the user a more interactive experience. Select layout algorithm, select linear/log calculation, ...\r\n\r\n"}}
{"actor":{"display_login":"stefanrinderle"}}