Een eigen digitaal scherm?

Een eigen digitaal scherm?

Eenvoudig vormgeven van digitale schermen

Het wordt voor ondernemers met name winkels steeds belangrijker hun producten en diensten goed te presenteren. Zet nu digitale schermen in voor winkels, in wachtkamers, in winkecentra, op kantoren. Jij als reclamebureau, vormgever of signmaker kunt deze eenvoudig aanbieden met Ziber SenseView.

Maak met Ziber SenseView een digitaal scherm met live informatie. Toon op het scherm de laatste tweets, het NU-nieuws, RSS, het weer en nog veel meer. Het is zelfs mogelijk andere bedrijven informatie te laten doorplaatsen op het scherm. Jij als ontwerper maakt via de software eenvoudig alles in de huisstijl van jouw klant.

Ga voor meer informatie naar www.senseview.nl

Zelf een landingspagina maken

Zelf een landingspagina maken

Een landingspagina is een pagina op jouw website die speciaal bedoeld is voor bezoekers via deze pagina op jouw website binnenkomen. Deze bezoekers komen of via een advertentie of een zoekterm op deze pagina terecht. Ze hebben dus niet jouw homepagina gezien.

De landingspagina wordt zo geschreven dat de bezoeker precies vindt wat hij zoekt op jouw website. Een goede landingspagina schrijven is nog niet eenvoudig. Daarom heb ik een korte uitleg voor het schrijven van een goede landingspagina. 

Hoe word ik gezocht?

Wat voor product verkoop je? In welke regio doe je dat? Ga in Google op zoek naar het product dat je verkoopt in jouw regio en kijk wat voor suggesties Google automatisch aanvult in de zoekbalk. Schrijf de zoektermen op waarmee jij gevonden wilt worden.

Tip! Als je in Google een zoekterm hebt ingevuld geeft Google onderaan de pagina suggesties hoe mensen nog meer zoeken.

Hoe word ik het beste antwoord?

Kies uit één van de zoektermen en ga hiervoor jouw landingspagina inrichten. 

Titel: Begin de pagina met een pakkende titel. Schrijf jouw pagina het liefst in vragende zin. Maak de zin niet langer dan 70 karakters voor de vindbaarheid.

Korte uitleg: Beschrijf in drie zinnen het antwoord op jouw titel. Waarom zit de bezoeker bij jou goed?

Subtitel: Waarom moet de klant voor jouw product kiezen?

Opsomming: Geef 5 redenen (als opsomming) waarom de klant voor jouw product moet kiezen.

Subtitel: Waarom zijn jouw klanten blij met jou?

Korte uiteg: Waarom klanten tevreden zijn over jouw producten.

Hoe krijg ik reactie?

Wat is het doel van jouw pagina? Wil je dat de bezoeker jou gaat bellen, e-mailen een formulier invult? Zorg dat op jouw landingspagina een Call to action staat. Zet bijvoorbeeld een formulier neer of jouw telefoonnummer. Zet de bezoeker aan tot actie!

Voorbeeld landingspagina

Dit is een korte beschrijving over het schrijven van een landingspagina. Klik hier voor het complete stappenplan van Ziber.

Meer weten over het beter vindbaar maken van jouw website?

Ga naar ziber.nl/vindbaar

Werken met Scrum

Werken met Scrum

Een aantal jaar werken we bij Ziber nu al met Scrum. Wat is Scrum? Eenvoudig gezegd een manier om op een overzichtelijke manier werk te plannen.

Scrum is bedoeld voor software teams die innovatieve producten ontwikkelen. Toch denk ik dat scrum door veel meer doelgroepen gebruikt kan worden. Zo ook voor een reclamebureau of voor de vormgever die in zijn eentje werkt.

Ik zal in 5 stappen vertellen hoe je als team of alleen met scrum aan de slag kunt gaan.

Stap 1: Rollen verdelen

