Webdesign: do's en don'ts
22 december 2011 - 19:17   
geplaatst door: sundance
Beste Maccers,

Al enige tijd ben ik van plan om me als zzp/life-coach op de markt te zetten. (Ik werk nu nog als hrm-adviseur in loondienst).
Een eigen website is dan een een van mijn voornemens. Ik houd van de minimalistische Apple stijl (hoewel apple.nl niet zo heel erg minimalistisch is in vergelijking met bv fannyalofs.com)
De webdesigner daarvan is liluc design (http://liluc.com/in.html#/webdesign). Hun stijl spreekt me erg aan, maar ik heb het idee dat ze met erg veel flash effecten werken en ik heb ooit gelezen dat dat ongunstig is voor laden van de website en de google ranking.
Wat ik me ook af vraag of mensen liever informatie tot zich nemen door steeds maar naar beneden te scrollen (http://www.trytone.org/) of liever een intro hebben met een 'lees verder'-link (vb. lifehacking.nl/). Er zal vast wel onderzoek naar leesgedrag en voorkeuren zijn gedaan
 :reading:
Groeten, sundance

Webdesign: do's en don'ts
22 december 2011 - 19:28    reactie #1
geplaatst door: MacWim
Flash raakt steeds meer in onbruik. Niet zozeer omdat het langzaam laadt, maar omdat steeds meer browsers het niet meer zullen weergeven. Niet meer aan beginnen.

Scrollen is helemaal niet erg. Sterker nog: het is een trendje om juist weer lange pages te maken.
Het blijft anders de keuze voor òf scrollen òf veel klikken.

Verder zijn er qua vormgeving niet zoveel don'ts. Nou ja, je wilt professioneel zijn, waarschijnlijk, dus geen getut.
Als je goed gevonden wilt worden, is zo ongeveer de saaiste, kaalste site de beste.
Maar als je 'goed' gevonden wilt worden, kan een fraaie vormgeving wel wat uitmaken.

En buiten de orde: als je nog de keuze hebt om in loondienst te blijven of te kiezen voor lifecoach voor eigen rekening en risico, zou ik zeker niet voor het laatste gaan. Het sterft van de werkzoekende coaches. Waar nog wel brood is zit, is het ondersteunen van coaches die behulpzaam zijn voor trainers voor lifecoaches - zoiets.

Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 13 mini | iPad 2025 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Webdesign: do's en don'ts
22 december 2011 - 23:35    reactie #2
geplaatst door: Shmoo

geblokkeerd

Voor het gebruik van Flash hoef je niet lang na te denken niet doen en vooral niet meer nodig.

2 jaar geleden kreeg elke webdesigner de standaard vraag bij een offerte: "kunt u een website maken zonder Flash"

Op vandaag zijn we die stap al voorbij en wordt er gewoon standaard vanuit gegaan dat je geen Flash meer gebruikt. De vraag op vandaag is: "Kunt u een website maken die responsive is aan mobile devices"

Voorbeeld.
Writer.com/
Schaal je Safari browser maar eens kleiner als je de bovengenoemde website bezoekt. Dat is een trend waar de webdesign wereld heel actief mee bezig is op vandaag, geen horizontaal scrollen meer op je iPhone of iPad maar alles netjes aangepast op het formaat van het device dat je in handen hebt, of dit nu in Portret view of in Landscape view is.

Dit is overigens gewoon één en dezelfde website en dit wordt gewoon gedaan door wat extra CSS toe te voegen (opmaak taal) , elke webdesigner zou dit moeten kunnen.
Sterker nog je heb veel meer controle over wat je wel toont en wat je niet toont  op welk formaat. Voorbeeld, je hebt een achtergrond afb. voor je desktop versie van de website van 300kb die redelijk groot is voor een mooie weergave. 300kb is natuurlijk niets voor een iMac die verbonden is met het thuisnetwerk van Ziggo of welke provider dan ook. Maar waarom zou je diezelfde 300kb ook willen inladen als iemand met een iPhone je website bezoekt, meestal is deze persoon dan onderweg en miss. heeft hij-/zij een veel langzamere verbinding.


Scrollen omlaag is geen probleem zolang het de moeite waard is om voor te scrollen.
De zogenaamde 'One Page' websites kom je redelijk vaak tegen met alle 'pagina's en informatie' onder elkaar op één homepage.

Voorbeeld.
Ben the Bodyguard
Om op deze pagina 3km omlaag te scrollen zal niemand een probleem hebben omdat het netjes er overzichtelijk is.
En om het nog leuker en mooier te maken klik maar eens helemaal onderaan op:
Want to take a walk with Ben on The Mean Streets? Go here »

Stukje vakmanschap van begin tot einde.

Natuurlijk hoeft het niet altijd met zoveel poespas als hierboven te zijn maar het kan ook redelijk normaal met een leuk effect in de achtergrond zodat je goed ziet dat je van pagina wisselt.
http://www.izup.com.br/z12/#!/home (de sneeuw zit er normaal niet bij)

Al vraag ik me af waarom deze website zoveel Awards of Nominaties heeft gekregen want alle code achter deze website is gewoon een gratis en standaard scriptje, dit kan iedereen natuurlijk.


Al met al..
Zorg dat je goede content hebt en dat je site er netjes en professioneel uitziet, zorg dat je zichtbaar en actief bent binnen je sector daar waar je geld moet verdienen en richt je niet direct op gevonden worden binnen Google. Natuurlijk op je naam en adres moet je wel zo snel mogelijk gevonden worden maar dat is relatief eenvoudig te optimaliseren.

Dit wil natuurlijk niet zeggen dat je site niet optimaal moet werken. Alle content die je schrijft moet gewoon goed zijn, volgens de richtlijnen. Je website moet snel laden en de code erachter dient gewoon netjes in opmaak te zijn.

Mocht je dan klaar zijn dan haal je zo nu en dan je site eens door deze test heen en als je boven de 6.0 scored doe je het erg goed voor een beginner.
http://nibbler.silktide.com/

Webdesign: do's en don'ts
23 december 2011 - 12:25    reactie #3
geplaatst door: sundance
Heren, hartelijk bedankt voor de uitgebreide reacties.
:shakehands:   :worship:

De hedendaagse eisen door het toenemende gebruik van smartphones en tablets vind ik heel verhelderend en actueel.
Met deze inzichten ga ik de komende tijd experimenteren.

Groeten, Sundance

(Bewerkt door sundance om 12:29, 23-12-2011)

Webdesign: do's en don'ts
23 december 2011 - 13:33    reactie #4
geplaatst door: Sypie
Niet doen: Zoals op de website die je aanhaalde (fannyalofs.com). Daar wordt namelijk geheel onverwacht, en niet uit te zetten, geluid gebruikt. Er is niets zo irritant als geluid van een website. Tenzij ik zelf op een afspeelknopje klik.
Webdesign: do's en don'ts
23 december 2011 - 13:38    reactie #5
geplaatst door: Robert
+1 voor Sypie. Staat waarschijnlijk nummer 1 op veel lijstjes van grootste ergernissen van het web...
Klik hier voor informatie over het onder de aandacht brengen van producten of diensten op MacFreak.
Webdesign: do's en don'ts
23 december 2011 - 21:10    reactie #6
geplaatst door: sundance
Ben het met jullie eens over de ergernis over melodietjes op homepages.

Interessant om te ontdekken hoe Nibbler verschillende websites beoordeelt.
De meeste die in dit draadje zijn genoemd, scoren niet best.
Apple.com.nl scoort tot nog toe het best ;-)
Macfreak.nl scoort trouwens erg laag  :music:


Webdesign: do's en don'ts
23 december 2011 - 23:09    reactie #7
geplaatst door: Shmoo

geblokkeerd

Klopt helemaal!

Dit is een algemene tool gemaakt voor een breed publiek. Dus moet je hem ook met een knipoog benaderen en de dingen eruit filteren die niet van toepassing zijn. Bij betaalde versies van dit soort tools kun je aangepaste rapporten maken die veel beter aansluiten op de desbetreffende website.

Niet elke website moet het bijv. hebben van Social Media en Marketing, maar deze twee hebben wel veel invloed op de score van het standaard rapport dat je nu krijgt daarom zeg ik ook als je een 6 scored doe je het al goed als beginner, maar geloof me met een beetje aandacht te geven aan de content die je toevoegt score je makkelijk richting een 8.0.


Dat MacFreak het niet goed doet in dit soort testen dat zal niemand verbazen.. MacFreak zag er 3 tot 5 jaar geleden precies het zelfde uit als dat het nu doet en staat dus zeg maar op de auto piloot van content toevoegen , content toevoegen en content toevoegen.

Daar is niets mis mee als de eigenaren daar happy mee zijn maar het is wel de reden waarom hun website nu minder actief is dan vroeger en dat terwijl Apple producten over de toonbank gaan als warme broodjes dus is er ook veel meer aandacht online voor Mac's, iPhone's, iPod's en iPad's en daar springen nieuwe websites natuurlijk heel eenvoudig op in met kant en klare websites die out-of-the-box veel meer kunnen dan MacFreak nu kan. Voorbeeld is iPhoneclub.nl in vergelijking tot MacFreak qua leeftijd is die website natuurlijk het kleine neefje maar als je gaat kijken naar de content en kwaliteit van beide websites staan ze vrij wel gelijk.

Webdesign: do's en don'ts
24 december 2011 - 00:34    reactie #8
geplaatst door: Fix
Een hele mooie trend vind ik de 'one page' designs.
Een website bestaat in dat geval in principe maar uit één pagina,
Hoe je naar de verschillende artikelen gaat wordt dan supercreatief uitgebuit,
waar verticaal scrollen af en toe zelfs weer geaccepteerd wordt.
Paar voorbeelden:

http://www.Vudel.nl
http://logotime.com
http://bfeely.com/
http://riot.fm/
http://thedriftbar.co.uk/
http://thisismarcela.com
http://www.designbeast.ca/