Mit tema – Del 2: Sorte bokse

Dette er anden del af en serie af indlæg om mit tema her på bloggen. Disse indlæg vil omhandle mine overvejelser om ting som designet, opsætning og mere. Du kan eventuelt starte med at læse det første indlæg om sidens baggrund her.

De sorte bokse

Forskellige eksempler fra siden.

På siden er der især en ting, som går meget igen, nemlig de sorte bokse. Jeg har valgt at bruge disse bokse, da jeg for det første synes, at de giver en god kontrast på siden. På denne måde står de godt ud fra alt det andet indhold (fx blogindlæg) der er på websiden. Jeg bruger blandt andet disse sorte bokse ude i sidebaren, hvor de er med til at skabe en god balance på hele websiden. Der er på nogen sider og blogindlæg meget indhold, hvilket rykker balancen meget over i venstre side, men når sidebaren så er der, så skaber den en meget god balance, så siden føles rar at se på. Okay, det lyder måske lidt dumt noget af det jeg skriver, men det er også meget svært, at forklare det ordentligt. Du skal bare vide, at det virker! 😉

En anden grund til jeg bruger de sorte bokse, er at de er med til at indramme indhold og skabe nye afsnit. Som du kan se i sidebaren, så består den af flere bokse, hver boks har så en overskrift, som beskriver indholdet i boksen. På denne måde er det nemt at se, at indholdet i hver boks handler om samme ting. Et sted hvor jeg bruger en sorte bokse til at skabe afsnit, er på siderne der viser blogindlæg. Her er de sorte bokse med til at gøre det meget nemt at se, at nu slutter et indlæg og et nyt begynder.

Sidste grund til at jeg valgte at bruge de sorte bokse, er at jeg på hele siden har ville bruge forskellige elementer fra IT-Universitetets grafiske profil. IT-Universitetet bruger selv sorte bokse på mange af deres ting: webside, brochurer og mange andre ting. Dette kan bland ses på denne side.

Næste gang: Næste indlæg handler om opsætningen af blogindlæg.

Test af portfolio… nej tak?

Det sjoveste ved et projekt er altid at teste det til sidst og se om alle ens tanker om brugerene nu var rigtige. Jeg tror måske, at du er klog nok til at finde mine kontakt oplysninger, men kan du egentlig det? Har jeg mon overvurderet din intelligens?
(*Hint hint*: Kig øverst til højre) 😀

Fornylig lærte vi om forskellige typer tests af websider, hvilket faktisk var spændende og godt at lære om. En ting var at underviseren faktisk arbejder med sådan noget og derfor vidste meget om det (nej, det hjælper ikke at fedte på universitetet…), men mest af alt var det godt at lære, da jeg selv har flere websider og ligefor tiden er igang med et stører projekt, som forhåbentlig kommer ud i hele Danmark. Efter disse forelæsninger, har jeg helt klart fået blod på tanden til at lave nogle såkaldte “tænke højt”-tests på mit nye (og hemmelige) projekt. (mere…)

Tid til status

Halvdelen af første semester på min nye uddannelse på IT-Universitetet i København, er hermed overstået. Efter at have holdt en god efterårs ferie og fået bearbejdet indtrykkene, føler jeg derfor, at det må være på tide at gøre status på de mange indtryk. Og hvilken nemmere måde kan det gøres på, end ved at skrive et indlæg og få det ned som ord?

Starten på IT-Universitet har budt på mange indtryk og følelser: Fede omgivelser, nye rare mennesker, nye lærere man skal vænne sig til, en helt anden måde at lære på og ikke mindst meget stører forventninger til en.

Starten…

Alt startede med et hårdt og sjovt intro-forløb, hvor vi blandt andet blev tæsket gennem en masse info om uddannelsen, stedet og meget meget mere. Der var dog også de sjovere ting, som da vi fx skulle lave et projekt om byrum, digitalitet og affald. I projektet valgte vi (min gruppe) temaet hundelort, som  jo ikke er særligt hyggeligt inde i byen… eller nogen andre steder, for den sags skyld. På en af øvelserne under det projekt, blev vi blev sat ud for at skulle samle erfaringer fra den virkelige verden. Dette betød så, at vi skulle rende rundt udenfor og kigge på lort. Må nok sige, at det ikke lige var det jeg havde regnet med, nu hvor man starter på et IT universitet. 😀  (mere…)

Analyse af DIG!

Nu har min nye webside/blog været oppe at køre i over en måned og jeg synes ligesom det er på tide, at få slået fast hvem der egentlig besøger hjemmesiden og hvor tilfredse de i det hele taget er med det de ser.