Met scrum werk je in sprints. Een sprint is een periode van tussen de 10-15 dagen waarin het werk gemaakt moet worden. Om deze sprint goed te laten verlopen zijn er verschillende rollen te verdelen. Deze heb je nodig als je in een team werkt. Werk je alleen dan ben je zelf verantwoordelijk voor deze rollen.

Er is een Product Owner. Deze vertegenwoordigt de klant. De Product Owner zorgt er voor dat er User Stories geschreven worden over de wensen van de klant. Deze User Stories ga je bij de volgende stap plannen met het team. Bij de oplevering laat de Product Owner weten of hij tevreden is over het opgeleverde werk.

Er moet ook een Scrum Master aangewezen worden, dit is iemand uit het team die zorgt er voor dat de komende sprint goed gaat verlopen.

Stap 2: Plannen

Op de Backlog staan alle User Story's van de Product Owner met het te plannen werk. Samen met het team ga je deze kaartjes begroten. Dit doe je door middel van Planning Poker. 

Hierbij worden kaartjes gebruikt met een waarde van 0, 1/2, 1, 2, 3, 5, 8, 13, 20, 40, 100. Ook is er een kaart met vraagtekens en een kaart met koffie. Deze laatste twee kaarten betekenen dat je niet genoeg informatie hebt om de User Story in te plannen. In dit geval vraag je de Product Owner om verduidelijking. 

Ieder teamlid heeft zijn eigen set kaarten. Ieder teamlid zet op een User Story individueel en blind in. Vervolgens worden de kaartjes omgedraaid en mogen degenen met het laagste en het hoogste punten aantal en de hoogste met elkaar in gesprek. Zo krijg je een duidelijker beeld van ieders visie op het kaartje. Na het gesprek wordt er opnieuw ingezet tot er een gelijk punten aantal uitkomt.

Tijdens de sprint zie je op de Burndownchart wat de snelheid is van het team. Na elke sprint weet je  beter hoeveel punten het team kan verbranden per dag. Omdat je weet hoeveel punten alle werkzaamheden kosten en hoeveel punten het team kan verbranden, kun je nu bepalen welke werkzaamheden in de komende sprint kunnen worden aangepakt.

Stap 3: Sprint

Alle kaartjes met punten worden geplaatst op een scrumboard. Op dit Scrumboard zie je staan To do, Doing, Done... de bedoeling is dat je de kaartjes aan het einde van de sprint allemaal bij done hebt hangen. Je kan dit doen met een whiteboard of schoolbord.

Zelf maken wij hiervoor gebruik van het gratis programma Trello. In dit programma is het eenvoudig kaartjes aan te maken en te verplaatsen. Je bestanden uploaden en elkaar berichtjes sturen. Een overzichtelijke manier van communiceren tijdens de sprint. 

Elke dag komt het team bij elkaar voor de dagelijkse stand-up. Hier vraagt de Scrum Master waar je mee bezig bent en of er nog problemen zijn. Mochten er problemen zijn dan gaat de Scrum Master kijken hoe hij deze voor jou kan oplossen, bijvoorbeeld door met de Product Owner te gaan praten. 

Stap 4: Oplevering

Tijdens de oplevering presenteert het team het werk van de afgelopen 10-15 dagen aan de Product Owner. De Product Owner beoordeeld het opgeleverde werk, mochten er dingen aangepast moeten worden dan komt dit weer bij de volgende sprint.

Stap 5: Retrospective

Tijdens de Retrospective kijkt het team met elkaar naar hoe de afgelopen sprint is verlopen. De verbeterpunten worden meegenomen in de volgende sprint. 

Scrum voor vormgevers?

Of je nu in een team werkt of alleen. Scrum geeft jou de mogelijkheid je werk goed in te plannen en realistisch te kijken naar de tijd die je daar voor hebt. 

Begrippen:

Backlog

De Backlog wordt beheerd door de Product Owner. Op de backlog staat al het werk beschreven in User Story's. 

