{"action":"created","issue":{"url":"https://api.github.com/repos/wet-boew/GCWeb/issues/971","labels_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/971/labels{/name}","comments_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/971/comments","events_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/971/events","html_url":"https://github.com/wet-boew/GCWeb/issues/971","id":68712174,"number":971,"title":"Mobile First Alternatives for Advanced Service Initiation template","user":{"login":"neoinsight","id":1855584,"avatar_url":"https://avatars.githubusercontent.com/u/1855584?v=3","gravatar_id":"","url":"https://api.github.com/users/neoinsight","html_url":"https://github.com/neoinsight","followers_url":"https://api.github.com/users/neoinsight/followers","following_url":"https://api.github.com/users/neoinsight/following{/other_user}","gists_url":"https://api.github.com/users/neoinsight/gists{/gist_id}","starred_url":"https://api.github.com/users/neoinsight/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neoinsight/subscriptions","organizations_url":"https://api.github.com/users/neoinsight/orgs","repos_url":"https://api.github.com/users/neoinsight/repos","events_url":"https://api.github.com/users/neoinsight/events{/privacy}","received_events_url":"https://api.github.com/users/neoinsight/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":17,"created_at":"2015-04-15T15:23:57Z","updated_at":"2015-05-13T20:39:38Z","closed_at":null,"body":"Based on recent testing with mobile participants, I'm seeing a need to address some design issues to  improve mobile success. This might include re-ordering the order elements appear in mobile, as per issue https://github.com/wet-boew/GCWeb/issues/969. But it should also address ensuring that templates are mobile first, particularly if they are designed for mobile hotspots - services that analytics show are getting a disproportionate level of use from mobile devices compared to other services/pages.  \r\n\r\nIn particular the advanced service initiation template ( http://wet-boew.github.io/themes-dist/GCWeb/servicecomplexe/index-en.html )is a concern in mobile.  We have only tested a prototype with a few desktop participants. We looked at using it for a Coast Guard service, but the service is a mobile hotspot - high rates of mobile use, and having all those steps at the top of every page in mobile view meant way too much scrolling before they got to the task content. \r\n\r\nWe ( @steve-h and I for DFO)  are exploring a number of design options that include: \r\n- displaying the steps and next/previous in different orders for narrow versus wide view (for example, next and previous at the top and steps at the bottom in mobile).\r\n- collapsing the options on pages subsequent to the overview into a 'go' dropdown like Travel.ca uses, and moving the entire set of steps to the bottom of the page because they still have to be present on the page for accessibility - the dropdown on each step would change to show the next step as the current selection. It's much fiddlier on mobile though than just a 'next' link. \r\n-  adding a short 'All steps' link that anchors to the steps at the bottom, similar to the way Weather has a 'Weather Topics' link at the top right of their pages - while we didn't see anyone use the Weather Topics link, we certainly saw people rescue themselves via those topics at the bottom of the mobile screen (and on desktop too). \r\n\r\nWe'll post a link here to the mockups once we have something ready for discussion and review. \r\n"},"comment":{"url":"https://api.github.com/repos/wet-boew/GCWeb/issues/comments/101807940","html_url":"https://github.com/wet-boew/GCWeb/issues/971#issuecomment-101807940","issue_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/971","id":101807940,"user":{"login":"pcwsmith","id":5454117,"avatar_url":"https://avatars.githubusercontent.com/u/5454117?v=3","gravatar_id":"","url":"https://api.github.com/users/pcwsmith","html_url":"https://github.com/pcwsmith","followers_url":"https://api.github.com/users/pcwsmith/followers","following_url":"https://api.github.com/users/pcwsmith/following{/other_user}","gists_url":"https://api.github.com/users/pcwsmith/gists{/gist_id}","starred_url":"https://api.github.com/users/pcwsmith/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pcwsmith/subscriptions","organizations_url":"https://api.github.com/users/pcwsmith/orgs","repos_url":"https://api.github.com/users/pcwsmith/repos","events_url":"https://api.github.com/users/pcwsmith/events{/privacy}","received_events_url":"https://api.github.com/users/pcwsmith/received_events","type":"User","site_admin":false},"created_at":"2015-05-13T20:39:38Z","updated_at":"2015-05-13T20:39:38Z","body":"sorry attached the wrong crop - meant the second one.\r\n\r\n![minified overview buttons](https://cloud.githubusercontent.com/assets/5454117/7620549/a0be0ac8-f98e-11e4-955b-e94dd635d214.png)\r\n"}}