{"action":"created","issue":{"url":"https://api.github.com/repos/2factorauth/twofactorauth/issues/1368","labels_url":"https://api.github.com/repos/2factorauth/twofactorauth/issues/1368/labels{/name}","comments_url":"https://api.github.com/repos/2factorauth/twofactorauth/issues/1368/comments","events_url":"https://api.github.com/repos/2factorauth/twofactorauth/issues/1368/events","html_url":"https://github.com/2factorauth/twofactorauth/issues/1368","id":111342873,"number":1368,"title":"Alternate Design and Layout","user":{"login":"psgs","id":3946887,"avatar_url":"https://avatars.githubusercontent.com/u/3946887?v=3","gravatar_id":"","url":"https://api.github.com/users/psgs","html_url":"https://github.com/psgs","followers_url":"https://api.github.com/users/psgs/followers","following_url":"https://api.github.com/users/psgs/following{/other_user}","gists_url":"https://api.github.com/users/psgs/gists{/gist_id}","starred_url":"https://api.github.com/users/psgs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/psgs/subscriptions","organizations_url":"https://api.github.com/users/psgs/orgs","repos_url":"https://api.github.com/users/psgs/repos","events_url":"https://api.github.com/users/psgs/events{/privacy}","received_events_url":"https://api.github.com/users/psgs/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/2factorauth/twofactorauth/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/2factorauth/twofactorauth/milestones/6","html_url":"https://github.com/2factorauth/twofactorauth/milestones/Non-Tabular%20Design","labels_url":"https://api.github.com/repos/2factorauth/twofactorauth/milestones/6/labels","id":1354780,"number":6,"title":"Non-Tabular Design","description":"This milestone marks the shift from a tabular design to an alternate design that would improve support for mobile users as well as allow for the scaling of twofactorauth.org in terms of the number of websites added.","creator":{"login":"psgs","id":3946887,"avatar_url":"https://avatars.githubusercontent.com/u/3946887?v=3","gravatar_id":"","url":"https://api.github.com/users/psgs","html_url":"https://github.com/psgs","followers_url":"https://api.github.com/users/psgs/followers","following_url":"https://api.github.com/users/psgs/following{/other_user}","gists_url":"https://api.github.com/users/psgs/gists{/gist_id}","starred_url":"https://api.github.com/users/psgs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/psgs/subscriptions","organizations_url":"https://api.github.com/users/psgs/orgs","repos_url":"https://api.github.com/users/psgs/repos","events_url":"https://api.github.com/users/psgs/events{/privacy}","received_events_url":"https://api.github.com/users/psgs/received_events","type":"User","site_admin":false},"open_issues":4,"closed_issues":0,"state":"open","created_at":"2015-10-14T07:30:50Z","updated_at":"2015-10-14T07:47:55Z","due_on":null,"closed_at":null},"comments":3,"created_at":"2015-10-14T07:47:55Z","updated_at":"2015-10-15T19:31:13Z","closed_at":null,"body":"At the moment, [TwoFactorAuth](https://twofactorauth.org) displays all added websites on the front page inside a number of tables, ordered by category. This creates a number of issues, notably the rendering of the site for mobile users, speed of loading with regards to users who have access to lower bandwidth speeds and scaling the number of websites listed at TwoFactorAuth.org.\r\nFurthermore, adding columns for more data, or sections for peripheral data seems to be quite cumbersome at the moment.\r\n\r\nIn order to solve these issues, a non-tabular layout could be implemented.\r\nSome suggestions up to this point include the implementation of a carousel-type layout:\r\n> How about a change to something like a carousel where each category would get a separate view?\r\n   @mxxcon \r\n\r\nas well as the implementation of an icon-based category selection layout:\r\n> And maybe when you go to the site, it shows you a grid of icons. You can choose which category to view, and there's a transition to that category.\r\n   @jamcat22 \r\n\r\nIt is possible, however, that moving away from a tabular layout could reduce the simplicity of twofactorauth.org, in turn reducing user engagement.\r\nWould moving away from a tabular layout be beneficial in the long term?\r\n\r\nThis issue may involve discussion or information relating to pull request #1348."},"comment":{"url":"https://api.github.com/repos/2factorauth/twofactorauth/issues/comments/148497979","html_url":"https://github.com/2factorauth/twofactorauth/issues/1368#issuecomment-148497979","issue_url":"https://api.github.com/repos/2factorauth/twofactorauth/issues/1368","id":148497979,"user":{"login":"smholloway","id":259121,"avatar_url":"https://avatars.githubusercontent.com/u/259121?v=3","gravatar_id":"","url":"https://api.github.com/users/smholloway","html_url":"https://github.com/smholloway","followers_url":"https://api.github.com/users/smholloway/followers","following_url":"https://api.github.com/users/smholloway/following{/other_user}","gists_url":"https://api.github.com/users/smholloway/gists{/gist_id}","starred_url":"https://api.github.com/users/smholloway/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/smholloway/subscriptions","organizations_url":"https://api.github.com/users/smholloway/orgs","repos_url":"https://api.github.com/users/smholloway/repos","events_url":"https://api.github.com/users/smholloway/events{/privacy}","received_events_url":"https://api.github.com/users/smholloway/received_events","type":"User","site_admin":false},"created_at":"2015-10-15T19:31:13Z","updated_at":"2015-10-15T19:31:13Z","body":"The grid layout looks good. Two concerns: \r\n1. Does this solve our mobile issues? Unless we do on-demand loading then we'll still have a slow-loading site.\r\n2. Given the breadth of the site, I immediately search for services without trying to guess what category the service falls into. I might be weird here, but I can't imagine anyone reading the whole page just to see if their favorite service supports 2FA. When the UI hides elements the user experience around find (ctrl+f) is poor."}}