Mock-up av projektsajten

725G17 Webbpublicering: Teknik, design, kommunikation

HT2013

Mock-up av projektsajten

Min projektidé är att göra en webbsajt som handlar om tre av de mest kända italienska vindistrikten: Piemonte (Barolo, Barbaresco) Chianti (Toscana), och Valpolicella (Amarone, Ripasso).

Som mall och ursprungsdesign har jag tänkt använda/inspireras av layouten i bilden nedan:

http://www.freewebsitetemplates.com/templates/page-2

Det jag tilltalades av i designen är:

·         Färgskalan och lättöverskådligheten

·         Tredelningen av nedre delen av content-ytan

·         Lekfullheten i skuggeffekterna

Jag har för avsikt att behålla grundstrukturen på sidan ovan:

·         En header med en logga och länkar. Logga till vänster och länkarna till höger så som på bilden.

·         En övre main-content med en presentation av sidans övergripande syfte och innehåll, och en inbjudande bild. Förmodligen någon form av kartbild över norra Italien där de tre aktuella distrikten ligger. Jag kommer dock minska höjden för att få plats med mer av delen under utan att behöva scrolla ned.

·          En lägre main-content med de tre vindistrikten i korta introduktioner om geografisk lokalisering, vilka druvsorter som är de dominerande, och en bild som länkar in till deras respektive undersidor.

·          Längst ned på sidan en footer med generell kontaktinfo, ytterligare länkar som kan vara intressanta i sammanhanget, epostadress mm.

·         Länkar: Det jag har som idé så här långt är att länka till andra sidor som handlar om vin i allmänhet och italienskt i synnerhet. Sidor som provar, beskriver och rankar olika produkter.

Länkarna i headern har jag ännu inte bestämt om jag skall behålla till antalet. Jag kommer förmodligen ändra typsnitt till något som passar loggan och brödtexten bättre. Har inte tillräckliga kunskaper vad gäller typsnitt, men skulle vilja finna något som kan uppfattas stilenligt. Vad gäller färgval av bakgrunder, knappar och andra element, tror jag att jag behöver prova mig fram och experimentera lite för att finna ett tillfredsställande slutresultat. I exemplet ovan används ”sprites” vilket för mig har varit en helt okänd teknik fram till nu, därför vet jag inte om jag själv klara av att använda det.

Eftersom jag har för avsikt att behandla tre olika vindistrikt passar det utmärkt med tredelad content, där jag kan lägga in bilder på de olika distriktens druvsorter och infoga en kortare text som presenterar innehållet i de undersidor som bilderna länkar till. I undersidorna har jag tänkt att behålla header och footer intakta, inte heller ändra bakgrundsbilder alltför drastiskt, men lägga lite mer tyng på textinnehåll och informativitet.

Jag har även för avsikt att infoga allt i en wrapper med en bredd på ca 1000px för att försäkra mig om att hela sidan ses i så många skärmvarianter/upplösningar som möjligt.

Uppstart

725G17 Webbpublicering: Teknik, design, kommunikation

Projektuppgift - Uppstart

Italiens viner

Målet med min webbplats är att utforma en sida som handlar om italienskt vin, vinodling, druvsorter och viner. I huvudsak är det tre distrikt som jag vill lägga tyngdpunkt på: Piemonte, Veneto och Toscana. Vad jag vill uppnå är  fördjupad kunskap om webbplatsers utformning, design och funktionalitet

·          Skapandet av en sådan webbplats som jag själv skulle finna intressant att besöka

·          Kunskaper som gör det möjligt för mig att snabbt och effektivt utforma och underhålla sajten.

Målgruppen för en sida så som ovan nämnts är i första hand människor som intresserar sig för oenologi och vinproduktion i Italien. I första hand de som har initiala kunskaper och vill få en något mer fördjupad överblick i ämnet. Medelålders, högskoleutbildade, statusjagande medelklassmän som vill ta reda på mer om olika vindistrikt, druvsorter och vinstilar. Genren skulle förslagsvis kunna vara MAT & VIN även om jag inte har ambitionen att täcka in frågor som rör kombinationen av dessa.