Og findes der nogle smartere måder, end at køre et spørgeskema ud på websiden? Det tror jeg ikke selv, efter at have lært om spørgeskemaer (surveys) i flere af kurserne på IT-Universitetet. Så det her jeg altså valgt at gøre.

Måske er du allerede stødt på spørgeskemaet, eller så gør du det nok snart. Jeg har (til at starte med) valgt at ca. 40% af de besøgende vil blive spurgt om deltagelse, da jeg lige vil teste at alle forstår spørgeskemaet. Når jeg kan se at svarende kommer ind og det ser ud til alt er forstået og intet skal rettes til, så sætter jeg det op, så alle bliver spurgt.

Survey overvejelser

Som beskrevet ovenover, så vil jeg gerne finde ud af hvem mine besøgende i det hele taget er og derfor har jeg valgt at lave sådan et survey. Til at indhendte oplysninger har jeg valgt at bruge UserReport, da jeg har gode erfaringer med dem og da de desuden udlover 300 kr. til en heldig vinder, blandt de folk der har besvaret spørgeskemaerne. På den måde skal jeg ikke selv tænke på at sætte oplysninger op, så de nemt kan analysere og endnu vigtigere, så skal jeg ikke selv stå for at give de besøgende et incitament til at besvare skemaet. En anden grund er at denne service er 100% gratis, da de tjener penge på at analysere alle besvarelse fra alle tilmeldte sider.

Spørgsmål i surveyet

Som standard er der alle de “grundlæggende analyse firma spørgsmål” i surveyet: Alder, køn, hvilken by folk bor i, deres økonomi, uddannelse og arbejde. Disse spørgsmål kan man ikke ændres eller fjernes, men da jeg selv synes de fleste er vigtige for, at man ordentligt kan analysere alle svar og  besøgs mønstre blandt de forskellige grupper (alder/køn/uddannelse/økonmi/landsdel/osv), så gør det ikke det helt store at de er der. Foruden de grundlæggende spørgsmål, så er der også spørgsmål om:

• Brugerens samlet indtryk af siden,
• Hvor ofte brugeren besøger siden
• Om de synes det er nemt at navigere rundt og finde de informationer de ledte efter
• Om de synes sproget var nemt og velskrevet
• Om de synes websiden fremtræder professionel og troværdig

Disse spørgsmål kan heller ikke ændres, men er også ret vigtige, da jeg på den måde kan finde ud af, om der måske var noget der skulle laves om eller skrives anderledes.

Egne spørgsmål

Da jeg ikke mener, at de forud defineret spørgsmål, er nok til at udfylde alle de ting, som jeg gerne vil vide om brugeren, har jeg valgt at tilføje 2 ekstra spørgsmål:

Det første spørgsmål: “Angiv det svar der passer bedst på dig:”, med svarmulighederne: (Kun et svar)

• Jeg er studerende på IT-Universitetet i København
• Jeg er underviser/ansat på IT-Universitetet i København
• Jeg er er ingen af ovenstående

Hvorfor er det med: Jeg vil gerne undersøge om det kun er mine lærer og medstuderende der besøger siden eller om der også kommer andre mennesker ind.

Det andet spørgsmål: “I hvilken forbindelse valgte du at besøge denne hjemmeside/blog?”, med svarmulighederne: (Mulighed for flere svar)

• I forbindelse med IT-Universitetet i København
• Surfede tilfældigt rundt
• Søgning efter inspiration (via fx Google)
• Søgning efter information/oplysninger (via fx Google)
• Søgning efter Martin Jul Jönsson (via fx Google)
• Søgning efter studerende (blogs, info mm.) på bachelor uddannelsen i Digitale Medier og Design på IT-Universitetet i København
• Blev henvist hertil fra Facebook
• Blev henvist hertil fra en anden webside eller blog
• Jeg er arbejdsgiver og leder efter folk at ansætte
• Overvejer at starte på bachelor uddannelsen i Digitale Medier og Design på IT-Universitetet i København og søgte derfor rundt på nettet (via fx Google)
• Andre grunde (angives i en tekstboks neden under)

Hvorfor er det med: Dette spørgsmål har jeg valgt at tage med, da jeg gerne vil undersøge af hvilke(n) grund(e) folk har valgt at besøge websiden, så jeg på den måde kan optimere siden. Så hvis der fx er mange besøgende, som søger info (og meninger) om uddannelsen, så vil jeg lave et afsnit om dette, hvor jeg forklare mine indtryk fra uddannelsen mm. Eller hvis der fx er mange arbejdsgivere, så vil jeg lave et tydeligt afsnit/side om at jeg rent faktisk søger job.

“Hello Dolly”-plugin alternativer