Burndown Chart

Op de burndown Chart zie je de voorgang van het team.

Product Owner

De product owner vertegenwoordigt de belangen van de klant.

Sprint

De sprint is de afgesproken tijdsduur waarna de kaartjes opgeleverd moeten worden (meestal tussen de 10 - 15 dagen).

Scrum Master

De Scrum Master zorgt er voor dat het team niets in de weg staat voor het team om de sprint te halen.

User Story

Een User Story is een kort beschreven wens van de opdrachtgever. De User Story is altijd beschreven als "Ik wil... omdat,". De User Story's zijn gerangschikt naar de waarde die het heeft voor de klant.

Waardevol ontwerpen

Vaak hoor ik van ontwerpers dat ze zijn beland in een eindeloos ontwerpproces. Voor een afgesproken bedrag is overeengekomen dat een ontwerp naar tevredenheid wordt gemaakt. Helaas is de klant nooit helemaal tevreden over het ontwerp en blijft vragen om (kleine) wijzigingen. Om de klant niet te verliezen blijf je het ontwerp aanpassen in de hoop dat 'dit' de laatste aanpassing is. De klant weet immers wat het beste is, toch?

Weet wat jouw klant waardevol vindt.
De belangrijkste vraag die je moet stellen aan je klant is: 'Waarom wil je een nieuwe website, logo etc.' (de golden circle). Redenen kunnen per klant enorm verschillen en dat is essentieel wanneer je start met het ontwerp. Ik neem als voorbeeld het ontwerpen van een website. Waarom wil de klant een website? Wil hij nieuwe klanten werven, zijn vaste klanten informeren of merkbekendheid vergroten? Drie verschillende doelen waarbij je als ontwerper verschillend handelt.

Wil hij eens in de maand zijn charmecamping promoten met een leuke activiteit, dan kan het opzetten van een Facebookpagina voor hem de beste oplossing zijn. Voor jou als ontwerper geen grote klus maar voor de klant zeer waardevol. Wanneer de klant tienduizend chocoladekoekjes per week wil verkopen dan is een goede website met heldere call-to-actionbuttons voor hem de beste oplossing.
De valkuil is dat de klant één van de doelen het belangrijkste vindt maar ook andere doelen tot in perfectie wil nastreven. Dit leidt vaak tot onrust bij de klant die geen keuze durft te maken en oneindig het ontwerp blijft aanpassen totdat alle doelen zijn nagestreefd.

Jouw taak als vormgever: Ontdek en stuur.
In het eerste gesprek met de klant ga je ontdekken wat hij waardevol vindt. Wanneer het voor de klant zeer belangrijk is dat zijn bedrijfsidentiteit en huisstijl bekend wordt bij zijn publiek. Noteer dat en gebruik het als leidraad tijdens het ontwerpproces. Bij iedere bespreking ga je samen kijken of het ontwerp voldoet aan die regel. Verandert de klant tijdens het opdracht zijn waarde: Hij wil naast merkuitstraling óók dat bezoekers zijn website gaan bezoeken én iets kopen? Ga dan terug naar het begin. Reken af, beschrijf het nieuwe doel en begin aan een nieuwe opdracht. Verandering van doel (hoe subtiel ook) is waar een ontwerpopdracht eindigt in een never ending story.

Met een kwartje in de snoepwinkel
Het hebben van een budget heeft voordelen. Het dwingt de klant tot keuzes. Jij als ontwerper kan na de eerste gesprekken een raamwerk maken van kleine taken waaraan je punten (scrum), een bedrag of tijd koppelt. De klant moet, om binnen zijn budget te blijven, een keuze maken uit taken die hij het meest waardevol vindt. De klant moet beseffen dat hij met zijn budget niet alle snoepjes uit de snoepwinkel kan kopen.

Wat staat er in de footer?

Wat staat er in de footer?

