Als frontender vertaal je de ontwerpen van onze designers naar eersteklas HTML, CSS en Javascript en verwerkt dit tot templates in het ExpressionEngine CMS. Je zal hiervoor onder meer werken met Sass, Git en een IDE naar jouw keuze.

Dit verwachten wij van jou:

• Je spreekt vloeiend HTML5 en CSS3 en bij voorkeur jQuery
• Je bent perfect op de hoogte van de nukkigheden van de verschillende browsers
• Je hebt een geweldig gevoel voor humor

Mooi meegenomen:

• PHP en MySQL zijn je niet onbekend
• Ervaring met ExpressionEngine
• Grafisch inzicht en interesse in design en vormgeving
• Je kan poolen, maar niet te goed

Wat mag jij van ons verwachten?

Een riant kantoor met ontspanningsmogelijkheden, aangenaam gezelschap en zicht op een post-industriële site.
Een uitdagende job zonder sleur en verveling en een adequate verloning.
Voldoende ruimte om je creatieve en/of technische kunnen tot ongeziene hoogten te brengen.
Op tijd en stond een heerlijk aromatisch bakje troost, eventueel vergezeld van een zoete traktatie.

Voor al je sollicitaties, één adres: work@glue.be
Wij zijn er klaar voor. Nu jij nog!

Wil jij weten of die QR-code nu eindelijk gaat doorbreken en of online dood is of net weer niet? Heb je al gehoord over NFC maar is SoLoMo je eerder onbekend? Of je invalshoek nu marketing, webdesign, social of anders is; je vindt zeker je gading in het trendrapport van 2012.

Benieuwd om verder te lezen? Ga dan naar de website van Netlash-bSeen en download de pdf of lees online via Issuu. Er is zelf een dodeboomversie voor wie de online trends liever offline tot zich neemt.

Glue wenst je avast een prettig eindejaar en een trendy 2012!!

Maandenlang hebben we er reikhalzend naar uitgekeken en vorige week vrijdag was het zover. Met een grote glimlach trokken we de deuren van ons oude kantoor achter ons dicht.

Na negen jaar in het incubatiecentrum van de UGent in Zwijnaarde waren we toe aan een nieuwe stek op onze maat. En die stek hebben we gevonden op de voormalige ACEC-site in Dok Noord.

Je kan ons vinden in gebouw 4E op de tweede verdieping. Of als je ons een kaartje wil sturen: Dok Noord 4E 205, 9000 Gent.

Benieuwd om het eens met eigen ogen te zien of nood aan een nieuwe website? Kom maar langs of geef ons een seintje op ons nieuwe nummer 09/336.78.08. Wij zijn altijd te vinden voor een leuk gesprek bij een goede koffie.

Bekijk ons foto-album op Facebook.

Vorm vs. usability

Architectenwebsites zijn vaak heel mooi en stijlvol vormgegeven. Door een te artistiek design gaan ze echter wel eens gebukt onder een gebrekkige structuur, onduidelijke navigatie en slechte leesbaarheid. Ook op het vlak van SEO laat men heel wat kansen liggen.

In ons artikel geven we aan waar je moet op letten en wat je zeker moet vermijden. Onze conclusie: “Denk niet louter aan het design of de uitstraling van je website en besteed minstens evenveel aandacht aan gebruiksvriendelijkheid, leesbaarheid en toegankelijkheid en zeker ook vindbaarheid van je website.”

Een aantal vuistregels:

• Bouw je ontwerp rond een heldere structuur en navigatie.
• Toon met een heldere portfolio wat je doet en welke diensten je levert.
• Zorg dat mensen je kunnen contacteren of minstens je contactgegevens snel kunnen vinden.
• Vermijd Flash. Het maakt je site doorgaans moeilijker vindbaar en minder gebruiksvriendelijk.
• Optimaliseer je website voor zoekmachines, zowel op het vlak van de inhoud als technisch!

Het volledige artikel en meer tips^* kan je nalezen op architectura.be.

* uiteraard ook voor niet-architectenwebsites

Wat verwachten wij van jou?

• PHP en MySql hebben geen geheimen voor jou
  (ervaring met ExpressionEngine is mooi meegenomen)
• Je hebt een goede kennis van HTML5/CSS3 en jQuery
• Je verwerkt de templates die door onze designers worden aangeleverd in ExpressionEngine
• Je bent vertrouwd met de basisprincipes van SEO
• Je bent een teamplayer en neemt je verantwoordelijkheid om zelf een project te “trekken”.
• Je tweet erop los op onze @gluewebdesign account.

Wat mag jij van ons verwachten?