Då jag gärna vill ha en så fullständig kontroll över webbplatsens utformning som möjligt har jag för avsikt att använda HTML/CSS/Javascript, också för att jag vill utveckla mina kunskaper i dessa tekniker. Gällande grafisk profil på webbplatsen har jag i dagsläget ingen färdig idé i detalj, men avser att hålla den ganska konventionell gällande header, nav, main-content, sidebar och footer. Proportionerna avgörs av vad dessa skall innehålla. För att utforma webbplatsen så lättnavigerad som möjligt kommer jag i första hand att använda mig av F-modellen ( https://www.iis.se/lar-dig-mer/guider/hur-man-skriver-for-webben/hur-manniskor-laser-pa-webben/2/#bokstavenf ) Det jag ofta kan sakna på webbplatser är någon form av nivellering av länkars position i förhållande till deras innehållsmässiga angelägenhetsgrad och kvantitativa relationer. Detta är en fråga som jag skall försöka utröna mer i detalj under projektets genomförande.

Först tänkte jag utgå från italienska flaggans färger och form som designidé, men kom vid närmare eftertankte fram till att eftersom Italiens statsbildning är så pass ung och bräckligt är just flaggans färger inget relevant designelement. Det lutar snarare åt att jag försöker finna kombinationer som alluderar till de gängse klichéer kring Italiens landskap och vinframställning som florerar hos en tänkt målgrupp. Jordfärger, cypressgrönt, natur och stram minimalism till skillnad från en alltför uppenbar romantisering av vintillverkningen och den italienska landsbygden. Italien (och Frankrike) är de länder som hyser den högsta statusen när det gäller vin och vinkultur. Detta i kombination med den långa historien och traditionen av vinframställning skapar en aura av tidlöshet och generationell kunskapsöverföring som den globala masspopulärkulturen inte verkar kunna rubba. Just den traditionella/kulturella aspekten av verksamheten tror jag lockar många potentiella webbplatsbesökare.

Målet är att besökaren skall vilja fortsätta utforska sidan och dess innehåll och även vilja ägna tid åt att söka vidare efter med fördjupad kunskap i ämnet.

SZ

Sociala medier

725G17 Webbpublicering: Teknik, design, kommunikation

HT2013

Reflektion 2 – Sociala medier

Flashback Forum     https://www.flashback.org/index.php

Flashback är ett internetforum som startades år 2000. Forumet har över 800,000 medlemmar och det skrivs 15-20,000 inlägg varje dag. Sajten rankas som nr 23 i Sverige enligt Alexa.[1]

Forumet är indelat i fjorton olika ämneskategorier med flera underrubriker. Det finns ingen inbördes hierarkisering ämnena emellan, men i varje underrubrik finns ett antal ämnen som medlemmar har startat. T.ex. Relationer och Samlevnad har 48000 ämnen medans EU har 766. Medlemmarna har oftast alias d.v.s. de skriver sina inlägg anonymt. Detta gör Flashback till ett, i mitt tycke, intressant fenomen. Här kan man häva ur sig vad som helst, vilket många också gör. Min iakttagelse är dock att forumet har en självsanerande funktion. Om någon påstår något och inte kan backa upp det med någon form av källa/fakta blir frågeställningen snabbt ointressant och tenderar att dö bort. Inte så att det sker per automatik, i vissa frågor haglar invektiven och motsättningarna. Forumet har också moderatorer som går in och styr upp diskussionerna om de avviker alltför mycket från ämnet. Nackdelen med anonymiteten är att det kan vara svårt att avgöra hur pass representativ den gängse forumanvändaren är. Vilken köns/ålders/geografisk/utbildningsspridning som representeras är så vitt jag vet okänt. Ända kan man kanske dra vissa slutsatser när man tittar på vilka ämnen som avhandlas.

Innehållsmässigt kan man säga att ”the sky is the limit”. Vilket ämne som helst tas upp. Inget verkar vara tabu. Detta är ett skäl till att forumet fått utstå mycket kritik i mainstreammedia och hos det kulturella etablissemanget. Framför allt frågor som rör integritet, feminism och invandring (postmodern identitetspolitik) verkar vara de som rönt mest kritik.

Någon direkt målgrupp går inte att urskilja just p.g.a. bredden av ämnen. Varje ämneskategori har sina debattörer och följare. Det faktum att vetenskap & humaniora endast är en av fjorton kategorier kan ge en antydan till att det kanske inte är i första hand akademiska ämnen som är i fokus. Snarare en salig blandning av stort och smått, nytt och gammalt, allvar och skämt. Mitt intryck är att de flesta användarna är vana forum/internetanvändare. Det baserar jag dels på sättet de kommunicerar; kort, koncist och initierat.  (De gånger någon går in i en debatt utan något på fötterna blir de ofta snabbt avfärdade) Man kan även se på debattörens alias hur länge de varit medlemmar på forumet, och flera av dem har många års aktivitet bakom sig.

Som jag tidigare nämnt gillar jag Flashback forum. Av ovan nämnda skäl. Det jag skulle uppskatta vore en annan struktur i hur ämnena organiseras. En ”tråd” med tusentals kommentarer borde ligga högre i åtkomstfältet än någon som bara har enstaka kommentarer, även om den senare har blivit kommenterad mer nyligen. Sen skulle det kanske inte heller skada med ytterligare underkategorier av ämnena. Det kan ibland uppstå oöverskådligt långa trådlistor som saknar tydlig gruppering. Det finns i.o.f.s en sökfunktion där man med sökord kan leta mer specifikt efter frågeställningar och ämnen.

---

[1] http://sv.wikipedia.org/wiki/Flashback_Forum

725G17 Webbpublicering: Teknik, design, kommunikation HT2013

-->

725G17 Webbpublicering: Teknik, design, kommunikation

HT2013

Reflektion 1 – Webbpublikationer

Jämförelse ”kvällstidning” och ”dagstidning” på webben.

Jag har för avsikt att göra en jämförelse gällande innehåll på sajterna www.aftonbladet.se och www.dn.se . Den förra allmänt sedd som en kvällstidning, vilket innebär: mer fokus på sensationsjournalistik, nöje, sport, underhållning mm. Den senare en typisk dagstidning med mer tyngdpunkt på nyheter, politik, ekonomi, kultur och reportage.

Jag tänker göra betraktelser gällande de aspekter som räknas upp i uppgiften:

• genre
• layout
• teknik
• uppdateringsfrekvens
• mediakomponenter (text, bild, audio, video, flash, ...)
• interaktiva komponenter

1 Genre

Som jag nämner i inledningen har de två tidningarna olika inriktningar och ambition. Aftonbladet är Sveriges sjätte mest besökta sajt (http://www.alexa.com/topsites/countries/SE) och har haft en stabil topp-position sedan internet slog igenom bland allmänheten. Man har ett brett anslag och ger intryck av att kunna behandla vilka ämnen som helt utan någon inbördes angelägenhetsgrad.

DN ligger på fjortonde plats på ovan nämnda lista. Sajten ger ett mer sobert intryck än Aftonbladet även om jag personligen kan anse att de innehållsmässigt flyttat sig närmare kvällstidningarna gällande innehåll.

2 Layout

Layouten skiljer sig tidningarna emellan på flera områden. Framför allt gällande struktur, färgschema, disponering och typsnitt.

Aftonbladets sajt har en hög reklambanner högst upp ovanför ”headern”, vilket ger ett ngt mer statiskt intryck. Den har en bredare palett gällande bakgrundsfärger som rör sig mellan rött, gult och rosa. När sidan laddas upp är mer än 50 % av den initiala ytan reklam, vilket man kanske inte upptäcker direkt då en viss plottrighet uppenbaras. Vänsterspalten är smal och innehåller till stor del en massa ansikten på olika proffstyckare som får var sin rubrik bredvid sig. Huvudspalten kommer näst från vänster sett och innehåller alla möjliga (och omöjliga) ämnen. Tredje spalten är en blandning av reklam och i första hand ej dagsaktuella ämnen. Längst till höger en ren reklamspalt. Footern är konventionell med kontaktinformation och lite fakta.

Sajten är, förutom loggan, helt baserad på typsnitt sans-seriff. Dock kan det dyka upp i reklamtexter.

DN:s sida upplever jag som lite luftigare. Förmodligen för att de har en smalare ”container”(Sitter med en 1280-skärm), och att den har en konsekvent vit bakgrund. Här finns en smal reklambanner ovanför headern och en till, bredare, direkt under. Sajten har sin huvudspalt längst till vänster vilket jag tycker gör det lättare att scanna av innehållet på sidan utifrån angelägenhetsgrad. Därefter kommer en smal spalt fylld med mestadels länkar i form av rubriker, men också små bilder och annonser. Tredje spalten liknar den på Aftonbladet gällande innehåll. Reklam och lite blandat. Fjärde spalten är även här en ren reklamspalt. Alla sektioner och spalter avgränsas med ett litet tunt grått streck. DN använder konsekvent seriffer till rubriker och sans-seriff till brödtexten. DN har också bibehållit den ursprungliga blåa länkfärgen medans Aftonbladets länkar blir understrukna när man ”hoovrar” över dem.

3 Uppdateringsfrekvens

Här är mitt intryck att båda sidorna uppdaterar regelbundet men att Aftonbladet kanske är något snabbare med att gå ut med spekulativa och sensationsskapande ”nyheter”.

4 Mediakomponenter

Båda sajterna innehåller självklart text, bild, video, flash och gif-animationer. Vid de tillfällen jag studerat sajterna har ingen av dem haft något ljud (annat än när man klickar på länkar till reklam eller videoklipp), men jag vill minnas att i alla fall Aftonbladet tidigare haft reklambanners som genererat ljud när man laddad upp sidan i sin browser. Animationerna är oftast i flash och används framför allt i reklambanners. Det är väldigt sällan som videoklipp ligger direkt på startsidan.

5 Interaktiva komponenter

Både texter och bilder fungerar som länkar på båda sajterna, som även innehåller reklam som reagerar på olika sätt när man för musen över bannern.

I dag har solen lyst med sin frånvarao....

Projektrapporten-andra tagningen

Nu har jag till slut hittat ett infall på projektarbetet som jag tror fungerar. Min första idé var att över nätet låta en musikelev göra ett arbete med att komponera musik till en kort film. Tanken var att sköta all kommunikation via chat, mail, skype mm. Tyvärr kroknade eleven och projektet självdog.
Jag fick ta mig en funderare och kom till slut på en ny idé. Jag har en kurs i gitarrspel på det gymnasium där jag arbetar. Eleverna blir instruerade av mig och jag använder också en powerpoint-presentation med bilder på ackordgrepp, låtformer och teknik. Då skolan använder Fronter så kom jag på att jag kunde lägga ut ppt:n där och även lägga till inspelade ljudfiler som exemplifierar det material vi jobbar med för tillfället.

Stefan Z

Projektrapporten

Har fastnat med projektrapporten. Mitt upplägg har havererat av olika skäl och just nu vet jag inte hur jag skall komma vidare. Frustrerande.