De fleste der har WordPress, kender måske allerede plugin’et “Hello Dolly”?
Hvis du ikke kender det allerede, så er det kort fortalt et plugin, som ikke gør andet end at vise sætninger fra en gammel sang kaldet “Hello Dolly“. (Find plugin’et her) Bortset fra at plugin’et i sig selv er ret ligegyldigt, så er det da super kedeligt, at det skal være tekster fra en gammel sang, ikke? Så jeg satte mig for at smide noget bedre sangtekst på.

Jeg har valgt at lave to nye plugins ud af det gamle. Det ene plugin har tekster fra Suspekt’s sang “Amore Infelice” og det andet plugin har tekster fra L.O.C.’s sang “Absinthe“. Grunden til det lige netop blev de to sange er kort sagt fordi, at “Amore Infelice” generelt bare er en super fed sang, med nogle super fede tekst og “Absinthe” er valgt bare fordi jeg kan.

Men du skal selvfølgelig ikke snydes, så neden under kan du finde de to plugins som GRATIS kan hentes til din egen WordPress-installation.

Download plugins

Hent de to plugins
– Plugin med “Amore Infelice”-tekster: Download her
– Plugin med “Absinthe”-tekster: Download her

Sådan gør du:
1: Hent en af de to plugins.
2: Læg .php-filen ind i mappen “plugins” i din wordpress-mappe:
[Din wordpress mappe] -> wp-content -> plugins
3: Upload filen til din server via. et FTP-program.
4: Login på din webside og kig under “Plugins”, der skal du aktivere enten “Hej Suspekt” eller “Hej L.O.C.”, afhængigt af hvilket plugin du har hentet.

En anden sangtekst?
Okay, du er måske ikke til Hip Hop og rap? Jamen hvis du vil have en anden sangtekst, så skriv en kommentar nedenunder og så vil jeg kigge på (helt gratis!).

1.0

Så er mit portfolio kommet til et stadie, som jeg selv vil kalde for færdigt, da jeg nu har udfyldt alle sider og rettet alt til. Med færdigt, skal der forstås at siden er gået ud af beta-stadiet. Det er på ingen måde ment som at siden ikke skal ændres/opdateres i fremtiden, for der vil næsten helt sikkert komme nogle fejl, som skal rettes og der vil formentlig også være nye funktioner, som jeg får lyst til at bygge på.

Ændringerne fra 0.8b til 1.0:

• Indhold på credits siden: Alle brugte ressourcer bliver listet og krediteret.
• Indhold på copyright siden: Lovmæssigt snik-snak. Ikke noget folk orker at læse, men meget godt at have rent juridisk.
• Indhold på kontakt-siden: Navn og kontakt oplysninger tilføjet.
• Udbyttet email’s på copyright siden med billeder af min email, for at forhindre spam.
• Den sidste boks i footeren (bunden af min side til højre) er blevet udfyldt, så der nu er indhold (fakta) om hvordan siden er blevet lavet.
• Ændret i den øverste sorte boks i min sidebar (den med billedet), så der nu står mit nummer og min ITU email, så folk kan kontakte mig, da portfolioet også skal bruges til at tiltrække virksomheder og jobs.
• Ændret koden i den ovennævnte sorte boks, så det fungere som et hCard vha. Microformats-koder.
• Har tilføjet teksten “IT-Universitetet i København” under “Digitale Medier og Design 14′” i sidebaren, så folk udefra kan forstå sammenhængen bedre og se at jeg går på et universitet uden at skulle tjekke min “Om mig”-side.
• Sidens HTML-koder er blevet valideret i W3C og alle fejl er rettet. (Se W3C-testen her)
• Sidens CSS er også blevet kørt igennem og returnerede 98 fejl. Disse fejl skyldes at jeg nogle steder bruger nogle nyere CSS-koder, som virker i de fleste nyere browsere, men som faktisk ikke er “lovligt” CSS… endnu. (Se validering her)
• Ændret i PHP-koden i plugin’et “Ultimate Tag Cloud”, så der ikke puttes “<style type=’text/css’> […] </style>” ind i <body> på siden, da dette ikke er “lovlig” HTML.
• Ændret i nedenstående plugins, så deres forskellige .css og .js filer ingår i en stor .css-fil og .js-fil, for at mindske antaller af forskellige filer der skal hentes, når siden vises i browseren. Dette minimere både tiden det tager at hente og vise siden og gør samtidig at alt er mere samlet. Det eneste problem er at hvis en af disse plugins vil opdateres, så skal jeg manuelt ændre indstillingerne igen.
  – Easy FancyBox
  – Formidable
  – SexyBookmarks
  – Ultimate Tag Cloud
  – WordPress Portfolio Plugin
• Ændret i nedenstående plugins, så de ikke ligger kommentarer ind i HTML-koderne på hjemmesiden.
  –  All in One SEO Pack
  –  SexyBookmarks