Onsdag, d. 11. august, 2010 - 10 kommentarer

Bloggen har været hos plastikkirurgen

Før jeg gik på sommerferie snakkede jeg om en række ændringer her på bloggen, hvilke endte med at blive lidt større end først antaget.

Som webdesigner er det svært at dy sig, derfor blev de skønhedsmæssige ændringer større end planlagt. Disse ændringer er ganske tydelige at se, hvis man jævnligt kigger forbi.

Men uanset hvad, så er det på sin plads at gå lidt længere i dybden med disse ændringer.

Indholdsfortegnelse

  1. De skønhedsmæssige forbedringer
  2. Opgradering af motoren og nedskæring i funktionaltet
  3. Sidste ord og tanker

1. De skønhedsmæssige forbedringer

Som nævnt havde jeg egentlig slet ikke planlagt at lave alt for mange ændringer i udseendet af bloggen, fordi jeg ikke havde nogen intentioner om at bruge så megen tid herpå. Følte det som sådan heller ikke nødvendigt at pille alt for meget ved tingene. Meeen, det kan godt være lidt af en forbandelse, når man nu engang er webdesigner. Man kan ikke helt lade være, når alt kommer til alt.

Mit fokus med disse skønhedsmæssige opdateringer har hele tiden været at gøre det hele mere enkelt og skære lidt ned på nogle af de mange smarte detaljer. Jeg har en vis kærlighed for det enkle, så ville blot omfagne dette lidt mere.

Klik på billedet nedenfor og se et preview af det gamle layou.

Michael-Ostergaard.dk

Mulighed for længere overskrifter

En af de hidtige uheldigheder ved mit blogdesign var begrænsningen i længden af overskrifterne på et blogindlæg. Dermed ikke sagt, at et blogindlæg behøver at have en lang overskrift, men der har været tidspunkter, hvor en længere overskrift kunne have været nyttig.

Derfor har jeg placeret overskriften over blogbilledet, men samtidig også øget skriftstørrelsen væsentlig. Nu skal jeg ikke længere tjekke, om en overskrift lige nøjagtig er for lang, hvilket blot er en bekymring mindre, wee :)

Gøre brug af et grid til punkt og prikke

Jeg benyttede som sådan også et grid før, men fulgte det ikke just. Derfor var det mit ønske at følge et grid til punkt og prikke, så jeg fik et godt og strømlinet webdesign, der ubevidst virkede bedre proportioneret. Hertil valgte jeg 960 Grid System, som nok er blandt de mest populære.

Her var det først min intention blot at tilrette det eksisterende, så det passede ordentlig med et grid, men det var her, at tingene for alvor begyndte at ændre sig. Som du nok har bemærket, så har indholdet fået sin helt egen spalte, mens indholdet af sidebaren er blevet delt ind i kasser. På den måde, synes jeg, indholdet blev lidt bedre fremhævet, så fokus – som sådan – ikke blevet stjålet af sidebaren. Et ønske var nemlig også at bringe mere fokus på selve indholdet, der jo i bund og grund driver denne blog.

Jeg har vedhæftet billeder af det nye kontra det gamle designe med et grid påført, så du kan se, hvad jeg snakker om.

Klik på billederne nedenfor for at se forskellen.

Michael-Ostergaard.dk

Michael-Ostergaard.dk

I mine blogindlæg omkring det at blive en bedre webdesigner, har jeg snakket om benyttelsen af et grid. Et grid er i mine øjne en god måde, hvorpå du kan opnå et bedre webdesign, fordi du får nogle bedre proportioneret elementer – ikke blot hver for sig men også i forhold til hinanden.

Med det blotte øje, så kan det mårke virke lidt ligegyldigt, men ubevidst har det trodsalt en større betydning, fordi et design – på sin vis – bare virker bedre opbygget. Det kan virke mere roligt på brugeren, fordi elemeterne ikke falder ud.

Du kunne i den forbindelse kigge nærmere på disse blogindlæg:

Et forenklet navigation

Jeg har skåret vældigt ned i menupunkterne, så du som bruger faktisk kun har 3 hovedpunkter at bevæge dig imellem.

Jeg var begyndt at finde mange af de tidligere menupunkter overflødige, hvoraf flere allerede var faldet væk siden genlanceringen af min blog tidligere iår.

Hovednavigationen er desmere blevet omdannet til en såkalte talende navigation, hvor hovedteksten er efterfulgt af en mindre uddybende tekst, der forklarer, hvad brugeren kan forvente bag dette menupunkt. Selvom dette er en af tidens trends, og jeg ikke normal vis er den største fortaler for trends, så finder jeg denne type for navigation yderst brugbar.