De footer is tegenwoordig één van de belangrijkste onderdelen van een website. Alles wat je nodig hebt vind je terug in de footer van de website. Waar moet je als vormgever rekening mee houden om
een mooie footer te ontwerpen?

Contact gegevens

Misschien wel het belangrijkste om duidelijk te vermelden op de website zijn de contactgegevens. Bezoekers willen snel kunnen zien waar ze je kunnen vinden.

Social Media

Social Media is niet meer weg te denken. Vaak zie je linkjes die doorlinken naar de Social Media van de klant. Nog mooier als de bezoeker direct jouw Facebook pagina kan liken. Zet met behulp van een widget de Facebook in de footer.

Pagina links

Een footer geeft vaak overzicht van alle belangrijke pagina's in een website. Denk maar aan een webshop waarbij als je opzoek gaat naar de klantenservice je deze meestal onderaan in de footer vindt.

Tip! De linkjes in de footer komen op elke pagina van jouw website terug. Door deze de juiste woorden mee te geven maak je jouw website beter vindbaar!

Meer weten over het beter vindbaar maken van jouw website? Kijk eens op www.ziber.nl/vindbaar.

Call to action

Vraag jezelf af wat jij wilt van de bezoeker. Wil je dat hij zich inschrijft voor de nieuwsbrief? Wil je dat hij contact met je opneemt? Zorg voor een goede call to action in de footer.

Disclaimer

Helemaal onderin de website vind je de disclaimer. Zorg ook dat jij als vormgever vernoemd wordt als maker van de website.

Voorbeelden van mooie footers:
www.animators.nl
www.bergveranda.nl
www.muursticker.nl

Vormgeven met Adobe XD

Adobe Xd voor UX designers

Voor het ontwerpen onze software bij Ziber zijn wij steeds op zoek naar de beste programma's om een mooi ontwerp mee te kunnen maken. Veel vormgevers maken gebruik van de Adobe pakketten waaronder Photoshop, Illustrator en inDesign. Het is belangrijk als vormgever open te staan voor nieuwe programma's om jouw workflow optimaal te houden.

Sketch

Zelf zijn wij een tijd geleden overstapt van de Adobe pakketten naar Sketch een programma waarmee je werkt met artboards en je snel een mooi ontwerp in elkaar zet. Sketch is een soort van combinatie van Photoshop, Illustrator en inDesign. Doordat Sketch alleen de belangrijkste functies heeft blijft het programma eenvoudig.

Meer weten over Sketch? Lees meer op "vervangt Sketch de Adobe pakketten?" 

InvisionApp 

Voor het ontwerpen van onze software is het vaak ook nodig een voorbeeld te zien. Je wilt ervaren hoe jouw ontwerp in het echt gaat werken voordat je deze overdraagt aan de developers. Wij maken daarvoor gebruik van Invision App. Met Invision is het mogelijk afbeeldingen te uploaden en deze aan elkaar te koppelen. Je maakt er dus een prototype van. Vervolgens gaan wij met ons Ziber-team het prototype gebruiken zodat er duidelijk wordt wat er nog in het ontwerp aangepast kan worden. Doordat het niet

Wat is Adobe Xd?

Adobe is bezig met een nieuw programma Adobe Xd (Experience Design). Het programma is nog niet af maar je kunt wel er al mee werken. Het is een programma waarmee je net zo eenvoudig als in Sketch een ontwerp maakt, maar waarbij je de afbeeldingen ook aan elkaar kunt linken zodat je zoals in Invision een prototype maakt. Tot nu toe ziet Adobe Xd er erg veel belovend uit en wij bij Ziber zijn erg benieuwd  naar de volgende update van Adobe Xd.

Het hero-image. De nieuwe held van de website.

Een hero-image, oftewel een heldenafbeelding. Het woord doet vermoeden dat deze afbeelding je website redt van de ondergang. Of iets minder heftig, het laat de bezoeker in één oogopslag zien wie jij bent of beter gezegd wat je doet, verkoopt of wilt van je bezoekers. Een goed hero-image zorgt voor conversie. De bezoeker meldt zich aan voor de nieuwsbrief, downloadt een proefversie of bestelt het product in de webshop.

