Wireframes • Nackademin 6 sep

Transcript

1. Jonas Söderström • 2022 Wireframes Jonas Söderström
3. Jonas Söderström • 2022
7. Jonas Söderström • 2022
8. Jonas Söderström • 2022
11. Jonas Söderström • 2022 Aktiveras inte förrän man gjort minst ett val
13. Sida Block Tre olika block som ska kunna läggas in i en godtycklig sida. Block för dokument- listning. Länkat fi lnamn, innehålls-beskrivning, storlek, uppladdningsdatum Filtyp- symbol (Word, pdf etc) Block för att lista objekt med text och bild; t ex för att generera - en lista av material att beställa (böcker) 
 - en lista av personer med porträttbilder (”Dagens fråga”, ”Nya styrelsen” etc.) Kan ha rubrik, men om man inte fyller i rubrik visas ingenting. Block för t ex faktaruta. Har en distinkt överkant, t ex vit text på färgad platta eller liknande.
15. Flöden/struktur Musikterapi Studera 
 på KMH Förstasida studera [meny] [meny] Inst 1 Inst 3 Inst 2 ”Hitta utbildning” - wizard Utbildnings- översikt Sidor om campus, studiesocialt mm Utbildning 1 Utbildning 1 Utbildning 1 Utbildning 1 Utbildning 1 Utbildning 1 ”Inriktningar” eller ”huvudområden” Dirigering Jazz Tema- landningssidor Tema 1 från Google från FB Tema 2 Tema 3 Temaväljare Hur man ansöker Sida med pedagogisk steg- för-steg-förklaring av hur antagnings-processen går till. Länkad till från så gott som alla utbildningssidor.
17. Flöde + design
18. Sida Innehåll på bred sida. Visas här utan meny, navigation eller sidfot. 18 Brödsmulor visar hierarkin Upp- daterad senast Call-to-action: Länk till verktyg, tjänst eller liknande. Kan fi nnas fl er än en. H2 H1 H3 Kontakt-person är länkad men inte publicerare Ingress Senast uppdaterad visas inte under texten, enbart upptill
19. Sida Innehåll på bred sida. Visas här utan meny, navigation eller sidfot. 19 Brödsmulor visar hierarkin Upp- daterad senast Call-to-action: Länk till verktyg, tjänst eller liknande. Kan fi nnas fl er än en. H2 H1 H3 Kontakt-person är länkad men inte publicerare Ingress Senast uppdaterad visas inte under texten, enbart upptill Nu med gra fi sk design
20. Med meny, sidhuvud, -fot
21. Sida Nyhet (bred skärm) Visas här utan meny, navigation eller sidfot. Inbäddad video 21 Publiceringsdata Bildtext Brödtext Bild inlagd via editorn Ingress Utvald bild Kategorier och taggar Rubrik Genvägslänk Datum
22. Sida Specar 2 Brödsmulor visar hierarkin Upp- daterad senast Call-to-action: Länk till verktyg, tjänst eller liknande. Kan fi nnas fl er än en. H2 H1 H3 Kontakt-person är länkad men inte publicerare Ingress Senast uppdaterad visas inte under texten, enbart upptill H1: Helvetica Fet 36 p, svart, radavstånd 34 p, space below 6 p H2: Helvetica Semibold 24 p, svart, space below 6 p H3: Helvetica Semibold 18 p, mörkgrå, space below 4 p Myrstig: Helvetica Normal 12 p, mellangrå CTA: Platta mörkgrön, Text Helvetica Fet 12 p, vit, radavstånd 14 p, marginal till kanter 6 p på alla sidor Metadata (publicerat/uppdaterat): Helvetica Normal 12 p, mellangrå
23. Sida Genvägs-funktionen Om genväg lagts till, byter länken funktion. 23 Om sidan har lagts till i genvägar
24. Sida Innehåll på smal sida. Visas förkortat, utan meny, navigation eller sidfot. 24 Sidan förkortad här Kan brytas till fl er rader