• Een riant kantoor, aangenaam gezelschap en zicht op uitgestrekte velden.
• De ene uitdaging na de andere, een job zonder sleur en verveling, en een adequate verloning.
• Op tijd en stond een heerlijk aromatisch bakje troost.
• Een professionele ondersteuning en opvolging, en voldoende ruimte om je creatieve en/of technische kunnen tot ongeziene hoogten te brengen. Geen paniek dus als je nog niet helemaal snapt wat er precies zo fantastisch is aan ExpressionEngine of jQuery,  we zorgen ervoor dat je binnen de kortste keren alles weet wat erover te weten valt.

Zo, laat die sollicitaties nu maar komen. Eén adres: work@glue.be.
We zijn er klaar voor.

Wanneer?
Donderdag 4 november, 19:00 – 22:00 (we verwelkomen jullie graag tussen 19:00 en 20:00).

Waar?
Kunstencentrum Vooruit, Sint-Pietersnieuwstraat 23, 9000 Gent – Belgium (http://www.vooruit.be).

Wie?
Alle Belgische ExpressionEngine enthousiastelingen die tussen pot en pint (op onze kosten) willen discussiëren over ExpressionEngine.

Wat?
Delen van code, gedachten wisselen, demo’s tonen van je laatste nieuwe add-on… noem maar op. Breng je laptop mee en gooi het in de groep. Er is in elk geval gratis wifi voorzien.

Tot donderdag!

Dit jaar waren er er geen grote aankondigingen van EllisLab, maar er passeerde een hele reeks grote namen de revue. We zetten de meest spraakmakende presentaties even op een rijtje:

Git, een begrip dat al langer gonst in de wandelgangen van Glue. Maar wat is het, wat zijn de voordelen, en hoe kunnen we het gebruiken? Ryan Masuga en Wil Linssen lieten ons niet langer in het ongewisse en leidden ons door de diepe wateren van het versiebeheersysteem Git. Omdat we deze technologie graag wilden implementeren in het volledige Glue ontwikkelproces, spitsen we onze oren tijdens de presentaties “Let’s Git it On: Version Control for ExpressionEngine with Git” en “Safe Sex with Git”. Na afloop waren we dan ook zeer onder de indruk van de mogelijkheden van; zodanig dat we het nu bij elk nieuw ExpressionEngine project gebruiken.

Dit laat ons toe, om de volledige tijdslijn van een project te bewaren en kunnen we op elk moment terugkeren naar een ‘oudere’ versie. Een ander voordeel is dat we verschillende pistes parallel kunnen doorlopen tijdens het ontwikkelproces, zonder dat deze op elkaar invloed hebben.

Spam is en blijft een groot probleem op het internet. Greg Salt had dit duidelijk begrepen en legde met zijn presentatie “Spam-Me-Not” de nadruk op spam bij ExpressionEngine websites, en hoe dit te voorkomen. Hieruit bleek dat we dit reeds goed aanpakken, desalniettemin hebben we dankzij deze presentatie nog een aantal technieken meegekregen waardoor we de websites van onze klanten nog beter spam-vrij kunnen houden.

Ook dit jaar was het evenement meer dan de moeite waard. We kijken nu al reikhalzend uit naar de volgende editie. Wie weet dan wel in New York. De foto’s van dag 1 en dag 2 kunnen jullie alvast terugvinden op Flickr. Al steken we natuurlijk niet onder stoelen of banken dat er ook ruimte was voor hier en daar een feestje.

Is de homepage nog belangrijk?

Alsmaar meer bezoekers komen op je website terecht via zoekmachines. Deze zoekmachines proberen bezoekers meteen door te sturen naar de pagina die voor hun zoekactie relevant is.

Je homepage krijgt hierdoor niet alleen minder bezoekers te verwerken, ze krijgt ook een andere functie. Nu bezoekers via vele manieren meteen op alle mogelijke webpagina’s kunnen terechtkomen, kan de homepage niet langer exclusief als ‘voordeur’ worden beschouwd. Elke pagina is nu een mogelijke voordeur. De homepage is meer een referentiepagina, die een algemene indruk moet geven van de kwaliteit en de sfeer van je organisatie.

Let op, een homepage moet door het lager aantal bezoekers daarom niet aan belang inboeten. Tenminste, als je rekening houdt met zijn gewijzigde functie.

Waarvoor dient de homepage dan nog?

Wanneer je zelf snel even naar de homepage van een website surft, doe je dat om in één oogopslag de sfeer van de website op te pikken, en snel te zien wat de website te bieden heeft. De kerntaken van de homepage zijn dus:

• Een goede eerste indruk geven. Kwaliteit uistralen.
  Een degelijk, overzichtelijk design zet meteen de toon van een website.  Kies voor een ontwerp dat ademt, en bezoekers de ruimte geeft om zelf keuzes te maken.
• Duidelijk maken waar de website over gaat.
  Vermijd gefrustreerde bezoekers, laat ze meteen evalueren of ze bij jou gaan vinden wat ze zoeken. Gebruik een goede tagline. Een tagline is een zin die beschrijft waar jullie website precies voor dient, wat jullie activiteit is als organisatie of bedrijf. Verval niet in verkoopstermen als ‘de beste of de goedkoopste’, maar communiceer echt de inhoud van je website. Maak van de kernwoorden in uw tagline een link naar een achterliggende pagina met meer informatie over die kernwoorden.
• Duidelijk maken wat je kan doen op de website.
  Als het mogelijk is om te kopen/reserveren/registreren op je website, laat dat dan weten. Plaats wegwijzers om bezoekers te brengen waar ze willen en moeten zijn. Plaats weinig, maar duidelijke wegwijzers.
  Heeft een bezoeker in één oogopslag niet gezien waar hij moet klikken, dan loopt hij waarschijnlijk weg. Plaats dus een aantal uitnodigende ‘Call To Actions’ (‘bestel nu’, ’schrijf je in’, ‘bekijk’, ‘reserveer’, etc. ) voor de meest uitgevoerde taken op je website. (En analyseer nadien ook hoe vaak er effectief op deze Call To Actions wordt geklikt.)
• Focus op de gebruiker.
  Een regel die geldt voor elke pagina van je website. Ontwerp je homepage met de wensen van de gebruikers in het achterhoofd. Wees niet te opdringerig.

Aan de slag

Wil je advies over het webdesign van jouw homepage? Je weet ons te vinden.

Scrollen mensen nu wel of niet?

Page fold, de foute reflex.

Als concept is de page fold zeker niet oninteressant. Het is immers een feit dat bezoekers bij het bezoeken van uw website in eerste instantie enkel de informatie ‘above the fold’ zullen zien. De reflex is dan: “Laten we alle informatie – en zeker de belangrijke – boven the fold zetten!”. Fout.

• Eye-tracking onderzoek toont aan dat bezoekers geen moeite hebben met scrollen, en de scrollbalk zelfs gebruiken om te weten hoelang een pagina is.
• Onderzoek toont bovendien aan dat een pagina met minder informatie boven the fold beter scrollgedrag oplevert dan websites met veel informatie boven the fold.
• Een logisch opgebouwde, lange pagina kan veel informatie bevatten en de bezoeker behoorlijk wat klikwerk besparen.

Hoe ga je wèl om met de page fold?

Als je redeneert vanuit de gebruiker, dan zijn de principes eenvoudig. In plaats van alles in het werk te stellen om informatie boven de page fold te plaatsen, ga je moeite doen om de bezoeker te laten scrollen.

• Teasen, niet doodslaan.
  De bezoeker bij het openen van een pagina meteen doodslaan met alle informatie waarvan jij denkt dat ze relevant is, kan niet meteen gebruiksvriendelijk genoemd worden. Bovendien levert het slecht scrollgedrag op.
  Probeer de meest teasende informatie kernachtig bovenaan te plaatsen, en stimuleer daarmee de bezoeker om verder te lezen.
• Toon dat het niet gedaan is.
  Baken de page fold niet af met een doorlopende lijn, maar laat enkele afbeeldingen of wat tekst boven de page fold uitkomen. In één oogopslag maak je de bezoeker duidelijk dat er nog meer informatie te vinden is.
• Vertel een verhaal.
  Met bezoekers die meer teksten scannen in plaats van lezen, wordt het goed vertellen van een verhaal steeds belangrijker. Combineer visuele elementen met tekst om een krachtig begin te formuleren boven the fold, en werk langzaamaan naar een climax toe onderaan de pagina.

Conclusie

Dat bezoekers niet verder kijken dan de page fold is duidelijk een mythe. De realiteit is wel dat je moeite moet doen om de bezoeker te stimuleren om verder te kijken. Een goede webdesigner zal daar dan ook steeds rekening mee houden.

(*) Met de page fold bedoelt men het deel van een webpagina dat zichtbaar is zonder te scrollen.

De zoekresultaten in Google (SERP’s) zijn echter niet altijd wat een gebruiker ervan verwacht. In de meeste gevallen ligt dat eerder aan de zoekopdracht die werd ingegeven, dan aan Google zelf.  In dit artikel lijsten we enkele bruikbare tips op om zoekopdrachten te verfijnen en zo enkel kwalitatieve zoekresultaten te krijgen.

Slechts weinig gebruikers zijn er zich van bewust dat er verscheidene opties bestaan om gedetailleerde zoekopdrachten in te geven. Hiermee kan je Google sneller duidelijk maken waar je precies naar op zoek bent. Meerdere zoektermen (keywords) tegelijkertijd ingeven zal uiteraard resulteren in betere zoekresultaten. Zoektermen combineren met quotes (“), plus (+) of min (-), zal nog meer kwalitatieve zoekresultaten opleveren. Er is echter nog heel wat meer mogelijk…

Zoeken op een zinsdeel (” “):
Wanneer je bijvoorbeld googelt op looking for a kick-ass website zoek je eigenlijk naar looking en for en a en kick-ass en …, terwijl je eigenlijk op zoek bent naar sites waar deze volledige zin op voorkomt. In dat geval zet je er beter quotes rond (“looking for a kick-ass website“). Google zal zo enkel de sites oplijsten waar deze exacte combinatie van woorden op voorkomt. Zoeken zonder quotes levert zowat 35.000.000 resultaten op. Zoeken in combinatie met quotes levert 8 resultaten op.

Zoektermen combineren (+):
Wanneer je de zoekterm glue googelt, dan krijg je heel uiteenlopende resultaten: algemene uitleg over lijm,  informatie over ons bedrijf glue.be, een  filmbespreking, verschillende online services en nog veel meer.  Als je Google duidelijk wil maken dat je enkel info over ons webdesign bedrijf wil opzoeken, dan kan je glue +webdesign ingeven als zoekterm. Met het plusteken erbij vermijd je bovendien dat Google naar synoniemen gaat zoeken. Je wil dus geen resultaten waar de keywords “web” of “design” in voorkomen, maar uitsluitend waar “webdesign” in voorkomt.

Zoektermen uitsluiten (-):
Een min teken toevoegen aan een zoekterm gaat net het tegenovergestelde doen: je wil geen zoekresultaten waar dit keyword in voorkomt. Dus als je googelt op glue -webdesign dan zal je bitter weinig informatie vinden over ons webdesign bedrijf.

Zoeken binnen een bepaalde site (site:):
Je kan Google ook gebruiken om te zoeken binnen een bepaalde site. Dit kan handig zijn wanneer een bepaalde site geen eigen zoekfunctie heeft of die niet naar behoren werkt. Googel bijvoorbeeld eens op expressionengine site:glue.be. Zo krijg je alle pagina’s uit onze website glue.be opgelijst waar het  keyword ExpressionEngine in vermeld wordt.

Wildcards (*):
Met een sterretje in je zoekopdracht laat je Google zelf het ontbrekende deel van woord raden. Zoek je op glue interact* dan gaat Google op de plaats van het sterretje andere woorden of letters toelaten in de zoekresultaten, bijvoorbeeld glue interactive Media. Handig wanneer je niet zeker bent over de juiste schrijfwijze van een zoekterm.

Zoeken op het één OF het ander  (OR):
Default zal Google keywords met een spatie ertussen beschouwen als én (AND). Maar door er OR tussen te plaatsen ga je aangeven dat je ofwel de ene keuze wilt OF de andere. Als je zoekt op glue webdesign OR movie krijg je dus zowel resultaten die over Glue webdesign gaan of  de film Glue terug.

Specifieke zoekopdrachten:
In sommige gevallen kan je naar iets zeer specifieks op zoek zijn. Bijvoobeeld het weer, de oplossing van een rekensom, wisselkoersen en valuta, sportuitslagen, het juiste uur in een bepaalde stad, enz…  In plaats van op zoek te gaan naar een website die deze informatie bevat, kan je gewoon ook Google gebruiken om tot het juiste resultaat te komen.

- Gebruik je define:glue dan kan je de definities van het woord glue zoeken.
- Met time New York kan je de huidige tijd opvragen, in New York
- Zoek je op 25 * 15 + 7 / 8 dan krijg je  (25 * 15) + (7 / 8 ) = 375.87500 terug.
- Zoek je op 18 lbs in kg dan is het resultaat: 18 pounds = 8.16466266 kilograms
- Of wil je weten hoeveel €24 in dollar is, resultaat: € 24 = 32.7096 U.S. dollars
- enz

Een compleet overzicht van dit soort van zoekopdrachten kan je terugvinden op http://www.google.com/landing/searchtips/ Let op: niet alles werkt altijd even goed vanuit België (google.be) soms moet je hiervoor op google.com surfen.

Alle bovenstaande mogelijkheden zijn uiteraard ook nog eens te combineren. Wie slim gebruik maakt van al deze mogelijkheden zal versteld staan van de snelheid waarmee je meteen tot de juiste zoekresultaten kunt komen.

Op de Google Search Wikipedia pagina krijg je nog een mooi overzicht van alles wat je kan gebruiken om te googlen.  Daarenboven heeft Google, ongeveer een jaar geleden, ook filter opties toegevoegd waarmee je nog eens verder kan verfijnen op het type content dat je wil doorzoeken. Opties genoeg dus… wie zelf nog tips heeft die we nog niet kennen mag ze altijd toevoegen in de comments. Happy googling folks!