Jo vidst, så ser det i sig selv – visuelt – lidt bedre ud, men det undlader også brugeren for at tænke en ekstra gang – inden de klikker sig ind bag et givent menupunkt. Selvom mine få punkter – som sådan – taler for sig selv, så ville “Mit Portefølje” i sig selv ikke afslører helt præcist, hvad det indeholdte. Med den ekstra tekst påført, så er det straks tydeliggjort, hvilket indhold mit portefølje kan byde på.

Om end ikke andet, så har jeg forenklet min hovednavigation væsentlig, og derfor kun medbragt det mest essentielle. Noget mange websites iøvrigt ikke helt formår, men det er en anden snak ;)

2. Opgradering af motoren og nedskæring i funktionaltet

Jeg har i lang tid gået og ventet med stor spænding på udgivelsen af WordPress 3.0, fordi det i bund og grund gav mig en god anledning til at få moteren opgraderet. Men i bund og grund var det også yderst interessant med de mange nye muligheder, som WordPress 3.0 kunne tilbyde – heriblandt – det nye menusystem.

WordPress 3.0 – En udløsning som aldrig rigtigt kom

Jo vidst er WordPress 3.0 yderst kærkommen og længe ventet, men i bund og grund føles forandringerne ikke så store, som måske først forventet. Installationen gik skam helt fint, og var da også – som lovet – blevet det bedre end tidligere.

De nye menuer er uden tvivl også yderst rare at have ved hånden, men her mødte jeg faktisk en slem og ubehagelig overraskelse. Menuen understøtter max 15 menupunkter. Ja, her måtte jeg lige synke en ekstra gang. Jeg var i færd med at oprette en menu til mine referencer af webdesigns, som hurtigt overskred den sølle begrænsning. På daværende tidspunkt var jeg dog slet ikke klar over, at problemet lå heri. Jeg prøvede fribrilsk på at tilføje flere menupunkter, men hver gang jeg trykkede gem, så forsvandt de igen.

Det var først efter et samråd med Google, at jeg blev bekendt med denne begrænsning. Jeg har dog ikke undersøgt, om begrænsningen inkluderer underliggende menupunkter eller om begrænsningen er lagt til 15 menupunkter pr. niveau. Forhåbentlig er det i det mindste pr. niveau, men endnu bedre er begræsningen forhåbentlig væk med en opgradering til WordPress 3.0.1, hvilket jeg dog endnu ikke kan be- eller afkræfte, beklager!

Når det er sagt, så skyldes mit indtryk af WordPress 3.0 nu nok nærmere, at jeg ikke benytter alle de muligheder, som systemet efterhånden kan tilbyde. I det mindste kan jeg trøste mig selv lidt med, at min blog måske – kun måske – er blevet lidt mere sikker.

Nedskæring i unødige features

Ja egentlig skulle det største indgreb på bloggen have været en fedtsugning, men som nævnt, så kom den grumme webdesigner op i mig, og jeg kunne altså ikke bare nøjes med at fjerne en masse features.

Jeg vil ikke til at gå i dybden med hver feature, jeg har fjernet, men i stedet liste dem op:

Desmere har jeg lavet ændringer i, hvordan man kan dele et givent blogindlæg med venner og bekendte. Førhen viste jeg en længere række ikoner for mange populærer services. Godt nok var mulighederne ved første øjekast gemt væk, hvilket de ikke længere er, men har overladt det hele til AddThis, hvormed du kan dele blogindlægget med alverdens services. Muligheden for at dele via aNyhed er selvfølgelig stadigvæk bibeholdt, men er ligeledes gjort synlig.

Jeg er dog ikke 100% tilfreds med måden, hvorpå deling af et blogindlæg er gjort synlig. Som den til tider lidt for overdrevne perfektionist – jeg nu engang er – så stræber jeg altid efter at gøre tingene super enkle. Ja, jeg var faktisk på nippet til kun at bibeholde aNyhed. Jeg er simpelthen bare ikke fan af, når jeg ikke har 100% råderet over designet på tingene – vel egentlig bare en del af det at være webdesigner ;)

3. Sidste ord og tanker

Noget der startede ud i det små endte med at blive en større omgang – ikke blot dette blogindlæg – men hele ønsket om en mindre omstrukturing af min blog.

Det vil næppe være det sidste, jeg foretager mig her på bloggen. Tror altid jeg vil stræbe på at gøre den bedre og bedre. Et andet hovedmål med det hele har været et håb om forbedringer i loadtiderne, hvilket jeg dog ikke tror, man vil opleve meget af.

Hvad kan jeg siger, det er svært at lade være ;)

Ps: Hvis i støder på nogle uheldigheder, så hold jer endelig ikke tilbage med at rapportere dem til mig. På forhånd mange tak.

