dot.gif (112 bytes) home opennet pmc

dot.gif (112 bytes) zoeken

Frontpage

dot.gif (112 bytes) Inleiding
dot.gif (112 bytes) Ontwerp
dot.gif (112 bytes) Web bouwen
dot.gif (112 bytes) FAQ

dot.gif (112 bytes) leestips

Internet
Web graphics
website algemeen

zoeken

Peter Kentie    (wordt nog aan gewerkt...)

Voordracht Peter Kentie op 29-11-1999

Webdesign

boek: Webdesign in de praktijk 4e druk, komt binnenkort uit.

voorbeeld zoekmachine: alltheweb.com (haalt 10% websites met zoeken)

uitspraak Robert Hayes:

15 years ago compagnies competed on price, today it's quality, tommorrow it's design.

hekel: powerpoint

liever: KPTQuickShow (KPT= Kai’s Power Tools, zie www.metacreations.com )

website moet zijn:

  • helder
  • overzichtelijk
  • bepaal je doelgroep

5 stappenplan voor commerciële websites

  • bepaal de zakelijke doelstellingen van de site
  • onderzoek de gebruikers, onderzoek de concurrent
  • ontwikkel een complete “webexperience”
  • evalueer de ontwerpen
  • volg de gebruiker tijdens de lifecycle van de site

Als je samen met je klant een website ontwikkelt, stel deze klant dan vragen aan de hand van een voorbeeldpagina. Stel dan bijvoorbeeld de vraag:

Mag het progressiever of moet het wat conservatiever?

tip: Helft van je bezoekers verlies je per klik! Niet te diep nesten van pagina’s.

tip: Ontwikkel je website analoog aan je product life cycle, onderken bijvoorbeeld:

  • market research
  • product marketing
  • after sales marketing

voorbeeld:

  • pre-concept: de Beetle website was er al voordat de auto ontwikkeld werd. Er was een interactie met (toekomstige?) gebruikers over het concept van de auto.
  • turbonium: dit is een website waar de huidige Beetles op beschreven staat.
  • after-sales: hierop kun je accessoires kopen/bekijken, of een package-deal bekijken.

Homepage Philips

Philips heeft per maand 1,1 miljoen bezoekers (unique visitors/ pageviews)

N.B. het aantal hits tellen is geen goede graadmeter voor de populariteit van een website.

Er is een verschil met: er zijn x bezoekers geweest en

er zijn x werkelijke bezoekers op mijn website geweest.

tip: Gebruik je plaatjes, gebruik dan Photoshop, en bouw je plaatje in lagen op.

Onderzoek bij Philips:

Waar plaats je een zoek-button?

Dit is uitgezocht en getest door een bedrijf in Amerika, ACSI.

Bij dit bureau werken doorsnee mensen, die een aantal webpagina’s krijgen voorgeschoteld met de vraag: Waar staat de zoek-button het beste?

Dit wordt on-line getest.

Je ontwerp en de keuzes die je maakt worden steeds beter.

Ideale navigatie

Let in je user-interface op de volgende zaken, is voor de gebruiker duidelijkheid over:

  • waar ben ik?
  • waar kan ik heen?
  • hoe kom ik daar? (waar ik heen wil)
  • hoe keer ik terug? (start, home)

Technieken

Peter Kentie gebruikt de volgende technieken:

  • tabbladen, voorbeeld: drugstore.com. Als extra krijg je ook nog een uitleg over de inhoud als je met de muis over de tabbladen heen gaat.
    ander voorbeeld: fastv.com (programmagids met filmpjes) of beringer.com (wijnhandel)
  • links links, vaste plek voor je menu, voorbeeld: dailynews.com, waarbij de informatie in het midden staat en de hyperlinks aan de linkerkant, eventueel uitklapbaar gemaakt.
  • sitemap, voorbeeld randomnoise.com. Een sitemap is heel belangrijk. Bezoekers kunnen de hierarchie van de website bekijken. Gebruik een clickable map. Denk na over te gebruiken namen, deze moeten compact maar toch duidelijk zijn.
  • crumb-trail, voorbeeld is de Philips website. Gebruik kruimeltjes om de weg terug te vinden. Als je dieper gaat in de website, toon steeds het vorige niveau. Dit zie je ook veel in database-sites.

Pas op, er is een verschil tussen een statische website (informatie langer dan een maand oud) en een dynamische website (website is nooit af).

Bepaal wat jouw website voor een website is!

Marketing

Er bestaat al een systeem waarbij een webcam verbonden is met een motion control. Als de baby beweegt, wordt er een e-mail of SMS-bericht verstuurd.
Als de telefoon verkocht is, aanvullende diensten gebruiken om meer geld binnen te krijgen.


De 3 R’s van goed webdesign

  • Reliability (betrouwbaarheid, geen dode links)
  • Readability (pas op voor veel te kleine letters, gebruik Verdana of Trebuchet)
  • Rapidity (snelheid)

