{"id":85,"date":"2018-08-01T00:02:03","date_gmt":"2018-07-31T22:02:03","guid":{"rendered":"http:\/\/maxfest.dk\/port\/?p=85"},"modified":"2019-11-24T16:54:31","modified_gmt":"2019-11-24T15:54:31","slug":"loginside-for-annalect-nordics","status":"publish","type":"post","link":"https:\/\/maxfest.dk\/port\/vearker\/hjemmesider\/loginside-for-annalect-nordics\/","title":{"rendered":"Loginside for Annalect Nordics"},"content":{"rendered":"\n<p>Jeg har redesignet loginsiden for Annalect Nordics, samt tilf\u00f8jet validering af inputs, og forbedret brugeroplevelsen ved at omstrukturere og omnavngivet knapper og links p\u00e5 siden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/Annalect-Nordics-loginside-1024x496.png\" alt=\"Screenshot af Annalect Nordics loginside\" class=\"wp-image-47\" srcset=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/Annalect-Nordics-loginside-1024x496.png 1024w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/Annalect-Nordics-loginside-300x145.png 300w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/Annalect-Nordics-loginside-768x372.png 768w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/09\/Annalect-Nordics-loginside.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Login-siden for Annalect Nordics 2019.<\/figcaption><\/figure>\n\n\n\n<p>Siden kan registrere manglende inputs for navn og password. Siden viser dette ved at farvel\u00e6gge login knappen afh\u00e6ngigt af om navn og password er udfyldt. Siden giver ogs\u00e5 en r\u00f8d tekst under de respektive inputs hvis en fejl opst\u00e5r. Siden registerer manglende inputs for b\u00e5de brugernavn og passwords. Ved brugernavnet registrerer den ogs\u00e5 hvis man pr\u00f8ver at anvende andre typer konti, der anvender andre formateringer, og giver advarsler med gul tekst. Ved password kan man ogs\u00e5 f\u00e5 fejlmeddelelser hvis man ikke indtaster nok tegn. Siden blokerer login hvis man ikke har udfyldt nok tegn. Skulle der opst\u00e5 fejl vil siden returnere fejlen til brugeren med en gul blok der ligner en post-it, med fejlmeddelelsen og med en animation. Sektionen kan fjernes n\u00e5r den er indl\u00e6st. Udover fejlmeddelelsen, s\u00e5 vil input-felterne ogs\u00e5 v\u00e6re markeret med en r\u00f8d baggrund, og de enkelte inputs vil have en r\u00f8d tekst der fort\u00e6ller hvad der kunne have p\u00e5virket fejlen, samt call to action links.<\/p>\n\n\n\n<p>Siden er responsiv, og vil virke p\u00e5 n\u00e6sten alle enheder.<\/p>\n\n\n\n<p>Jeg linker ikke til siden. Det er et internet v\u00e6rkt\u00f8j.<\/p>\n\n\n\n<p>Designet tager udgangspunkt i Annalects designmanual der var g\u00e6ldende i 2018. <em>Annalect Nordics SSO,<\/em> af Annalect Nordics, fra den 7. september 2019.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jeg har redesignet loginsiden for Annalect Nordics, samt tilf\u00f8jet validering af inputs, og forbedret brugeroplevelsen ved at omstrukturere og omnavngivet knapper og links p\u00e5 siden. Siden kan registrere manglende inputs for navn og password. Siden viser dette ved at farvel\u00e6gge login knappen afh\u00e6ngigt af om navn og password er udfyldt. Siden giver ogs\u00e5 en r\u00f8d&#8230;<\/p>\n","protected":false},"author":1,"featured_media":47,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[20],"class_list":["post-85","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hjemmesider","tag-annalect"],"_links":{"self":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":4,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":951,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/85\/revisions\/951"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media\/47"}],"wp:attachment":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}