↑ ↑ (newer posts)

↓ ↓ (older posts)

Als de pijlen naar links of rechts wijzen, dan moet ik daar altijd goed over nadenken. Dat verwart me. Meestal doet me denken aan een pagina terug gaan in plaats van oudere blogposts ‘gaan’ bekijken.

We hebben al snel de neiging “meer van iets” als beter op te vatten. Hogere gebouwen, grote auto’s, meer omzet, meer winst, meer welvaart, puur kapitalisme. Maar hoe leg je op een website van een bedrijf uit, dat als je bij hen bent, dat alles beter zal worden, dat de omzet zal stijgen?

Groei associeren we met iets goeds. Mensen worden langer doordat ze gezonder (of in iedergeval voedzamer) eten, we verdienen relatief veel per hoofd op deze wereld en we zijn altijd uit op meer groei. Er zijn allerlei bedrijven die ons helpen zelf te groeien of in iedergeval meer “groei” uit te stralen. Vaak als mensen naar groei zoeken bij een bedrijf, dan is het internet een handig medium om het snel op te bekijken.

Ook de eerste indruk die men heeft van een website is heel belangrijk. Helaas schort het daar vaak aan: ze leggen je niet genoeg uit op de eerste pagina die men ziet via Google vindt waarom je bij hen het snelste kan groeien. In een reeks van Artikelen hierover wil ik zelf gaan onderzoeken wat effectieve manieren zijn om dit te vertalen naar een goed design.

Vroeger in de Middeleeuwen in Europa waren kerken altijd belangrijk, de status van de geestelijk leiders in de stad werd ermee afgemeten. Hoe hoger, hoe kolossaler, mooier afgewerkt, etc. de kerk was, des te beter.

Aan het begin van de 20e eeuw was er altijd strijd over het nieuwe hoogste gebouw. Uiteindelijk was er een strijd tussen The Chrysler Building en The Empire State Building. De laatste was als eerste af en heeft nu ook de meeste bekendheid. Maar dit was nog geen symbool van wat dan ook, dit was een strijd tussen een klein groepje mensen die er alles voor over hadden het gebouw als eerste af te krijgen. Het ging hier om de eer.

Door de 20e eeuw heen kwam de middelklasse enorm opzetten. De gewone man kon zich ook echt dingen gaan veroorloven, het ging goed met de economie van het land, iedereen kon erop vooruitgaan. Grotere huizen, nieuwe auto’s, welvaart. Uiteindelijk leidden deze ontwikkelingen tot The WTC.

Na 11 september waren The WTC er niet meer, het ultieme symbool van de Amerikaanse kapitalisme was weg. Het ultieme symbool van het geloof in kapitalisme dat tot groei leidt was weg. De kerk van het kapitalisme was weg.

Na dit korte geschiedenis lesje wil ik graag gaan uitleggen in komende artikelen die volgen op deze hoe een website de groei van een bedrijf kan uitstralen.

Krijg een indruk van hoe websites op smartphones aanvoelen en wat de nadelen/voordelen zijn, binnen 5 minuten!

Ik wil graag een mobiele variant maken van mijn Open Source WordPress thema Fazyvo: Fazyvo Mobile. De meeste browsers die je op Smartphones vindt, ondersteunen de HTML en CSS volledig. Zo zien al mijn sites allemaal hetzelfde uit in iPhone Safari, Opera Mini en natuurlijk de browser in Android.

Android is gebaseerd op Linux en dus helemaal open source (gratis). Een aantal developers hebben de moeite genomen Android ook geschikt te maken voor gewone computers, hierdoor kun je het in een Virtuele Machine draaien op je eigen computer. Ik ga nu kort uitleggen hoe je Android kunt installeren op jouw computer. Het maakt niet uit of je Linux, MAC OS X of Windows gebruikt.

Aanschouw mijn website in de Android Browser!

Stappen

