{"id":65,"date":"2025-02-02T18:40:43","date_gmt":"2025-02-02T18:40:43","guid":{"rendered":"https:\/\/noter.heatpine.dk\/?p=65"},"modified":"2025-02-02T18:40:43","modified_gmt":"2025-02-02T18:40:43","slug":"wireframes","status":"publish","type":"post","link":"https:\/\/noter.heatpine.dk\/index.php\/2025\/02\/02\/wireframes\/","title":{"rendered":"Wireframes"},"content":{"rendered":"\n<p>Wireframes er et skabelon (sidens struktur)- Et valg af alts placering i allesider og menuer af hjemmesiden. Giver mulighed for at findenavigationsfejl (eksempelvis) \u2013 Visualiser ideen man har i hovedet<\/p>\n\n\n\n<p>interaktion, funktionalitet, layout \u2013 intet med grafisk design at g\u00f8re.<\/p>\n\n\n\n<p><br>Kan g\u00e5 videre til enten udvikler eller designer. ingen typografi eller valg afbilleder<\/p>\n\n\n\n<p><br><strong>Footer<\/strong>\u2013 De mindst vigtige ting, som findes i bunden af siden. Menuersom den almen bes\u00f8ger ikke er interesseret i.<\/p>\n\n\n\n<p><br><strong>Menu<\/strong>\u2013 Alt det vigtige \u2013 sorteres fra top til bunder eller venstre til h\u00f8jre.Vigtigheden afg\u00f8res af statistik data, ikke personlige holdninger.<\/p>\n\n\n\n<p><br><strong>Submenu<\/strong>\u2013 liste af siderne i sitemap<\/p>\n\n\n\n<p><br><strong>The fold<\/strong>\u2013 Alt hvad der ses p\u00e5 en side inden man scroller. Fors\u00f8g at vise althvad siden har at tilbyde i \u201cthe fold\u201d<\/p>\n\n\n\n<p><br><strong>Visual edges<\/strong>\u2013 Tekst, billeder og alt p\u00e5 hjemmesiden vil ses som hver sinboks og n\u00e5r de liner up skabes \u201cAxis of Interaction\u201d \u2013 Der vil brugerens \u00f8jnealtid drage hen. Derfor skal vigtige ting v\u00e6re der.<\/p>\n\n\n\n<p><br><strong>Forms<\/strong>\u2013 Hvor brugeren interagerer med dig som administrator. Anses forat v\u00e6re en af de vigtigste remedier p\u00e5 en side. Der der giver dig mulighedfor at forbedre dig. Dog ogs\u00e5 en af de farligste, da de hurtigt kederbrugeren og f\u00e5r dem til at forlade siden.<\/p>\n\n\n\n<p><br><strong>Labels<\/strong>\u2013 Kategorisere forms \u2013 v\u00e6re kort og pr\u00e6cis.<\/p>\n\n\n\n<p><br><strong>Prim\u00e6r knap<\/strong>\u2013 Knapper vi vil have brugeren ser og anvender (fx. K\u00f8b) h\u00f8jkontrast befinder sig i axis of interaktion<\/p>\n\n\n\n<p><br><strong>Sekund\u00e6r knap<\/strong>\u2013 Knapper som vi ikke \u00f8nsker brugeren anvender (fx.afbryd k\u00f8b) skjulte da vi \u00f8nsker at brugeren ikke spontant trykker p\u00e5 dem.<\/p>\n\n\n\n<p><br><strong>Adaptive design <\/strong>\u2013siden har forskellige rettelser for hver enhed den visesp\u00e5<\/p>\n\n\n\n<p><br><strong>Responsive design<\/strong> \u2013siden tr\u00e6kkes og masses s\u00e5 den passer automatiskp\u00e5 all enheder. Hvis man har t\u00e6nkt sig om n\u00e5r man laver siden, vil sidenikke blive grim og forvr\u00e6nget n\u00e5r det sker. Dog kan det ikke altid lade sigg\u00f8re, der vil man i stedet anvende adaptive design.<\/p>\n\n\n\n<p><br><strong>Lo-fi \/ Low fidelity wireframe<\/strong>\u2013 Simple optegninger sort\/hvid \u2013 m\u00e6ngdeaf af ord ved linjer er ikke vidst<\/p>\n\n\n\n<p><br><strong>Hi-fi \/ High fidelity wireframe<\/strong>\u2013 tilf\u00f8jet detaljer. Kan have nuancer af gr\u00e5for at vide hvor der skal v\u00e6re fokus. Brug relevant tekst, ikoner og billeder\u2013 Normalt f\u00e5r man tekst fra klient.<\/p>\n\n\n\n<p><br><strong>Mock up<\/strong> \u2013Alt til f\u00f8jes til wire frame og sikres at det visuelt fungerer. Styletile tilf\u00f8jes til wireframe for at skabe mock up.<br>Det er meget almenligt at bruge en mock up og resten er wire frames.<\/p>\n\n\n\n<p><br><strong>Prototype<\/strong>\u2013 kan laves af b\u00e5de wireframe og mock-up \u2013 lige s\u00e5 snart mankan trykke p\u00e5 en knap, s\u00e5 bliver det en prototype.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"181\" src=\"https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-20.png\" alt=\"\" class=\"wp-image-66\" style=\"width:619px;height:auto\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"650\" src=\"https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-21.png\" alt=\"\" class=\"wp-image-67\" style=\"width:626px;height:auto\" srcset=\"https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-21.png 626w, https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-21-289x300.png 289w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Wireframes er et skabelon (sidens struktur)- Et valg af alts placering i allesider og menuer af hjemmesiden. Giver mulighed for at findenavigationsfejl (eksempelvis) \u2013 Visualiser ideen man har i hovedet interaktion, funktionalitet, layout \u2013 intet med grafisk design at g\u00f8re. Kan g\u00e5 videre til enten udvikler eller designer. ingen typografi eller valg afbilleder Footer\u2013 De [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-65","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":1,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/65\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/65\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/categories?post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/tags?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}