De 3 R’s van goede webmarketing

  • Relationship (bezoeker moet naar jouw site toe; merk op doos, website; muziek)
  • Reputation
  • ‘Ruil’  (het surfen moet wat opleveren voor de surfer)

Bouw website

Verschil scherm en bladzijde uit boek:

Er staat 25% minder op het scherm. Lezers scannen de tekst.

Beeldentaal moet in lijn zijn met de rest van de bedrijfscommunicatiemiddelen.

Duidelijkheid over

  • zetten van een cookie of niet
  • wat te doen met invulformulieren

Wat is het voordeel van het afgeven van je e-mailadres?

Trend is een tweede e-mailadres bij Hotmail

Permissionmarketing: bezoeker krijgt iets van de fabrikant (bijvoorbeeld: Pathé laat een bioscoopfilm zien zónder reclame, is wel duurder)

Domeinnaam is belangrijk.

Wallstreet.com is verkocht voor 1 miljoen. Dit kan nu niet meer.

Trend is dat er algemene namen als domeinnaam gaan ontstaan, waar niemand rechten op kan krijgen. (www.voetballen.nl)

Zoeken

Gebruik Metatags met mate en heel secuur. Gebruik bijvoorbeeld geen naam van een concurrent, Playboy heeft in een vergelijkbaar geval de zaak voor de rechtbank gewonnen.

tip:

Bij Altavista kun je zoeken naar het aantal pagina’s dat naar jouw site wijst.

Tik daarvoor in:

link:url

(Ik heb het nog niet draaiend gekregen)

Bij Altavista is bijvoorbeeld een vertaling mogelijk.

Wap’s next?

WAP = Wireless Application Protocol

Met WAP krijg je het Internet op een mobiel product, zoals de GSM of een Palmpilot.

Je hebt bij een GSM 90 bij 90 pixels tot je beschikking. Als tekst kun je alleen maar normaal, vet, cursief en een kleine tabel gebruiken. Je hebt wel scrolltoetsen. Je tekst moet dus nog compacter geschreven worden, en het medium is nog dynamischer!

Profiel GSM-telefoonbezitter: is merkontrouw. Als er iets hip is, dan wordt dat meteen gekocht.

KPN heeft al diensten klaar voor WAP. Je kunt spelletjes doen, concertkaartjes kopen

De Palmpilot is heel snel geaccepteerd door het publiek.

Internetadressen:

www.phone.com

www.wapdesign.com (is te koop)

www.wapdesign.nl (deze wilde Peter Kentie zelf aanvragen)

Webtv

In Amerika is Webtv wel populair omdat ze daar geen Teletekst hebben.

Philips heeft een aparte versie voor de Webtv gemaakt, omdat het op een televisie getoond moet worden. De achtergrond is bijvoorbeeld donkerder gemaakt.

Streven is om van de kijker een Mouse Potato (vergelijk de term Couch Potato) te maken. Het is al mogelijk om in een magnetron Webtv te laten zien. Ook is er een protocol JINI (van SUN) waarmee huishoudelijke apparaten via het Internet aangestuurd kunnen worden.

Web Road Map

1.                  Product catalog

2.                  Destination (vasthouden)

3.                  Communication (life cycle)

4.                  Product/service combinations

5.                  Home Gateway (server in de meterkast, je kunt de koffie bij vertrek van kantoor alvast aanzetten)

6.                  “real” communications

Every page within our site is part of our brand

Webdesign bij Philips

Bij Philips is de smile ontworpen, dit is de gebogen lijn op alle beeldmerken. Alleen de breedte verschilt.

Op elke pagina vind je 3 vaste navigatie-onderdelen:

  • search
  • talkbutton
  • philips home

Er was bij Philips sprake van historische wetmatigheden. Van vroeger uit werden de batterijen bij het licht ingedeeld. Voor de huidige gebruiker is dit niet logisch.

Zelfs een nieuw product: Bright Light (een UV-lamp voor donkere dagen) is niet bij het licht ingedeeld, maar bij de huishoudelijke apparaten.

Een website bouwen vergt een herinrichting van de categorieën producten.

Investor-relations

Als mensen aandelen willen kopen, dan kijken mensen naar de websites, waar de koersen live verbonden zijn met de beurs. Ze kijken dan naar de hoogte van het aandeel. 

Hoofdpagina website Philips

Philips “verkoopt” op de hoofdpagina een deel van het scherm aan dochters van Philips, die dan reclame mogen maken, of een nieuwtje mogen vermelden.

Vandaag bijvoorbeeld iets over TIVO, morgen iets over de opening van Semi-conductors in Nijmegen. De bezoekersaantal van TIVO stijgt daardoor naar 30-35%.

Ontwerpen van een site

Het is voor de ontwerper moeilijk om duidelijk te maken aan de opdrachtgever dat het voorbeeld nog niet de definitieve vormgeving is, dat het waarschijnlijk nog gaat veranderen.