Skriv en kommentar

Relaterede blogindlæg

  1. Bloggen går på sommerferie – Vi ses i august
  1. Henrik Andersen - På Twitter

    Hej Michael.

    Det ser rigtig godt ud, hvilket det også gjorde før. Men det er blevet mere overskueligt nu – ingen tvivl om det. Og det er endnu mere tydeligt hvordan/hvor der skal kommenteres.

    Jeg kunne dog godt tænke mig at kende din baggrund for at fjerne “Mulighed for at følge med i kommentarerne uden at aflægge en kommentar”?

    Jeg har selv kørt med den et godt stykke tid og tror selv på den er god at have med. Jeg ville selv ønske at den lå på flere blogs, men jeg er muligvis den eneste?

    Har du testet om det bliver brugt og fjernet den på baggrund af facts eller blot fornemmelse? :-)
    .-= Seneste blogindlæg: Unoeuro er med på noderne og det betaler sig =-.

  2. Jan Skinnerup - På Twitter

    Øv, ny havde jeg lige set frem til en blog med nye og store bryster, og så er den bare flad som et plankeværk ;-)

    Spøg til side, så synes jeg det ser cool ud. Men jeg kunne godt have brugt et par før/efter billeder.

  3. Martin Nielsen - På Twitter

    Ser godt ud :-) kan godt lide det lidt mere simple interface, specielt bunden synes jeg er noget mere overskuelig nu

    Men som altid skal jeg da lige komme med et par småting.

    - Har du overvejet en position:fixed på din sidebar? synes man bliver lidt lost når man kommer ned midt på i sådan et langt blogindlæg – ikke sikkert det ville se godt ud men måske.

    - Din hvem er Michael kunne godt bruge et lille billede, det skulle jo være så godt at man kan se hvem der er bag

    Ellers ikke noget, synes det virker som om den loader lidt hurtigere nu også, men ved så ikke om det er bloggen eller fordi jeg er i Firefox 4.0 beta
    .-= Seneste blogindlæg: Anmeldelse af Inception – Christopher Nolans mesterværk =-.

  4. Michael Østergaard - På Twitter

    @Henrik, først og fremmest mange tak :) Jeg har dog ingen tal på, at muligheden for at følge kommentarerne var positivt/negativt. Jeg tror simpelthen bare ikke det blev brugt, grundet min måde at skjule det på.

    Det er dog ikke fordi, at muligheden herfor er dårlig, tror bare ikke den – som det er nu – har nogen stor relevans på min blog. Måske den kommer tilbage, hvis jeg finder en god måde at indsætte den i mit layout på.

    @Jan, jeg beklager, at du ikke blev mødt at store smukke bryster. Jeg ved det, det var ondt gjort, men her er et plaster på såret: http://mmm.dk/image/300734/original/0/1600

    Bortset fra det, så har du helt ret i, at jeg burde have inkluderet et før- og efterbillede, men det kan jeg heldigvis nå endnu :)

    @Martin, mange tak :) Rart at vide, at det er lykkedes rigtig godt i målet omkring mere overskuelighed samt enkelthed. Faktisk kunne man næsten droppe footeren, fordi indholdet ikke just er så vigtigt – tanken har strejet mig.

    Havde faktisk ikke tænkt over en position:fixed med sidebaren, men set det brugt på andre blogs, hvor det faktisk har fungeret rigtig godt – så har noteret det.

    Sidst men ikke mindst, så har jeg også overvejet et billede af mig selv, men har svedt det ud igen. Det er da også kønnere uden ;)

  5. Thor - På Twitter

    Hej Michael,

    Det ser rigtig godt ud, det gjorde det nu også før, nu har det bare lige fået et ekstra prikken over i’et, er helt vild med det enkle design. Minimalism rules ! :-D

  6. Michael Østergaard - På Twitter

    Mange tak skal du have, Thor :)

  7. Henrik Andersen - På Twitter

    Tak for dine svar Michael. Jeg tror vi er ret enige mht “Mulighed for at følge med i kommentarerne uden at aflægge en kommentar” plugin.

    Jeg tror dog stadig på at det kan bruges og at andre end mig selv ville bruge det.

    På min egen blog er det dog ikke rigtig blevet brugt, men både placering og synligheden af det er heller ikke optimal. :-)

  8. Mikael B

    Hej Michael,

    fed makeover, det må jeg sige! Den var fed før, og den er federe nu!
    Jeg synes især om at du har taget ‘bagrundsbilledet’ fra footeren, og gentaget det i navigationen.
    Så fungerer hjemmesiden lidt bedre som helhed, efter min mening!

  9. Michael Østergaard - På Twitter

    Tak skal du have Mikael, det er super glædeligt at høre :)