Struktur och menyer på nya ki.se September/Oktober 2013
Nya ki.se Tips och trix Landningssida vs. Sida Profilsida Forskare A-Ö Lite om innehåll Backlink! Personallistor Promos Faktaruta H2 Linked heading MEGAmenyer
3
Allt på en gång? Utveckling Migrering Utbildning rörigt för redaktören bra för resultatet! 4
Långa sidor Ersätter ofta hela avdelningar i Polopoly Samlar ihop många korta sidor inom samma område 5
Använd backlink! Varje sida (Page) som finns länkade från en landningssida alternativt en annan sida ska länka tillbaka till denna genom en backlink. Tillbaka-länken hamnar direkt under sidans huvudrubrik. Den bidrar till att skapa förståelse för sidans kontext. 6
Landningssida Landningssidan ställer stora KRAV på: ett bearbetat innehåll ett uppdaterat innehåll en stor mängd innehåll att slussa vidare till 7
Landningssida Att länka till en landningssida från en annan landningssida kan upplevas som förvirrande för besökaren. Saknar länkstig och backlink kontext Använd inte landningssidor i flera led för att skapa undernivåer Landningssidan är tänkt att fungera som en tydlig startpunkt Kom ihåg: Ofta kan megamenyn användas för att skapa nivåer och länka till flera olika underområden! 8
Content is king Tänk på att det är sidan som innehåller det som efterfrågas av besökaren! 9
Profilsida Sidor som beskriver en person med t ex bakgrund, utbildning, kompetensområde, forskning, medarbetare, publikationer, mm. Du ska inte skapa vanliga sidor (Page) med liknande innehåll. 10
När länkar man till en Profilsida? Varje gång ett namn är länkat ska det gå till personens profilsida. Ökad exponering Ökad nytta 11
Forskare A-Ö Forskargruppsledare och deras forskargrupper ska presenteras i en tabell på sidan Forskare A-Ö (alt. Forskargruppsledare). Den första spalten listar personnamnen, vilka länkar till respektive profilsida. Den andra spalten listar exempelvis namnen på forskargruppen, alternativt enheten/sektionen/divisionen, osv. Exempel: https://kimigrering.ki.se/cns/forskare-a-o 12
Lite om innehåll Bilder tänk på Copyright. Om bara institutionen får använda bilden: ange detta i fältet Description. Byt namn på bilden så den är lättare att hitta senare. Förkortningar: skriv ut orden i stället för att använda förkortningar, till exempel istället för t. ex. Publikation som pdf. Du måste vara helt säker på att du får sprida artikeln, tänk på upphovsrätten. Länka till abstract istället för full article (hos tidskriften) den är ofta låst och kan bara ses av personer som sitter på KI:s nät. Filnamn. Byt namn på filen när du laddar upp den (se handbok). Det är detta namn som syns på sidan och också lättare att söka efter. 13
Personallistor Organisatoriska enheter som finns definierade i KIMKAT kommer att kunna listas genom att ange ett id-nummer. Listan behöver inte skapas för hand med namn för namn. 14
Balansera Promos Hitta rätt kombination Hitta balans mellan text och bild estetik Samla promos av samma typ: Skilj mellan permanent och mer tillfälligt innehåll Ex. Facebook, Våra forskare, Core facilities, mm Ex. Aktuellt projekt, pristagare, konferens Växla mellan med och utan bild, bakgrund, storlek Gruppera i regioner Använd gärna slide promo på startsidan (men fungerar inte än) Kalender- och nyhetspromos är på väg! Utseendet på promos kommer att justeras före lansering! 15
Faktaruta till fakta Formatmallen för faktaruta ska endast användas när man vill ringa in ett viktigt stycke i brödtexten, eller skilja ut text som inte riktigt hör till övrig löptext. Det kan t ex handla om korta fakta i punktform. 16
H2 Linked heading Antalet linked headings i sticky menyn bör inte överstiga 5-8 länkar. I mobilen kommer allt innehåll under en linked heading att vara infällt. Besökaren klickar på rubriken för att fälla ut innehållet. Använd linked heading: tidigast efter ingressen och första stycket (undantag finns) endast där det behövs 17
Responsiv design Prova själv att minska webbläsarfönstret eller testa att surfa in på sidan i din mobil. Under utveckling 18
Menyer (gäller endast huvudredaktörer) Toppmenyn på en sajt kan innehålla länkar till sidor och landningssidor. De kan även fälla ut en sk megameny. Megamenyn innehåller max 4 kolumner. Kolumnerna innehåller länkar, alt. rubriker, samt underlänkar till dessa. Har man många underlänkar till en rubrik, t ex Enheter, kan dessa med fördel flöda över två kolumner. Megamenyn är anpassad för att kunna rymma ett stort antal länkar därav namnet därför är den inte lämplig vid de tillfällen man endast har ett par länkar. Då kan man istället länka direkt från toppmenyn till en landningssida. 19
Större flexibilitet! Kräver mer 20