1. Download Virtualbox en installeer het.
2. Download LiveAndroid. Ik raad je aan torrents te gebruiken. Ik heb versie 0.3.
3. Klik op “New”.
4. Druk op “Next”.
5. Vul nu een naam in, mijn naam voor de Virtual Machine is “Android”, klik bij “Operating System” de optie “Other” aan en klik vervolgens bij  “Version” ook de optie “Other/Unknown” aan en druk op “Next”.
6. Nu kun je het geheugen instellen, ik zou het instellen op iets rond de 256mb, druk vervolgens weer op “Next”.
7. Nu kunnen we een hardeschijf instellen, maar dit willen we niet dus vink “Boot Hard Disk (Primary Master” af en de optie eronder vervaagd, druk nu weer op “Next” en in het waarschuwingsvenster op “Continue” en dan “Finish”.
8. Selecteer de Virtual Machine Android en druk op “Settings” > het tabje “Storage” > het tabje “CD/DVD-ROM”.
9. Vink “Mount CD/DVD Drive” aan en selecteer eronder “ISO Image File”.
10. Druk op het mapje en navigeer naar het bestand dat je eerder gedownload hebt: LiveAndroid. Het is als het goed is een .ISO bestand, druk dan op “OK”.
11. Selecteer nu de virtual machine Android en klik op “Start”. Nu start je LiveAndroid op!

Vanaf hier is het wel duidelijk hoe alles in zijn werk gaat. Onthoud wel, Android slaat niets op. Als je het afsluit zie je niets meer van je veranderingen terug.

Hoe Android eruit ziet als je het net hebt opgestart.

Hoe Android werkt

Je kunt gewoon je muis gebruiken (voor cursor en klikken) zolang je maar traag met je muis beweegt.

Als je een site wilt opstarten, tiep je deze gewoon in de bovenste balk waar nu “Google Search” in staat. Eenmaal in de browser kun je gewoon gaan tiepen als je weer naar een andere website wilt.

Als je een programma hebt opgestart, kun je altijd teruggaan naar het hoofdmenu door op escape te drukken.

Mijn bevindingen tot nu toe in de Browser

Wat mij meteen opviel is dat alles er gewoon goed uitziet. Daarnaast moet je er altijd voor waken dat menuutjes die alleen maar tevoorschijnkomen als je er met de muis over gaat niet werken, houd hier dus rekening mee! Zo zijn er nog meer dingen die me opvielen, ik zal hier laten nog wel op ingaan.

Neem een kijkje naar de menubalk op Google, stel je voor dat ze deze naar de onderkant van de pagina zouden verplaatsen!

Als je een website bezoekt, doe je dat meestal met een doel. Mensen hebben de eigenschap dingen op de meest efficiënte manier te willen doen en hoe makkelijker jouw website te overzien is, hoe makkelijker ze het doel kunnen bereiken. Bezoekers weten aan de hand van hun eigen ervaring op het web of jouw site makkelijk te overzien is, zo zijn ze gewend aan een bepaalde manier van hoe een lay out eruit zou  moeten zien.

Dit betekent dat als een bezoeker op een blog of een nieuwssite is en hij/zij het überhaupt al als zodanig herkent, weten dat de website op een bepaalde manier is ingericht: een typische blogindeling. Zo heeft het een breder tekstgedeelte waarin de ‘blogs’ komen en een of twee smallere tekstgedeeltes met links en tekst. Het wordt ook duidelijk dat de inhoud op een regelmatige basis wordt bijgewerkt en er op home de meest recente nieuwtjes te vinden zijn. Althans, dat is hoe ik zo’n soort site herken.

Een banksite is daarentegen heel anders, zo heeft het een imagerollover met plaatjes van tevreden klanten die diensten van ze gebruiken en rechtboven kan ik de link “Log in” vinden. Hier zie je geen nieuws, het is gewoon een site waarop je info kan opzoeken en je diensten op kan gebruiken. Door je een beetje te houden aan deze structuur  maak je het bezoekers makkelijker de website te doorgronden.

Plaatsing

Je aan ‘ongeschreven’ webconventies houden is een, want daarnaast ik geloof er heilig in dat de plaatsing van bepaalde elementen in een website en de manier woorop de elementen in elkaar zijn gezet ervoor zorgen dat de bezoeker de site als envoudiger te doorgronden beschouwt. Zo kan de plaatsing van menuutjes op een website een groot verschil uit maken, sterker nog, het verschil.

Stel je voor dat Google op een dag het menuutje bovenin waar je kunt bepalen waarna/waarin je wilt zoeken (het web, afbeeldingen, nieuws, etc.) zou verplaatsen naar de onderkant van de pagina, dan zou het voor beginners veel moeilijker te overzien zijn wat de site kan doen. Zo zouden ze zich afvragen waar ze naar afbeeldingen kunnen zoeken als ze al weten dat zoiets kan op google.nl.

Wat ook is gebleken in ‘een onderzoek’ – ja, ik weet het, maar ik kan het niet meer vinden op het internet, het is nog niet zo simpel! – van een bedrijf was dat toen men de meest gekochte producten op de hoofdpagina plaatsten, dat deze beter verkochten. Het bedrijf liep gewoon beter. Nou heeft dit niet veel met simplicity te maken, maar het heeft allicht de pad naar het doel van de klant minder complex gemaakt.

Design

Maar ik denk dat het design van een website ook een grote invloed heeft op hoe makkelijk de bezoeker denkt dat het eruit ziet. Als iets er heel netjes uitziet en het klopt met de inhoud van de site dan ziet het eruit alsof de designer/developer er tijd aan heeft besteed, dan moet het er ook meer aandacht zijn voor het gemak. Natuurlijk moeten niet alle websites er tiptop uitzien, websites die prijsvechters zijn moeten er ook iets goedkoper uitzien, anders geloven de klanten het niet.

Meteen duidelijk, tab “Two” is geselecteerd.

Maar dit is eigenlijk niet wat ik wilde melden, ik wil graag melden dat het design een groot verschil maakt in de zin van dingen highlighten die belangrijk zijn. Zo weet je in je browser dat als je op een pagina zit en je alleen naar de vorige pagina kan gaan, dat je niet naar de volgende pagina kan gaan doordat de ‘volgende pagina knop’ niet vol van kleur is, iets vager, het ziet er onklikbaar uit. Een normale gebruiker weet hierdoor dat hij niet een pagina naar voren kan gaan. Op een website kun je een soortgelijkig effect/reactie bij gebruikers creëren met tabs.

Eenvoud ‘faken’

Maar wat geniaal is, is een website die simpel te doorgronden laten lijken ondanks het feit dat er ontzettend veel informatie op staat. Zo denk ik dat apple.nl en tweakers.net een goede voorbeelden zijn van zo’n website met heel veel informatie zonder dat het ervoor zorgt dat de inhoud moeilijk te vinden is.

Dit komt waarschijnlijk omdat ze bij apple.nl goed doorhebben wat de conventies zijn, de kaders waarin ze hun website opzetten. Het is moeilijk om deze te vinden en/of vast te leggen, maar ze hebben bij Apple al decennia lang ervaring met het ontwerpen van producten die toegankelijk zijn, maar toch uitdagend. Dit is wat apple.nl onderscheidt van veel andere websites. Ze hebben het goed door.

Geniaal.

Het is moeilijk een mooi design voor jezelf te maken, voor je eigen hachje. Want het design bepaalt immers een groot deel van hoe de bezoeker tegen je aan kijkt, hoe jij tegen mij aankijkt. Ik wil in de nabije toekomst weer gaan bloggen en ‘dingen’ publiceren waar iedereen hopelijk een beetje wijzer van wordt in het Nederlands.

* Het design is nu nog in de beta beta fase!