Philips gebruikt ook nog quicktime en avi-formaten.

Kwaliteit website

Hoe weet je of je website goed is?

Het bedrijf BD.Dowjones.com heeft de Fortune 1000 websites beoordeeld op de volgende onderdelen:

  • content
  • speed
  • navigation
  • design

Philips zat op deze ranglijst tussen de 35 en 40. IBM en Dell zitten véél hoger.

Van Dell is bijvoorbeeld bekend dat de gebruiker gemiddeld 11 keer terug gaat voordat de koper écht iets besteld.

tip: Hou rekening met culturele verschillen!

In China is blauw de kleur van de dood, geel en rood zijn daar kleuren van succes en voorspoed.

In Spanje is de tekst 25% groter dan een vergelijkbare tekst in het Engels.

Onderzoek in Engeland:

Who do you feel to be honest and fair?

64%    je dokter

39%    Philips

35%    Sony

33%    de kerk

31%    Danone

29%    Coca Cola

27%    MacDonalds

10%    huidige regering

6%     multinational

Dit gaat allemaal over vertrouwen.


Reversed marketing

Wat nu veel opkomt is reversed marketing. Dit is een virtuele inkoopcombinatie. Hoe meer kopers hoe lager de prijzen bedongen kunnen worden bij de fabrieken/ leveranciers. Het vertrouwen speelt hier een hele grote rol. Wordt mijn product wel verstuurd nadat ik het besteld heb?

 

Internetadressen

powershopping.de

powershopping.com

nokdown.nl

mercata.com

letsbuyit.com

letsbuyit.de

buy.com

buyphilips.com

buymicrosoft.com

Reversed Marketing is een groot gevaar voor de bestaande business.

 

Voorbeeld design/gebruiker

Kijk op www.semiconductors.philips.com .

Hierop surfen engineers gemiddeld 2 uur per dag. Ze hebben dan snel informatie nodig. Dat is bewerkstelligd door uitklappende menu’s te ontwerpen. Hierdoor konden de engineers sneller zien wat er onder een bepaald menu-item te vinden was. Het dataverkeer steeg met 30%! De informatie voor de uitklappende menu’s kwam uit databases.

Lifecycle van de website voor autoradio’s duurt 3 à 4 maanden.

Phillips gebruikt e-news om de gebruiker te binden aan de website.

Belangrijk formaat = PDF.

Onderzoek over het gebruik van de semiconductors-website wees het volgende uit:

  • gemiddeld 10.000 unique visitors
  • er worden 20.000 PDF-bestanden (de folders) gedownload
  • bezoekers blijven 28 minuten op de site
  • eNews heeft 7700 active subscribers
  • intranet wordt als kennis- en informatiebron gebruikt

N.B. Engineers zijn de early adapters, zij zullen bijvoorbeeld ook WAP als eerste gaan gebruiken.

Intranet Philips

Voor het ontwerp van het intranet (pww.philips.com) is gebruik gemaakt van de volgende schermopbouw:

 

 

 

 

 

 

 

 

Het is bewezen, dat deze schermopbouw (in de westerse wereld) zeer voldoet. In de header is plaats voor het knopje voor een quicksearch. Ook wordt gebruik gemaakt van pulldownmenu’s.

Content intranet Philips

De rules en tools van en over deze website is er te vinden. Hoe de gebruikers er zelf mee kunnen omgaan, hoe ze zelf informatie kunnen maken en toevoegen.

Alle projecten staan er op.

Omdat Philips ISO gecertificeerd is, komt het voor dat er altijd wel ergens een deel informatie is dat in een bepaalde ontwerpfase zit. Dat is lastig met het bouwen van een website.

Er zijn 120.000 intranetters bij Philips.

Tips

Ga open om met je informatie.

Bepaal bij elke pagina, wie verantwoordelijk is voor die pagina.

Er kwam een tijdschrift dat liet zien hoe het ombouwen naar een nieuwe huisstijl in z’n werk gaat, en hoe het uiteindelijk gaat worden.

Hierarchie informatie

Op het intranet van Philips bleek de meeste behoefte te zijn aan de onderstaande informatie, ze kwamen dus ‘hoog in de boom’ terecht.

  • handleiding over het schrijven voor het intranet
  • informatie over carrière maken
  • banners

Bij de semiconductorssite krijg je afhankelijk of je van binnen of van buiten de website bezoekt andere informatie op je scherm. Dit kan omdat de informatie uit een database komt.

Vormgeving was een dwangmiddel om van meerdere webistes over een bepaald onderwerp er maar één te maken. Dat verwacht de gebruiker ook. Hij verwacht niet voor een technische handleiding van een bepaald product naar een hele andere site (met wellicht een andere vormgeving) te moeten surfen.

 


dot.gif (112 bytes) bijgewerkt 11 februari 2000 16:25  reactie?
                       
Patricia Coors werk of privé