{"action":"created","issue":{"url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/issues/42","repository_url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns","labels_url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/issues/42/labels{/name}","comments_url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/issues/42/comments","events_url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/issues/42/events","html_url":"https://github.com/department-of-veterans-affairs/vets.gov-designpattrns/issues/42","id":194198039,"number":42,"title":"Error message visuals","user":{"login":"gnakm","id":13420618,"avatar_url":"https://avatars.githubusercontent.com/u/13420618?v=3","gravatar_id":"","url":"https://api.github.com/users/gnakm","html_url":"https://github.com/gnakm","followers_url":"https://api.github.com/users/gnakm/followers","following_url":"https://api.github.com/users/gnakm/following{/other_user}","gists_url":"https://api.github.com/users/gnakm/gists{/gist_id}","starred_url":"https://api.github.com/users/gnakm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gnakm/subscriptions","organizations_url":"https://api.github.com/users/gnakm/orgs","repos_url":"https://api.github.com/users/gnakm/repos","events_url":"https://api.github.com/users/gnakm/events{/privacy}","received_events_url":"https://api.github.com/users/gnakm/received_events","type":"User","site_admin":false},"labels":[{"id":451565693,"url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"open","locked":false,"assignee":{"login":"emilyville","id":1307774,"avatar_url":"https://avatars.githubusercontent.com/u/1307774?v=3","gravatar_id":"","url":"https://api.github.com/users/emilyville","html_url":"https://github.com/emilyville","followers_url":"https://api.github.com/users/emilyville/followers","following_url":"https://api.github.com/users/emilyville/following{/other_user}","gists_url":"https://api.github.com/users/emilyville/gists{/gist_id}","starred_url":"https://api.github.com/users/emilyville/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/emilyville/subscriptions","organizations_url":"https://api.github.com/users/emilyville/orgs","repos_url":"https://api.github.com/users/emilyville/repos","events_url":"https://api.github.com/users/emilyville/events{/privacy}","received_events_url":"https://api.github.com/users/emilyville/received_events","type":"User","site_admin":false},"assignees":[{"login":"emilyville","id":1307774,"avatar_url":"https://avatars.githubusercontent.com/u/1307774?v=3","gravatar_id":"","url":"https://api.github.com/users/emilyville","html_url":"https://github.com/emilyville","followers_url":"https://api.github.com/users/emilyville/followers","following_url":"https://api.github.com/users/emilyville/following{/other_user}","gists_url":"https://api.github.com/users/emilyville/gists{/gist_id}","starred_url":"https://api.github.com/users/emilyville/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/emilyville/subscriptions","organizations_url":"https://api.github.com/users/emilyville/orgs","repos_url":"https://api.github.com/users/emilyville/repos","events_url":"https://api.github.com/users/emilyville/events{/privacy}","received_events_url":"https://api.github.com/users/emilyville/received_events","type":"User","site_admin":false},{"login":"melwoodard","id":4106356,"avatar_url":"https://avatars.githubusercontent.com/u/4106356?v=3","gravatar_id":"","url":"https://api.github.com/users/melwoodard","html_url":"https://github.com/melwoodard","followers_url":"https://api.github.com/users/melwoodard/followers","following_url":"https://api.github.com/users/melwoodard/following{/other_user}","gists_url":"https://api.github.com/users/melwoodard/gists{/gist_id}","starred_url":"https://api.github.com/users/melwoodard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/melwoodard/subscriptions","organizations_url":"https://api.github.com/users/melwoodard/orgs","repos_url":"https://api.github.com/users/melwoodard/repos","events_url":"https://api.github.com/users/melwoodard/events{/privacy}","received_events_url":"https://api.github.com/users/melwoodard/received_events","type":"User","site_admin":false}],"milestone":null,"comments":2,"created_at":"2016-12-07T23:00:03Z","updated_at":"2016-12-08T16:59:37Z","closed_at":null,"body":"The error messages are not visually consistent throughout Vets.gov. Considering there are many different types of errors and situations for them, we should be thoughtful about the placement for each one. We are also missing breadcrumbs on all the pages.\r\n\r\nWhat we have right now:\r\n<img width=\"1106\" alt=\"screen shot 2016-12-06 at 3 31 43 pm\" src=\"https://cloud.githubusercontent.com/assets/13420618/20990210/ac686a04-bca5-11e6-8393-33234a434505.png\">\r\n\r\n![screen_shot_2016-12-06_at_3 33 52_pm_720](https://cloud.githubusercontent.com/assets/13420618/20990228/bb586ac8-bca5-11e6-8e5b-e8e832426f75.png)\r\n\r\n\r\n## Styles + Errors\r\n1. **Incomplete action error**\r\n- When an action didn't go through\r\n- Examples: prescription couldn't be refilled, is not refillable, SM didn't go through.\r\n- Visual: Red Alert UI with short bolded description and actionable step.\r\n- Placement: Above main header because we jump to top of page for confirmations, looks more prominent and doesn't get lost within the page. \r\n\r\n<img width=\"374\" alt=\"screen shot 2016-12-07 at 5 37 02 pm\" src=\"https://cloud.githubusercontent.com/assets/13420618/20989781/f3b9d57a-bca3-11e6-9764-b3b67cf12ea9.png\">\r\n\r\n2. **Unavailable error**\r\n- When user's information is unavailable/ downtime\r\n- Examples: When the MHV is down, can't locate medications or messages, can't reach service\r\n- Visual: Red Alert UI with short bolded description and actionable step.\r\n- Placement: Under main header\r\n\r\n<img width=\"390\" alt=\"screen shot 2016-12-07 at 5 37 37 pm\" src=\"https://cloud.githubusercontent.com/assets/13420618/20989792/fc5b6d42-bca3-11e6-8001-a6b998d4f893.png\">\r\n\r\n3. **Empty state**\r\n- This is not an error; user doesn't have content. \r\n- Example: User is LOA3-ed but doesn't have MHV account or has MHV account but 0 active Rx (though we should add tabs to design because user might have expired Rx).\r\n- Visual: Header, description and actionable step `.primary p`.\r\n\r\n![rx - facility closed](https://cloud.githubusercontent.com/assets/13420618/20990463/e56dce74-bca6-11e6-8b9d-08e4a22370a4.png)\r\n\r\n\r\nWe went back and forth about using the yellow alert pattern but I think we shouldn't use it because with the MHV errors, it's hard to split them into two categories of error and the yellow one should be used for warning/ disclaimer purposes. \r\n\r\nNext steps:\r\n- [ ] @emilyville and @melwoodard Could you guys review and approve of this iteration?\r\n- [ ] @AnitraAppa Once ^^^ approve, could you revisit the [Vets.gov error messages](https://github.com/department-of-veterans-affairs/vets.gov-team/blob/master/Design/Error-messaging.md) and make sure we have the latest errors? Some of the have xxx-xxx-xxx instead of actual number. I know there were many issues flying around for specific projects. Want to make sure master list is updated!\r\n- [ ] Gina to go through all of the errors and indicate with type error it is with visual for reference. Tag design leads on each project to make an issue in respective repos and triage for implementation. \r\n\r\ngo team!"},"comment":{"url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/issues/comments/265793394","html_url":"https://github.com/department-of-veterans-affairs/vets.gov-designpattrns/issues/42#issuecomment-265793394","issue_url":"https://api.github.com/repos/department-of-veterans-affairs/vets.gov-designpattrns/issues/42","id":265793394,"user":{"login":"AnitraAppa","id":22944162,"avatar_url":"https://avatars.githubusercontent.com/u/22944162?v=3","gravatar_id":"","url":"https://api.github.com/users/AnitraAppa","html_url":"https://github.com/AnitraAppa","followers_url":"https://api.github.com/users/AnitraAppa/followers","following_url":"https://api.github.com/users/AnitraAppa/following{/other_user}","gists_url":"https://api.github.com/users/AnitraAppa/gists{/gist_id}","starred_url":"https://api.github.com/users/AnitraAppa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AnitraAppa/subscriptions","organizations_url":"https://api.github.com/users/AnitraAppa/orgs","repos_url":"https://api.github.com/users/AnitraAppa/repos","events_url":"https://api.github.com/users/AnitraAppa/events{/privacy}","received_events_url":"https://api.github.com/users/AnitraAppa/received_events","type":"User","site_admin":false},"created_at":"2016-12-08T16:59:37Z","updated_at":"2016-12-08T16:59:37Z","body":"@gnakm Good call, will scrub through those again. At quick review though, it does look like I replaced all the number placeholders with the actual help line number. There are XXX'S where the API response field isn't filled in, but I don't see any missing numbers. Let me know if there's a particular one I'm missing! https://github.com/department-of-veterans-affairs/vets.gov-team/blob/master/Design/Error-messaging.md"}}
{"actor":{"display_login":"AnitraAppa"}}