Een voorbeeld: Heb je een B&B in Spanje dan is een foto van een zonovergoten terras met op de achtergrond een infinity-pool jouw hero-image. Met die foto is de zoekende vakantieganger direct overtuigd en boekt binnen een minuut een kamer van jouw B&B.

Terug in de tijd

Een afbeelding bovenaan de website dat kennen we al langer. Het proces ging ongeveer zo. De klant wil, zoals hij elders heeft gezien, mooie foto's bovenaan zijn website. Hij levert zelf de foto's aan. Foto's laten maken is helaas in de meeste gevallen te kostbaar.

Een week later ontvang je de foto's en begint de ellende. Een headerafbeelding heeft de eigenschap zeer breed te zijn en niet zo hoog. De aangeleverde foto's zijn echter niet erg geschikt voor de verhouding van 21:9. Sterker nog, na de uitsnede blijft er van het terras en de infinity-pool weinig over en zijn alleen nog een paar dorre grassprietjes zichtbaar.

Maar jij, als doorgewinterde Photoshopper, blendt en content-awared er op los én na een uur of twee staat de header als een huis. Vaak wordt er niet nagedacht over het effect van de foto. De klant wil graag zoveel mogelijk laten zien wat resulteert in diashows. Weinig bezoekers nemen echter de tijd om eens lekker te gaan zitten voor de foto's van jouw winkelinterieur.

De held vraagt om een andere benadering

Een hero-image is iets anders. Hij mag lekker groot en hoog zijn. Net zoals in films is er (meestal) maar plaats voor één held dus houden we het bij één alleszeggende foto. Vraag je klant om in één zin zin te vertellen waarom hij wat verkoopt. Met die zin kun je nadenken over het beeld dat daarbij hoort. Bijvoorbeeld: "Wij serveren de lekkerste appeltaart in een huiselijke sfeer".

Vervolgens maak je de foto in de stijl die past bij het bedrijf. Zwart-wit, zonnig, koel, seventies, geïllustreerd etc. Versterk eventueel de foto met tekst. Zoek een plek in de foto waar je de tekst kunt plaatsen zonder dat het onderwerp in de foto wordt gehinderd.

Oproep tot actie

Is de hero goed gelukt? Zegt de foto in combinatie met de tekst al genoeg zodat de bezoeker eigenlijk niet meer verder hoeft te lezen? Breidt je hero dan uit met een cta (call-to-action) button. 'Bestel nu', 'download hier', 'Maak een afspraak'. Enkele voorbeelden om de bezoeker te leiden naar dat waar de website voor bedoeld is: conversie.

Voorbeelden:

www.apple.com

Apple vernieuwt het hero-image vaak na de lancering van een nieuw product. De bezoeker is op dat moment alleen geïnteresseerd de nieuwe gadget. Apple gebruikt hiervoor het grootste deel van de homepage. Door gebruik van een statische navigatie kan de bezoeker niet verdwalen.

www.paintcodeapp.com

De titel zegt direct wat het programma doet. De afbeelding laat de eenvoud van het programma zien. Twee call-to-actionbuttons: Koop nu en Probeer gratis.

www.pomodrone.com

De website van pomodrone.com heeft alleen hero-images. In een aantal slides wordt uitgelegd wat de app doet en hoe het werkt. Een mooi gebruik van call-to-action: Zowel op de eerste als de laatste afbeelding is een button geplaatst naar de App Store.

Tips: 

 1 Wees spaarzaam met tekst op de hero. Houdt het simpel en duidelijk.

 2 Een hero-image is geen decoratie. Het is de eerste indruk van jouw bedrijf.

 3 Een statische navigatie (fixed) is een ideale combinatie met een hero image.