Xboxworld Redesign. Lars Hoekstra. NHL Leeuwarden CMD Vakdocent : Wouter Buning Mentor: Hendrik Tillema 1

Maat: px
Weergave met pagina beginnen:

Download "Xboxworld Redesign. Lars Hoekstra. NHL Leeuwarden CMD Vakdocent : Wouter Buning Mentor: Hendrik Tillema 1"

Transcriptie

1 Xboxworld V4 Redesign NHL Leeuwarden CMD Vakdocent : Wouter Buning Mentor: Hendrik Tillema 1

2 Xboxworld V4 Redesign 2

3 Samenvatting Een gemiddelde gamingwebsite bevat de volgende content: Video s De mogelijkheid om te zoeken Nieuws Reviews Games (alle platformen) Socialmedia (het delen van) Log-in/Register Het forum Bij deze content zijn er vaak enkele factoren die de website uniek maakt, dit zijn factoren zoals unieke video-content. Daarnaast maken gamingwebsites gebruik van de sociale kanalen doormiddel van het gebruiken van deze als RSS-feed. De gebruiker kijkt zeer actief op Xboxworld, daarbij kijkt de gebruiker in de meeste gevallen meerdere keren per dag op Xboxworld. Wel is duidelijk dat op het gebied van het bekijken van activiteiten er grote verschillen zijn tussen de gebruikers. Er is hierbij een grote splitsing tussen de frontpage 1 en het forum. Daarbij komt kijken dat een kleine groep alle activiteiten op de website doet. Gebruikers vinden het cijfer systeem wel prima, echter zouden ze een cijfer duidelijker vinden. Van de gebruikers kan ongeveer de helft het forum niet goed vinden vanaf de frontpage. Gebruikers willen graag nieuwe content op Xboxworld waarbij het voornamelijk gaat om video content. Daarnaast vinden gebruikers het huidige uiterlijk van Xboxworld erg oud. Xboxworld levert momenteel zijn content erg laat aan, dit zou sneller kunnen door middel van de nieuwe manier waarop spellen verspreid worden. Daarbij komt dat de Xbox meer de casual kant uit gaat waar ook winst valt te halen, door recensies te schrijven over spellen die voor die doelgroep zijn. Op basis van het onderzoek is het volgende concept bedacht: Een nieuw design waarin het metro 2 toegepast wordt en waarbij de doelgroep betrokken moet worden. Metro is de nieuwe design filosofie van Microsoft waarbij de vormgeving vormgegeven wordt door middel van typografie en content. Het doel hiervan is het samenvoegen van de frontpage met het forum, zodat het een groot geheel wordt in plaats van twee losstaande onderdelen. Nadat het concept was vastgesteld, is er een visie gemaakt voor het design: De visie is het ontwikkelen van een website die zowel Metro is als Xboxworld. De kern elementen die Xboxworld maakt wat het is, vertalen naar Metro. Daarbij een eigen invulling geven op wat Metro is op het internet. Een gebruiksvriendelijke website, die duidelijk is voor de gebruiker. 1 Frontpage: Voorpagina, startpagina van de website 2 Metro: nieuwe designtaal van Microsoft, meer informatie over Metro in hoofdstuk

4 Inhoud Samenvatting Inleiding Probleemstellingen Hoofdvraag Deelvragen Doelstelling Deeldoelstelling... 8 Onderzoek Inleiding Werkwijze Concurrentie analyse Onderzoek lijst Gebruikers analyse SWOT analyse Resultaten Concurrentie analyse Gebruikers analyse Activiteiten Stellingen Eigenschappen SWOT analyse Conclusies Conclusie hoofdvraag Conclusie deelvragen Concepting Inleiding Ontwikkeling Inhoud Functioneel Grafisch Hoe, wat en waarom

5 7.5 Het concept Design Inleiding Inspiratie Metro Visie Usabilty Inspiratie Responsive Design Inspiratie Xbox Inspiratie Results Functioneel Grafisch Typografie Responsive Logo Thema s Afronding Visie Aanvullend Termen Bibliografie Bijlagen Enquete Vragenlijst SWOT analyse Organisatie schets Sterke eigenschappen Zwakke eigenschappen Kansen Risico s Confrontatie matrix

6 Groeiveld Verdedigveld: Verbeterveld: Probleemveld: Metro Gebaseerd waarop? Wat moet het zijn Rapid Prototyping Assess needs Werkwijze Testomgeving

7 1. Inleiding De afgelopen 5 maanden is er druk gewerkt aan een re-design van Xboxworld.nl. Alle bevindingen, concepten en de uiteindelijke ontwerpen staan in dit document. Xboxworld bestaat al enige tijd en de website is in die jaren nooit veranderd. Een groot deel van de concurrentie is ermee gestopt of heeft een grote update gekregen. Om relevant te blijven, heeft Xboxworld een re-design nodig wat de site terug op de kaart moet zetten. Er is onderzoek gedaan naar de concurrentie en naar de gebruikers van Xboxworld. Op basis hiervan is een beeld gecreëerd van wat een gamingsite moet bevatten om succesvol te zijn. Vanuit het onderzoek is een concept ontwikkeld. Het design van de website is getest doormiddel van de rapid-prototyping onderzoeksmethode. Waarbij mensen schermontwerpen getest hebben van het functioneel-ontwerp 3 van de website. De structuur van dit verslag is ingedeeld in vijf verschillende secties. In de eerste sectie van het verslag bevindt zich het vooronderzoek. Hierin worden alle deelvragen behandeld, waarna er een voorlopige conclusie wordt gegeven op de hoofdvraag. Het onderzoek bestaat uit een selecte steekproef bij de doelgroep van Xboxworld, dat is in dit geval de gemiddelde gebruiker die Xboxworld bezoekt. Hiervoor is een enquête gehouden waarbij 180 resultaten zijn gemeten. De resultaten zullen worden verwerkt in statistieken waardoor er grafieken ontstaan, die de gegevens visueel kunnen weergeven. Voor de concurrentie analyse is er gekeken naar hetgeen de concurrentie biedt en hoe de content door de concurrent wordt aangeboden. Op basis hiervan is een beeld gecreëerd van hetgeen de basis elementen zijn voor een gaming website. De tweede sectie bevat de concepten die ontwikkeld zijn naar het vooronderzoek. Hierin wordt beschreven hoe de concepten zijn ontstaan en op basis waarvan deze zijn ontstaan. Sectie drie bevat het design gedeelte, hierin wordt alles wat betrekking heeft op het design behandeld. In sectie vier wordt de afronding behandeld. De laatste sectie bevat alle aanvullende informatie, zoals: de termenlijst, bijlagen en bibliografie. Naast deze secties zijn er nog vier documenten toegevoegd, die in deze scriptie worden gebruikt. Deze documenten bevatten de concurrentie analyse, gebruikers analyse, grafisch ontwerp en het functioneel ontwerp. In verband met de omvang van deze documenten zijn deze niet toegevoegd in de bijlagen. Wel hebben deze documenten een direct verband met het rapport. 3 Functioneel ontwerp: een document waarin alle functies vermeld staan van een website 7

8 2. Probleemstellingen In dit hoofdstuk worden de hoofd- en deelvragen geformuleerd. Zij vormen de basis voor het onderzoek. Met de antwoorden op deze vragen wordt een concept gemaakt. Er wordt een voorlopig antwoord gegeven op de hoofdvraag, die later definitief zal worden beantwoord. 2.1 Hoofdvraag Wat zijn de kritische succes factoren 4 voor Xboxworld? 2.2 Deelvragen Wat zijn de criteria voor een goed lopende 5 gaming website? Hoe worden games tegenwoordig het meest gerecenseerd? Wat kan de sociale media betekenen voor Xboxworld? Welke suggesties kunnen worden gegeven om de kwaliteit van Xboxworld te optimaliseren? Hoe ervaart de doelgroep Xboxworld? Wat voor content mist de doelgroep op Xboxworld? Wat zijn de activiteiten van de gebruikers? Hoe kijkt de doelgroep tegen recensies aan? 2.3 Doelstelling Binnen 5 maanden een re-design maken voor de website xboxworld.nl Deeldoelstelling Op basis van het onderzoek een nieuwe feature ontwikkelen voor xboxworld.nl Een nieuw uniek concept toepassen op xboxworld.nl Beter gebruik maken van social media 6 voor xboxworld.nl 4 Factoren die essentieel zijn voor het voortbestaan van Xboxworld 5 Een gamingwebsite die dagelijks update en actief is in zijn bestaan 6 Sociale media: een verzamelbegrip voor online platformen waar de gebruikers, zonder of met minimale tussenkomst van een professionele redactie, de inhoud verzorgen. 8

9 Onderzoek 9

10 3. Inleiding In het onderzoek staan verschillende onderzoeken. Het onderzoek bevat een concurrentie analyse, gebruikers analyse en een SWOT analyse. In hoofdstuk 5 wordt beschreven op welke wijze ieder onderdeel is onderzocht. Hoofdstuk 6 bevat de resultaten die naar voren zijn gekomen uit het onderzoek, dit is verwerkt in tekst gecombineerd met grafieken. De conclusies worden vermeld in hoofdstuk 7. 10

11 4. Werkwijze De volgende onderzoeken zijn gehouden: Concurrentie analyse 7 Gebruikers analyse 8 SWOT analyse Concurrentie analyse Voor de concurrentie analyse is er naar verschillende concurrenten van Xboxworld gekeken. Er is gekeken naar Nederlandse gamingsites 10, maar ook naar internationale gamingsites. Er is onderzoek gedaan naar de volgende onderdelen: Features 11 Welke mogelijkheden zijn er op de frontpage van de concurrentie, wat biedt die de gebruiker? Recensies 12 Hoe plaats de concurrent recensies en hoe wordt een spel beoordeeld? Het belangrijkste is de conclusie en wat voor informatie die bevat. Met welk cijfersysteem wordt er gewerkt en zijn er nog meer bijzonderheden in de conclusie? Dit onderdeel bevat alleen schriftelijke recensies, voor videorecensies is een aparte werkwijze. Gamedatabase Bijna elke gamingsite heeft een database met hun spellen erin. Wat voor informatie geeft deze database en wat kan de gebruiker allemaal vinden? Sociale interactie Op welke manier maakt de concurrent gebruik van de sociale kanalen. Er wordt gekeken naar de wijze waarop de concurrent gebruikt maakt van Twitter en Facebook. Al deze onderdelen zijn verwerkt in statistieken. Aan de hand van de statistieken zijn er tabellen gemaakt, die de meest voorkomen features weergeven. Naast de meest voorkomende features, worden de unieke features en mogelijkheden ook vermeld. Aan de hand van al deze gegevens, ontstaat een duidelijk beeld van wat een goedlopende gamingwebsite moet inhouden. Voor deze analyse is er gebruik gemaakt van inhoudsvaliditeit door zich op meer dan één onderdeel te richten Onderzoek lijst Er is eerst onderzoek gedaan naar een uitgebreide lijst met concurrenten. Deze lijst bestaat uit websites van Nederlandse bodem, maar ook een grote groep internationale sites. Al deze sites zijn uniek van elkaar en hebben hun eigen manier van recensies schrijven. 7 Complete concurrentie analyse staat in een los document 8 Complete gebruikers analyse staat in een los document 9 Complete analyse, bijlage: Gamingwebsite: website die zich richt op games 11 Feature: eigenschap, 12 Recensie: een (kritische) bespreking van een videospel.. 11

12 Blisterdthumbs Computer & videogames Eurogamer Gamer.nl Gamespot Gamesradar Gamingunion Giantbomb IGN Insidegamer.nl Joystiq Teamxbox Videogamer Xboxonly.nl 4.2 Gebruikers analyse Voor de gebruikers analyse zijn er ruim 180 resultaten afgenomen. Hierbij zijn de resultaten op de volgende manier verdeeld en verwerkt: Activiteiten: Alle activiteiten die de gebruiker doet op de website. Dit zijn de beginvragen waarin ook gevraagd wordt naar hoelang de gebruiker al op Xboxworld.nl komt. Het resultaat zal in verschillende lijndiagrammen worden weergegeven, die een beeld geven van hetgeen de gebruikers allemaal doen en hoe actief de gebruikers die activiteit doen. De activiteiten worden in procenten uitgedrukt. Stellingen: Alle opgestelde stellingen worden hierin behandeld, deze stellingen worden in staafdiagrammen vertoond. Daarnaast is er ook een tabel aanwezig met de exacte procenten van hoeveel mensen het eens zijn met welk antwoord. De activiteiten zullen in procenten worden uitgedrukt. Open vragen: De open vragen worden gefilterd en samengevat in een staafdiagram, de statistieken worden daarbij in een tabel weergegeven. Er wordt geturfd of er antwoorden overeenkomen. Unieke antwoorden die niet door meerdere mensen gemeld worden, staan aangegeven onder de staafdiagram en worden in de tabel genoteerd als een tagcloud 13. De resultaten worden in nummers uitgedrukt. Voor de enquête is er gebruik gemaakt van de steekproefcalculator 14 waarbij gebruik gemaakt is van een foutmarge van 7% en een betrouwbaarheidsniveau van 95%. 4.3 SWOT analyse Voor de SWOT analyse is er gekeken naar wat Xboxworld allemaal biedt en op welk gebied de website zich kan verbeteren. Daarbij is er gekeken naar de huidige situatie van Xboxworld en is de SWOT analyse gecombineerd met een organisatie schets. 13 Tagcloud: een visuele weergave van inhoudstags die op een website, meestal een weblog, worden gebruikt

13 5. Resultaten 5.1 Concurrentie analyse Een gemiddelde gamingwebsite bevat standaard de volgende content: Videos De mogelijkheid om te zoeken Nieuws Reviews Games (alle platformen) Socialmedia (het delen van) Log-in/Register Het forum Naast deze content zijn er nog de features die de site haar eigen identiteit geeft. Dit zijn voornamelijk onderdelen die gemaakt zijn door de site zelf. Het kan video-content zijn of een column die wekelijks terugkeert. In sommige gevallen kan de gebruiker ook betalen voor de website, hetgeen bepaalde voordelen voor de gebruiker met zich meebrengt. De betaalde gebruiker heeft de beschikking over meer content of eerder recht op content, dan de niet betalende gebruiker. Recensies worden voornamelijk beoordeeld op een 1 op 10 schaal. Om extra duidelijkheid te geven, is er in meerdere gevallen voor gekozen om positieve en slechte eigenschappen van het spel te noteren. Een gemiddelde gamingwebsite zijn database bevat de volgende content: Cijfer Box (cover van het spel) Ontwikkelaar/Publisher Genre Verschijningsdatum Gerelateerde artikelen Video s Afbeeldingen Spel informatie Naast deze content verschilt het per site wat ze nog meer te bieden hebben, dit heeft veelal met de grote van de site te maken. Hoe groter de site, hoe meer informatie de database biedt. Het gebruik van social media is nog beperkt bij de meeste gamingwebsites. Social media wordt voornamelijk gebruikt als veredelde RSS-feed die hun nieuws verspreidt. Er zijn enkele gevallen bekend waar gebruik gemaakt wordt van twitpics 15 of voor wedstrijddoeleinden. 15 Twitpic: een afbeelding die gemaakt is door de eigenaar van een twitter account en die dan geplaatst is in een tweet. 13

14 5.2 Gebruikers analyse De gebruikers analyse bestaat uit 3 verschillende resultaten van de enquête 16 : Activiteiten Stellingen Openvragen Activiteiten De gemiddelde gebruiker maakt 6 jaar gebruik van Xboxworld.nl. Er zijn ook nieuwe gebruikers, maar er zijn ook nog oudere gebruikers die inmiddels al meer dan 10 jaar op Xboxworld.nl zitten. Van deze gebruikers komt meer dan de helft dagelijks op Xboxworld.nl waarbij ze vaker dan 1 keer per dag de site bezoeken. Slechts twee tiende van de gebruikers kijkt minder dan een keer per dag op Xboxworld.nl. 45% 40% 35% 30% 25% 20% 15% 10% 5% 0% Nieuws lezen Reageren op nieuws Reviews lezen Reageren op reviews Previews Lezen Reageren op Previews Forum Lezen Reageren op forum Prijsvragen Grafiek 5.1 Activieiten grafiek, 1 = hoog 5 = laag De activiteiten van de gebruikers verschillen heel erg. Als een gebruiker iets doet, dan doet hij of zij dat ook erg actief. Er is een kleine groep die alles passief doet, al komt het bijna altijd op de twee uitersten uit. Zo leest een grote groep het nieuws actief, echter een iets minder grote groep leest het nieuws helemaal niet. Hetzelfde geldt voor de geschreven artikelen waarbij volgens de statistieken procentueel meer op gereageerd wordt. Het forum wordt ook actief bezocht door een grote groep bezoekers. Hier is ook weer een grote groep aanwezig, die helemaal niks op het forum doet Enquête 14

15 Aan prijsvragen doen wel veel mensen mee, zowel actief als passief. Opvallend aan de cijfers is dat bijna alles twee uitersten heeft. Er een grote groep die actief een bepaalde activiteit doet, maar er is dan ook weer een grote groep die helemaal niets doet. Er blijft dan nog een kleine piek over in het passieve gedeelte. Hetgeen betekent dat veel gebruikers zich voornamelijk richten op een specifiek onderdeel waar ze dan actief op Xboxworld.nl gebruik van maken Stellingen De gebruikers ervaren onze nieuwsberichten als volledig, daarbij vinden ze onze website de beste in Nederland voor informatie m.b.t de Xbox. Daarbij zou meer dan 75% van onze gebruikers ons aanraden aan vrienden voor informatie. Onze artikelen zijn van een goede kwaliteit en bevatten genoeg woorden, maar ook weer niet teveel. Daar staat tegenover dat 25% van de gebruikers vinden, dat wij niet alle belangrijke spellen recenseren. Onze beoordelingswijze wordt gewaardeerd door de helft van de gebruikers al vindt de andere helft het niet een goed systeem. Meer dan de helft is het er over eens dat een cijfer een duidelijker beeld zou geven. Al is niet iedereen het daar mee eens, een compromis zou hier gesloten moeten worden of juist een combinatie. Zelf wil de gebruiker ook graag een cijfer of een waardering geven aan de games. De gebruiker vindt de redactie wel makkelijk te bereiken, al vindt een 10% dit juist niet. Op de frontpage weet de gemiddelde gebruiker alles te vinden wat hij of zij zoekt. Er blijft nog wel een kwart van de gebruikers over, die niet kan vinden wat hij of zij zoekt. Daarnaast vindt de helft van de gebruikers de frontpage mooi ogend, al is 40 procent het daar niet mee eens. Meer dan de helft van de gebruikers vindt dat Xboxworld genoeg artikelen/content aanbieden. Een kwart van de gebruikers mist toch nog wat artikelen. Ook meer dan de helft vindt dat Xboxworld goed up-to-date, echter is hier ruim meer dan een kwart het niet mee eens. Xboxworld zou meer interviews kunnen leveren. Rond de helft van de ondervraagden heeft hier geen belangstelling voor, maar ruim een kwart heeft hier juist wel interesse in. Er is meer animo voor video content, een ruime meerderheid van de gebruikers zou graag video content zien. Iets minder dan een kwart voelt hier niks voor. We zouden ook andere Microsoft platformen kunnen recenseren al vindt 75% van de gebruikers dit geen goed idee. Van alle gebruikers vindt een ruime meerderheid ons professioneel in ons doen en laten. Er is wel een kwart die het hier niet mee eens is, en vindt dat het wel een professioneler kan. De connectie tussen de frontpage en het forum wordt door de helft zowel goed als slecht ervaren. Dit is niet acceptabel aangezien slechts 50% het goed vindt, terwijl de andere helft het forum niet goed kan vinden of zelfs helemaal niet weet te vinden. De gemiddelde gebruiker is erg tevreden over Xboxworld. Bij recensies zijn de meningen erg verdeeld al is er wel een meerderheid die een cijfer duidelijker vindt, maar dit betekent niet dat ze dit ook beter vinden. Niet alle belangrijke games worden gespeeld en dit valt een groep van onze gebruikers ook op. Bij nieuwe content is er voornamelijk vraag naar video. Ook wel enigszins bij andere platformen en interviews al is daar de animo minder groot voor. 15

16 5.2.3 Eigenschappen De gebruikers ervaren het forum als het grootste pluspunt van Xboxworld.nl de community is er goed. Het valt echter valt veel gebruikers op dat er niet een goede verbinding is tussen de frontpage en het forum. Ook worden onze reviews als erg goed ervaren, maar zijn wij vaak laat met onze reviews en dit valt meer mensen op. De gebruiker weet onze eerlijkheid wel te waarderen in onze reviews, die soms verschillen met die van de concurrenten. Daarnaast hecht de gebruiker veel waarde aan ons nieuws, alleen valt het de gebruiker ook op dat wij het nieuws soms te laat plaatsen en dit kan de gebruiker dan weer niet waarderen. Het niet up-to-date zijn, is ook iets waar de gebruiker zich aan ergert en dit heeft ook te maken met de verouderde lay-out van de website. De gebruiker zou graag iets nieuws en fris willen zien, met meer interactie mogelijkheden. Op dit moment is voor deze gebruikers Xboxworld.nl nog iets te inconsistent en willen ze graag een vast iets. Positief Negatief Missen Forum Lay-out Video content Reviews Late reviews Diverse content Community Oud nieuws Userrating Duidelijk Niet up-to-date Updates Nieuws Frontpage connectie Nieuw design Eerlijk Inconsistent Interactie Videocontent is wel een must voor de gebruiker en die wil dit ook graag. Naast video s is er ook vraag naar unieke leuke artikelen, meer verschillende soorten content. De gebruiker wil ook meer interactie o.a. door het geven van een waardering over een spel. Een nieuw design kwam hier ook bij naar voren. Zelf ziet de gebruiker ook graag dat de interactie tussen het forum en de frontpage beter wordt. Dit zou door middel van samenvoegen kunnen gebeuren of meer frontpage content op het forum. (of deze mogelijkheid makkelijker maken) 16

17 5.3 SWOT analyse Sterktes (Strengths) Sterke community Eigen reviews Xbox only Feitelijk nieuws Grote database Unieke items Kansen (Opportunities) Nieuwe console (Xbox) Social media ontwikkelingen Nieuw design (metro) Meerdere platformen (Xbox live) Nieuwe vorm van spellen distributie Zwaktes (Weaknesses) Late reviews Verouderd Weinig social media Frontpage / Forum splitsing Inconsistent Onoverzichtelijke zoekresultaten Risico s (Threats) Xbox wordt casual Meer concurrentie Commercieel wording van de industrie Social media ontwikkelingen Xboxworld moet het hebben van zijn grote community en zijn eigenheid. De gemaakte recensies zijn goed maar vaak aan de late kant. De redactie plaatst alleen maar nieuws en artikelen met betrekking tot de Xbox wat een belangrijk sellingpoint 17 is. Inmiddels is de website al verouderd en hierdoor ziet de site er niet meer aantrekkelijk uit. Al het geplaatste nieuws wat gedaan wordt, bestaat alleen maar uit feiten. De geplaatste content is niet erg consistent waardoor er op vreemde momenten veel content geplaatst wordt. Er worden wel unieke artikelen geplaatst al worden die op willekeurige momenten online gezet. Er is een duidelijke splitsing van de frontpage en het forum, dit komt mede doordat bij beide pagina s apart ingelogd moet worden. Onze zoekmachine geeft weinig uitgebreide opties voor artikelen enzovoort, echter Xboxworld heeft wel een grote database van spellen waarin de gebruiker wel uitgebreide zoekmogelijkheden heeft. Er bestaat een kans dat er dit jaar een nieuwe console aangekondigd wordt door Microsoft. Wat voor extra bezoekers kan zorgen, mits dit goed gerapporteerd wordt. Daarnaast komt met deze ontwikkeling de nieuwe designtaal van Microsoft beter naar voren. De social media kanalen zijn de afgelopen jaren gigantisch gegroeid, hierdoor worden er veel nieuws(links) geplaatst op deze kanalen. Indien hier goed gebruik van gemaakt wordt, kan dit extra bezoekers gaan opleveren. Met de aankondiging van de Kinect is de Xbox de afgelopen jaren zich meer gaan richten op casual gaming, dit is niet de doelgroep van Xboxworld. Naast de Kinect zijn er verschillende nieuwe platformen waar spellen op verschijnen, die betrekking hebben op de Xbox. Daarnaast worden spellen tegenwoordig op verschillende manieren verspreid. Zo wordt een groot gedeelte digitaal verspreid. Er worden tegenwoordig ook veel meer spellen gemaakt, dit komt doordat de industrie veel groter is geworden. Hierdoor wordt het ook veel moeilijker om alle spellen te kunnen recenseren. 17 Sellingpoint: een eigenschap wat de site weet te verkopen aan de gebruiker 17

18 6. Conclusies 6.1 Conclusie hoofdvraag Wat zijn de kritische succes factoren voor Xboxworld. Het design zal aangepast moeten worden naar een meer actueel uiterlijk, de nieuwe metro stijl van Microsoft/Xbox is de richting die Xboxworld nodig heeft. Op gebied van content moet Xboxworld zich meer richten op nieuwe (unieke) content, die op bepaalde tijdsstippen terugkeert. Dit alles moet gecombineerd worden in de nieuwe huisstijl van Xboxworld. Voor recensies is het advies om juist de conclusie bovenaan het artikel te vermelden met het beoordelingscijfer, zodat de lezer zelf kan beslissen of hij/zij door wil lezen. De doelgroep wil ook graag video-content en dit kan in verschillende vormen. Het upgraden van de podcast naar video-podcasts, zodat de doelgroep het doel kan zien van een podcast. Daarnaast is het een mogelijk om video-recensies te maken, dit door middel van een voice-over, die gecombineerd wordt met gameplay 18 -beelden. Het belangrijkste bij dit alles, is dat het consistent is en dat er een zekere regelmaat is. Daarnaast moet er ook meer gebruik worden gemaakt van de sociale media. Hierbij gaat het voornamelijk om Facebook. In de opzet kan dit al passief gebeuren, wanneer Facebook gebruikt wordt als RSS feed. Hieraan zouden prijsvragen gekoppeld kunnen worden. 18 Gameplay: Hoe een gebruiker een computerspel ervaart of de elementen van het spel zelf. Hierbij kan worden gedacht aan de besturing maar ook de controle over het weergegeven visuele standpunt. 18

19 6.2 Conclusie deelvragen Wat zijn de criteria voor een goedlopende gaming website? Er bestaat een duidelijk richtlijn wat een goedlopende gamesite moet bevatten. Deze richtlijn bestaat uit de content die een gamesite moet bevatten om een goede basis te krijgen. De volgende content behoort in deze richtlijnen te worden opgenomen: Video s De mogelijkheid om te zoeken Nieuws Reviews Games (alle platformen) Social media (het delen van) Log-in/Register Het forum Naast deze elementen moet de website ook zijn eigen unieke sellingpoint hebben. Dit kan zijn dat de website zich alleen op een platform richt, maar de nadruk ligt hierbij vaak op eigen unieke (video) content. Hoe worden games tegenwoordig het meest gerecenseerd? Tegenwoordig worden spellen op twee verschillende manieren gerecenseerd. Doormiddel van video, maar ook tekstueel. Beide zijn in essentie hetzelfde alleen kan aan de hand van een video recensie meer duidelijk gemaakt worden. Een recensie moet een duidelijk oordeel geven, dat duidelijk is voor de lezer/kijker. Het oordeel verschilt per site, een grote meerderheid geeft de voorkeur aan het geven van een cijfer met daarbij de goede en slechte eigenschappen van het spel. Daarnaast worden op enkele sites de conclusies bovenaan de pagina gezet, zodat de lezer direct kan zien wat de website van het spel vindt. Een combinatie van een cijfer en tekst zou het beste zijn voor Xboxworld. Het huidige systeem is niet echt duidelijk. Door het huidige systeem te combineren met een cijfer zal het oordeel over een spel ook duidelijker zijn voor de doelgroep. Daarnaast is het handig om het cijfer/oordeel van het spel zo te plaatsen dat de gebruiker het direct kan zien, wanneer hij dat artikel gaat lezen. Voor video-content is er al een goede basis door gameplay beelden te laten zien, die gecombineerd worden met een voice-over. Dit zou voor Xboxworld een goede en goedkope opzet kunnen zijn voor het maken van video-recensies. Wat kunnen de sociale media betekenen voor Xboxworld? Een goede basis is van Twitter en Facebook een RSS feed te maken. Hierdoor wordt de content op verschillende media gepresenteerd. Er bestaan uitbreidingsmogelijkheden van unieke content op die mediums. Dit kunnen prijsvragen zijn of foto s van wat er op de redactie gebeurt. Welke suggesties kunnen gedaan worden om de kwaliteit van Xboxworld te optimaliseren? Op drie verschillende gebieden kunnen suggesties gedaan worden om de kwaliteit van Xboxworld te optimaliseren. Het presenteren van content op verschillende kanalen: 19

20 Door alle nieuwsberichten te plaatsen op de sociale media kanalen bereikt Xboxworld meer mensen en kan het op deze manier ook nieuwe gebruikers genereren. Zich richten op alles wat Xbox is: Xbox is meer dan alleen de Xbox spellen, het wordt meer casual. Door het schrijven van recensies over die type spellen wordt er een nieuwe doelgroep benaderd. Meer up-to-date: Doordat enkele spellen tegenwoordig digitaal verspreid worden, kunnen spellen sneller gerecenseerd worden. Daarnaast is een nieuwe design nodig voor een nieuwe uitstraling waardoor de website er ook actueler uitziet. Microsoft zijn nieuwe design taal (metro) zou een goede richting zijn. Hoe ervaart de doelgroep Xboxworld? De doelgroep ervaart Xboxworld erg positief, vooral het forum en de community zijn erg goed. Wel valt het de doelgroep op dat de website inmiddels al verouderd is. De gebruikers zouden graag een nieuwe website willen. Daarnaast zouden ze graag zien dat recensies een stuk sneller online staan en dat het nieuws meer up-to-date is. Wat voor content mist de doelgroep op Xboxworld? De doelgroep mist nieuwe unieke content, waarbij de nadruk ligt op video-content. Daarnaast is het belangrijk dat er een bepaald ritme in deze content zit, consistentie. Bijvoorbeeld: elke vrijdag een podcast of een vaste column. Wat zijn de activiteiten van de gebruikers? Van alle activiteiten die de gebruikers uitvoeren, zijn ze of erg actief of ze doen helemaal niets. Er is nagenoeg geen middenweg. Een manier om dit te verbeteren zou kunnen zijn, door de scheiding van de frontpage en het forum op te heffen. Door deze scheiding weg te halen, kunnen forum gebruikers makkelijker reageren op frontpage content en kunnen frontpage members makkelijker op het forum komen. Daarnaast moet dit op het forum duidelijker aangegeven worden, aangezien een grote groep van de leden deze connectie niet goed vindt. Deze connectie kan ook verbeterd worden door forum links aan nieuwsberichten, recensies en artikelen toe te voegen. Hoe kijkt de doelgroep tegen recensies aan? De gebruiker vindt de huidige manier redelijk duidelijk. Wel is voor hen niet helemaal duidelijk hoe precies ons puntensysteem in z n werk gaat. De recensies zijn niet te kort en op het gebied van content zijn ze goed. Het probleem ligt hem voornamelijk in de manier waarop een spel beoordeeld wordt. Hiervoor zou een alternatief systeem moeten komen of er zou op een duidelijke manier uitgelegd moeten worden hoe onze rating werkt. Een mogelijkheid zou kunnen zijn het combineren van cijfers met tekst, zodat er naast een cijfer ook tekst gekoppeld wordt aan het cijfer. Hierdoor kan de gebruiker in een oogopslag zien wat voor cijfer het spel krijgt en daarnaast wordt uitgelegd waarom het spel goed of slecht is. Een advies zou ook gegeven kunnen worden, zodat de gebruiker ook weet voor wie het spel bedoeld is. Aangezien sommige spellen goed kunnen zijn, maar alleen maar voor een specifieke doelgroep bedoeld zijn, waardoor mensen die buiten deze doelgroep vallen niet zullen begrijpen waarom dat spel juist zo goed is. 20

21 Concepting 21

22 7. Inleiding Op basis van het antwoord op de hoofdvraag moet een concept worden gemaakt. Hierbij wordt gelet op de volgende eisen: Interactie met de gebruikers De gebruikers willen meer interactie op de website, het kunnen reageren op artikelen of door spellen een cijfer te geven. Videocontent Uit het onderzoek blijkt dat er vanuit de gebruiker veel vraag naar video content is. Wat voor content is voor de gebruiker niet belangrijk, zolang het maar eigen video content is. Forum en frontpage integratie Het forum en de frontpage moeten een groot geheel worden, zodat de gebruiker op een site komt en niet op twee verschillende sites. Metro design Het geheel moet worden vormgegeven in de metro design taal. 22

23 7.1 Ontwikkeling Het ontwikkelen van het concept is in verschillende fases gebeurd. De eerste fase was de fase waarin gekeken is naar wat Xboxworld momenteel te bieden heeft en wat de gebruikers willen. Op basis aarvan zijn enkele ideeën ontstaan. Deze ideeën zijn samengevat in de volgende punten: Video-content Nieuwe (unieke) content Usercontent 19 Interactie Podcasts 20 Recensies Met deze punten is er brainstormsessie gehouden met de opdrachtgever en een medewerker van de website. Tijdens deze sessie zijn alle punten besproken en in de meeste gevallen is er ook al erg specifiek op de content van de ideeën ingegaan. Wat de inhoud zal moeten zijn en op welke manier het zichtbaar gemaakt moet worden. Naar aanleiding van dit gesprek zijn de concepten uitgewerkt in wat het uiteindelijke resultaat moet worden. Videopodcast Een introductie in het podcast genre door de huidige podcasts te versterken met beeldmateriaal waarover gesproken wordt. Naast de introductie in het podcast genre wordt hierin ook interactie aangeboden tussen de gebruikers en de redactie. Door middel van topics op het forum zouden gebruikers kunnen reageren op stellingen, die daarna behandeld zouden worden in de podcast. Opmerkelijke of goede opmerkingen en suggesties van gebruikers zouden dan tijdens deze podcast uitgelicht kunnen worden. Daarnaast wordt hierin gebruik gemaakt van de social media om die topics extra aandacht te schenken. Videocontent Eigen unieke video content voor de website. Reviews, previews, quicklooks 21 en live streams zijn mogelijkheden. De uitvoering kan zowel simplistisch als zeer uitgebreid gedaan worden, waardoor de mogelijkheid voor doorgroeien vergroot wordt. Artikelen Nieuwe vaste content voor Xboxworld, die op een reguliere basis terugkeert. Daarnaast kunnen deze artikelen gecombineerd worden met de podcast en andere video content. Het grootste probleem met de dragers is, dat er weinig samenhang is. Er is wel de mogelijkheid om de vormgeving hetzelfde te doen waardoor het grafisch gezien één geheel wordt. Er ontbreekt echter een overkoepelend iets waardoor het één geheel zou worden. 19 Usercontent: Content gemaakt door de gebruiker Quicklooks: een video van gameplay beelden van een spel met audio commentaar eronder 23

24 Naar aanleiding van een consult zijn de dragers verwerkt in drie onderdelen. De reden hiervoor is dat de content dan makkelijk te vergelijken is met elkaar waardoor er samenhang kan ontstaan of ontdekt kan worden binnen de onderdelen. De drie onderdelen zijn hierna verdeeld in de volgende onderdelen: Video (content) Artikelen Interactie Deze drie onderdelen worden in een driehoek met elkaar vergeleken. Welke onderdelen komen met elkaar overeen of overlappen elkaar? Aan de hand van deze overlappingen ontstaat er een visie, wat de visie weergeeft van dat specifieke onderdeel van het concept. Er worden in totaal drie driehoeken gemaakt, die ingevuld worden met de volgende onderwerpen: Inhoud Wat bevat het onderdeel. Functie Wat is de functie van het onderdeel. Grafisch Hoe gaat het onderdeel eruit zien. 24

25 7.2 Inhoud Video Podcasts (P)reviews Live-streams Artikelen Top 10 Release lijst Previews Interactie Poll Forum highlights Forum intergratie Figuur 7.1 inhoud concept driehoek Visie: Nieuwe content leveren waarbij de doelgroep betrokken raakt. 7.2 Functioneel Video Entertainen Informeren Artikelen Entertainen Informeren Interactie Interactie Figuur 7.2 functie concept driehoek Visie: Het entertainen van de doelgroep, maar de doelgroep daarbij ook te informeren. Daarnaast tijdens dit proces interactie te krijgen met de doelgroep. 25

26 7.3 Grafisch Video Metro Artikel Metro Interactie Metro Figuur 7.3 grafisch concept driehoek Visie: Een nieuw design vormgegeven geïnspireerd door het metro design van Microsoft. 26

27 7.4 Hoe, wat en waarom Elk onderdeel heeft nu zijn eigen visie, op basis daarvan worden alle visies gecombineerd in een grote visie waarbij de hoe, wat en waarom vragen gesteld worden. Het antwoord dat daarop gegeven wordt, is de visie van dit deel van het concept. Wat? Nieuwe content en een nieuw design maken voor Xboxworld waar de doelgroep bij betrokken moet worden. Hoe? Door één groot geheel te creëren, dat bij elkaar aansluit. Waarom? Om de leden meer te betrekken bij de site en van de site één groot geheel te maken. 7.5 Het concept Een nieuw design waarin het metro toegepast wordt, waarbij de doelgroep betrokken moet worden. Doel: Het samenbrengen van de frontpage en het forum, waardoor de leden van beide pagina s samen komen voor interactie. Waardoor leden met een grote groep hun mening kunnen delen en hun mening ook door een grotere groep gehoord wordt. Uitvoering: Het forum in de frontpage verwerken waardoor het niet meer twee losstaande pagina s zijn. Waardoor de community weer een wordt en er hierdoor meer interactie komt. 27

28 Design 28

29 8. Inleiding Voor Xboxworld moest een nieuw design komen. Hierbij moest de identiteit van Xboxworld behouden blijven, maar ook met zijn tijd meegaan. De website heeft in totaal 6 jaar stil gestaan en in de loop van de jaren zijn enkele pogingen gedaan om de website te vernieuwen. Figuur 8.1 Xboxworld huidige versie Visie: De visie is het ontwikkelen van een website die zowel Metro is als Xboxworld. De kern elementen die Xboxworld maken wat het is, vertalen naar Metro. Daarbij moet een eigen invulling gegeven worden aan het Metro op het internet is. Een gebruiksvriendelijke website, die duidelijk is voor de gebruiker. Vanuit het onderzoek zijn er factoren naar voren gekomen waarmee rekening gehouden moet worden. Dit zijn factoren van waaruit het design is ontstaan. Deze factoren bestaan uit oude onderdelen die de identiteit van Xboxworld gemaakt hebben, daarnaast zijn het ook nieuwe onderdelen, die Xboxworld nodig heeft om een stap vooruit te maken. Oude onderdelen: Nieuws centraal De gebruiker kijkt meerdere keren per dag op de website. Hierbij staat het nieuws en het forum centraal. Hier moet ook de focus op komen te liggen in het ontwerp. Releaselijst Uit het onderzoek blijkt dat de gebruikers de releaselijst van Xboxworld prettig vinden. Opvallende kritiek is echter wel dat de lijst wel up-to-date moet zijn. Consistentie De gebruikers willen graag vaste content van Xboxworld, dit wordt geleverd door o.a. elke week een podcast. Dit moet op een specifieke plaats terugkomen in het ontwerp. Dit geldt ook voor onderdelen als game informatie of zoekfuncties. 29

30 Nieuwe onderdelen: Forum integratie Xboxworld is momenteel in twee kampen gesplitst, de frontpage en het forum. Door deze twee te combineren zal de community groter worden en zullen meer mensen op het forum komen en de forum gebruikers meer gebruik kunnen gaan maken van de frontpage. Metro Microsoft is druk bezig met al hun producten de metro look te geven. Xbox is hierbij geen uitzondering en heeft recent een update gekregen waarbij de Xbox ook het metro design kent. Dit moet tot op zekere hoogte ook toegepast worden in de website. Er zijn richtlijnen voor het metro design, dit zijn echter wel de Windows Phone richtlijnen. Gebruikers interactie De gebruiker willen graag cijfers kunnen geven op spellen. Dit moet dan terug komen in het ontwerp. (bij de game-pagina s) Toekomst gericht Het ontwerp moet jaren meekunnen. Hiermee wordt ook bedoeld dat het ontwerp op andere platformen goed bekeken kan worden zoals: mobiele telefoons en tablets. Het uiteindelijk ontwerp zal een combinatie zijn van al deze factoren. Dit zal ervoor zorgen dat Xboxworld een ontwerp krijgt, dat zijn eigen identiteit heeft, maar ook weer mee gaat in de ontwikkeling van de Xbox zelf. Het complete grafisch en functionele ontwerp staan beide in een los document. In deze documenten staat alle informatie omtrent de functionaliteiten van het ontwerp en hoe het grafisch uitgewerkt zou moeten worden. 30

31 8.1 Inspiratie Figuur 8.2 moodboard Xboxworld Voor het design ligt de voornaamste bron van inspiratie bij het Metro design van Microsoft. Hierbij is gekeken naar wat nu precies Metro is en de gedachte die erachter zit. Zodat niet alleen het grafische gedeelte van het Metro design wordt toegepast maar ook de gedachte erachter. Naast Metro is er ook gekeken naar de wijze waarop gebruikers op pagina s kijken en wat van de gemiddelde gebruiker zijn of haar beweegredenen zijn om te kijken. 31

32 8.1.1 Metro Voor de Xbox is de metro look een nieuwe startpunt. Voor Microsoft is dit een onderdeel van het stroomlijnen van al zijn producten. Zodat voor de consument op verschillende platformen alles hetzelfde is. Om Xboxworld actueel te houden en toekomst gericht moet het design van Xboxworld hierbij aansluiten. Om deze reden is er voor gekozen inspiratie op te doen uit de Metro look. Niet alle Metro kenmerken worden echter toegepast, omdat Metro zich momenteel erg richt op telefoons. In de toekomst zal het zich ook richten op Windows 8, zodra die wordt uitgebracht. Dit betekent dat er geen specifieke regels zijn voor het ontwerpen van websites met Metro. Een website die puur uit tiles 22 bestaat zou hierdoor al een Metro design krijgen. Al is Metro veel meer dan alleen wat tile s op een webpagina. Voor Xboxworld is er een eigen interpretatie gemaakt van het Metro design. Deze interpretatie bestaat uit de volgende elementen: Duidelijk / eenvoud De manier waarop de content gepresenteerd wordt, moet eenvoudig zijn maar ook duidelijk. Hierbij is het belangrijk dat de content zich zo eenvoudig mogelijk presenteert en niet meer moet dan wat het is. Tile s Het Metro design staat bekend om zijn tiles, die de content duidelijk presenteert van wat het bevat. Hierbij gaat het erom dat het direct duidelijk is wat de tile biedt. Lucht / Whitespace Er moet ruimte zijn voor lucht, de hoeveelheid content moet duidelijk verdeeld zijn in gedeeltes en hierbij moet de content wel kunnen ademhalen, zodat alles fijn bij elkaar aansluit maar wel ruimte heeft. Content = leven De content is het gene wat gepresenteerd wordt en dit gebeurt door middel van de tiles, daarnaast zorgt de content voor het uiterlijk van de website. Typografie Typografie is een belangrijk onderdeel van Metro, dit heeft te maken met uitlijnen en de groten van het font. Hoe groter het font hoe belangrijk het element. Doormiddel van typografie worden specifieke hiërarchieën gepresenteerd. Hier ontbreekt het onderdeel van bewegingen, omdat dit niet op dezelfde manier terug kan komen in een website als op een telefoon. Daarnaast is er meer beweegvrijheid binnen een website, dan de Metro regels voor de telefoon Visie Metro is een duidelijke design taal. Het doel is om de content dat het moet vormgeven zo duidelijk mogelijk weer te geven. Helaas zijn er weinig richtlijnen voor metro op het gebied van webdesign. Hierdoor wordt het metro gedeelte van het ontwerp een interpretatie van het metro ontwerp. 22 Tile: een vierkant met content 32

33 8.1.2 Usabilty Metro brengt al een groot gedeelte usabilty met zich mee in de manier waarop het content presenteert. Voor informatie op het gebied van usabilty is er gekeken naar het boek: Don t make me think van Steve Krug. Een boek waarin de gedachte van de gebruiker wordt behandeld en ook manieren waarop content wordt gepresenteerd. We lezen pagina s niet, we scannen ze. 23 Centraal stond het scannen van pagina s, hoe gebruikers pagina s bekijken en op wat voor manier een gebruiker dit doet. Een gebruiker let hierbij eerst op elementen die hem eerst opvallen (tekst / afbeeldingen) en gaat daarna pas specifiek bezig met de gedeelten waar de gebruiker interesse in heeft. Uitzonderingen op deze regel zijn specifieke stukken informatie zoals nieuwsberichten. Het ontwerpen van een pagina zou hierbij het ontwerpen van een billboard zijn. Waarbij de pagina zich zo presenteert voor de gebruiker, dat de content makkelijk te scannen is waardoor de gebruiker sneller krijgt wat hij of zij wil. Hierbij staat centraal, geef de gebruiker wat hij wil. Daarna komen de minder interessante onderdelen, die de gebruiker wel bekijkt of leest indien hij of zij dat wil Inspiratie Voor Xboxworld moet de content zo gepresenteerd worden, dat de gebruiker krijgt waar hij of zij op zoek naar is. Hiervoor worden er bij de recensies nu ook de conclusie en het cijfer voor het spel aangeboden. De gebruiker kan op deze manier eerst deze informatie lezen, voordat hij of zij doorgaat naar het lezen van het hele artikel. 23 Steve Krug Don t Make me Think 33

34 8.1.3 Responsive Design Een responsive design is een design dat compatible is met telefoons en tablets. Het idee hier achter is om de website die ontworpen zal worden zo te maken, dat die ook goed functioneert op de verschillende platformen. Het is meer dan alleen dat de website op de andere platforms staat, maar hij moet dus ook goed werken. A website that responds to the device that accesses it and delivers the appropriate output for it uses responsive design. Rather than designing multiple sites for different-sized devices, this approach designs one site but specifies how it should appear on varied devices. 24 Responsive design zorgt ervoor dat de website op elk platform goed werkt en hierbij zijn eigen indeling heeft. Het legt de nadruk op het indelen van de content op de verschillende platforms, dat ervoor zorgt dat de website ontworpen moet worden van een specifiek grid. Het grid zorgt er vervolgens voor dat de content onderverdeeld kan worden. Een responsive design is belangrijk omdat het internet de afgelopen jaren erg gegroeid is. Met name de manier waarop het zich kan presenteren. Mensen internetten niet alleen maar vanaf de pc of laptop, maar ook via tablets en smartphones. Sterker nog, mensen gebruiken internet meer op de smartphone en tablets dan op de pc. Websites moeten hier rekening mee houden, omdat er een grote kans bestaat dat de doelgroep ook gebruik maakt van die platforms. 25 Een grid zorgt ervoor dat het gemaakte design op een specifieke manier uitgelijnd is. Alle koloms / blokken die hiermee gemaakt zijn, zijn hierdoor makkelijk te verkleinen en te verplaatsen. Een bekend grid om mee te werken is het 960 grid 26. Het grid is 960 breed en zorgt er ook direct voor dat de website op gebied van breedte goed compatible is met tablets. Er moet echter rekening gehouden worden met de knoppen, omdat een vinger groter is dan een muiscursor. 27 De resoluties verschillen per platform waar op gewerkt wordt. Voor de telefoon kan een resolutie van 320 px gerekend worden en x aantal pixels hoog. Telefoongebruikers vinden het ook niet erg om te scrollen, omdat dat erg makkelijk op een telefoon gaat. De content is hierbij het belangrijkst Inspiratie Het Metro design sluit perfect aan bij de denkrichting van een responsive design. De tiles waarmee gewerkt wordt, kent een goede vertaling naar een lagere resolutie zonder daarbij zijn boodschap te verliezen. Het werken met een 960 grid zorgt ervoor zorgt, dat het voor de programmeur veel makkelijker wordt om de site te programmeren

35 8.1.4 Xbox Momenteel bestaan er nog weinig echte volwaardige Metro websites. Xbox.com 28 is het beste voorbeeld van een website die gemaakt is met de Metro filosofie. De website gebruikt kenmerken van het Metro design en combineert dit met het web. Daarnaast biedt de website ook enige interactie met de Xbox console. Figuur 8.3 Xbox 360 dashboard Naast de website is er de Xbox zelf die zijn eigen vorm van het Metro design kent. Het dashboard heeft zijn eigen vorm van Metro. Hierbij presenteert het spellen op een specifieke manier Inspiratie Voor inspiratie is hierbij vooral gekeken naar het kleurgebruik en wat de Xbox anders doet met het Metro design. Xbox doet niks vernieuwends met het Metro design, maar giet zijn eigen content in het design. Waardoor extra duidelijk wordt hoe belangrijk de content is bij het design. De content zorgt voor het design

36 8.2 Results Figuur 8.4 Xboxworld nieuw design Het uiteindelijke ontwerp is een adaptatie van het metro design. Het is echter wel echt een adaptatie en niet een traditioneel metro, omdat momenteel metro zich voornamelijk focust op de smartphones en de tablets. Het moeilijkste gedeelte is met name het weglaten van content/grafische elementen zonder dat het gemist wordt. Uiteindelijk is het ontwerp zo minimalistisch grafisch mogelijk ontworpen. Er zijn geen grafische effecten toegevoegd aan het ontwerp met uitzondering van de achtergrond, die een lichte noise & gradiant bevat. De website is uiteindelijk een ontwerp geworden waarvan de content de website vult en ook vorm geeft. De content wordt strak gepresenteerd en is eenvoudig en het design bevat weinig ruis. 36

37 8.5 Ontwikkeling De ontwikkeling van het nieuwe ontwerp is begonnen met het maken van verschillende functionele schetsen. Hierbij moest er een balans zijn tussen content en het zo simpel mogelijk houden. Tijdens dit proces zijn er verschillende schetsen gemaakt waarin de frontpage en de andere pagina s getekend worden. Figuur 8.5 concept tekeningen van functioneel / grafisch ontwerp Tijdens dit proces is er voornamelijk vanuit de metro gedachte gewerkt. Hierbij lag de focus op duidelijkheid voor de gebruiker en de content zo helder mogelijk aanbieden. Daarnaast wordt hierbij zowel functioneel als grafisch gedacht vanuit de bekende tiles waar het metro design o.a. bekend van is. Door het denken vanuit blokken en tiles wordt het functionele gedeelte ook direct al gedeeltelijk grafisch. Het grafisch gedeelte wordt echter voornamelijk ingevuld aan de hand van de content die de website geeft. Op basis van de schetsen is een grafische schets van het ontwerp gemaakt, om alvast een beeld te creëren hoe de website er mogelijk uit zou kunnen komen te zien. Deze schetsen zijn enkel en alleen gemaakt om een visuele indruk te krijgen en ook om alvast de plaatsing van de content te testen. 37

38 8.5.1 Functioneel Naar aanleiding van het uitwerken van het grafisch ontwerp is het functioneel ontwerp gemaakt. Dit is uitgewerkt met behulp van Axure 29, een tool waarmee een functionele ontwerp gemaakt en getest kan worden. De ontwerpen zijn gebaseerd op de grafisch gemaakte schets en de andere ontwerpen die geschetst zijn. Hierbij zijn de schetsen niet een op een uitgewerkt, maar meer als richtlijnen gebruikt. Elk scherm is hierbij uitgewerkt. De bedoeling hiervan is om de frontpage een plek te laten zijn waar alles samen kan komen. Een gebied waarin alle belangrijke content kan komen te staan. Dit is uiteindelijk de highlightbox geworden waarin de laatste reviews / previews en andere content in staan in combinatie met advertenties. Figuur 8.6 functioneel ontwerp van highlights gebied Een ander belangrijk element van de website is dat het consistent en duidelijk moet zijn. Xboxworld kende al een koppeling van nieuwsberichten met games, hiervoor stond bij het nieuwsbericht de gerelateerde game. Hiervoor is er een game informatie sectie ontwikkeld, die bestaat uit tiles met informatie over het spel. Deze tiles vormen samen de gamepagina s. De gebruiker ziet echter alleen de belangrijkste tiles bij het nieuwsbericht. Toen het functioneel ontwerp uitgewerkt was, zijn er testen gemaakt van het ontwerp m.b.v. de rapid prototyping 30 methode. Naar aanleiding van deze testen zijn er enkele wijzigingen in het uiteindelijk ontwerp gemaakt. Waarna nog een test volgde, die echter geen bijzondere resultaten heeft opgeleverd. Op basis van deze resultaten is het ontwerp aangepast. Figuur 8.7 gameinformatie gedeelte functioneel Bijlage: Rapid Prototyping 38

39 8.5.2 Grafisch Het eerste officiële grafisch ontwerp van de website was goed, het ontwerp bevatte de Metro vormgeving. Doordat het Metro gedeelte van het ontwerp erg goed uitgewerkt was, was er een solide basis waar het ontwerp zich verder op kon ontwikkelen. In de loop van het ontwikkelen van het ontwerp zijn er voornamelijk kleine aanpassingen gemaakt, omdat de uitstraling van de website te zakelijk was. De Metro stijl bleef echter overeind staan en is dat in de verdere loop van het traject in de grote lijnen ook gebleven. Tijdens dit traject is er veel feedback gekomen van medewerkers van Xboxworld en enkele leden. Deze mensen konden via een subforum feedback geven op de ontwerpen Typografie Het standaard font voor Metro is het font Segoe UI. Dit font is echter niet gebruikt voor het ontwerp. Voor het font zelf was een solide duidelijk font nodig, dat zich kon aansluiten met de content. Het moest elkaar niet in de weg staan, maar juist aanvullen. Op grond hier is er gekozen voor het font: Freeroad Het font freeroad sluit aan bij de eisen en staat de content niet in de weg. Het zorgt er juist voor dat de content aansluit bij de typografie. Figuur 8.8 frontpage grafisch ontwerp Testomgeving 39

40 8.5.4 Responsive Voor het responsive design ontwerp is er vanuit gegaan, dat er gewerkt wordt met een iphone. Hierbij wordt gerekend met een breedte van 320 pixels. In het ontwerp worden specifieke blokken verplaatst en in sommige gevallen verkleind. Door het verplaatsten en verkleinen van de blokken ziet de site er op de mobiel anders uit. Figuur 8.9 grafisch ontwerp van iphone (responsive) verise van Xboxworld 40

41 8.6 Logo Figuur 8.10 schetsen van nieuwe logo Xboxworld Het nieuwe logo van Xboxworld moest verfrissend zijn, maar ook binnen de stijl van de nieuwe website passen. Het is belangrijk dat het metro design terug komt in het ontwerp van het logo. Het nieuwe ontwerp combineert de X van Xbox en Xboxworld met een wereldbol met niks er om heen. Dit heeft te maken met het feit dat Metro logo strak en eenvoudig moet zijn. Het uiteindelijk ontwerp lijkt verdacht veel op het huidige Xbox logo, maar dan in Metro stijl. Wat precies hetgeen is waar naar gezocht werd. Een strak metro logo, dat geassocieerd wordt met de Xbox. Figuur 8.11 nieuwe Xboxworld logo (rechts gepresenteerd) 41

42 8.7 Thema s Tijdens het ontwikkelen van het nieuwe design is ook nagedacht over het plaatsen van advertenties. In de schetsen is het plaatsen van advertenties ook naar voren gekomen. Er is nagedacht over de invloed die advertenties hebben op het uiterlijk van de website. Xboxworld staat er om bekend dat in sommige gevallen het thema veranderende op basis van de geplaatste advertenties. Advertenties moeten op een creatieve niet irriteerde manier terugkomen. Aan de hand van het gekozen kleurenschema is hier over nagedacht. Het idee hierachter is dat de achtergrond en de kleur de sfeer van de website bepalen. Zonder veel aanpassingen wordt de sfeer van de website veranderd aan de hand van deze twee elementen. Figuur 8.12 verschillende frontpage thema s 42

43 Afronding 43

44 9.1 Visie Het uiteindelijke resultaat is een afgerond ontwerp van de nieuwe website van Xboxworld. Iets waar ik zelf heel tevreden over ben. De Metro filosofie komt terug in het ontwerp, maar niet exact op de manier zoals Microsoft dat doet. Daarnaast is het ontwerp strak uitgelijnd en werkt het prima met een responsive design. Het grootste probleem met het ontwerp was voornamelijk de uitlijning en de goede Metro guidelines vinden, die ik achteraf zelf heb moeten opstellen. 44

45 Aanvullend 45

46 10.1 Termen Sociale media: een verzamelbegrip voor online platformen waar de gebruikers, zonder of met minimale tussenkomst van een professionele redactie, de inhoud verzorgen. Frontpage: Voorpagina, startpagina van de website. Gamingwebsite: website die zich richt op games. Feature: eigenschap. Recensie: een (kritische) bespreking van een videospel. Tagcloud: een visuele weergave van inhoudstags die op een website, meestal een weblog, worden gebruikt. Tile: een vierkant met content. Twitpic: een afbeelding die gemaakt is door de eigenaar van een twitter account en die dan geplaatst is in een tweet. Usercontent: Content gemaakt door de gebruiker. Gameplay: Hoe een gebruiker een computerspel ervaart of de elementen van het spel zelf. Hierbij kan worden gedacht aan de besturing maar ook de controle over het weergegeven visuele standpunt. 46

47 10.2 Bibliografie Axure. (sd). Axure. Opgehaald van Axure: Corpos. (sd). streekproefcalculator. Opgehaald van Corpos: Esrb. (sd). How Much Do You Know About Video Games? Opgehaald van Esrb: Fogel, S. (sd). Xbox 360 sees biggest sales week in its 7-year history. Opgehaald van Venturebeat: Greene, J. (sd). Why Metro now rules at Microsoft. Opgehaald van Cnet: Itproportal, S. W. (sd). Microsoft Xbox Design Head Moves Over as Metro UI Takes Hold. Opgehaald van ITProPortal: Jan-Wessel. (sd). Reader responsive design. Opgehaald van Waxle: Jan-Wessel. (sd). Responsive design, read-out. Opgehaald van Waxle: Kruzeniski, M. (sd). From Transportation to Pixels. Opgehaald van Windowsteamblog: Massey, S. (sd). Metro Ui Design Principles. Opgehaald van Stephanemassey: Microsoft. (sd). Metro Design Language of Windows Phone 7. Opgehaald van Microsoft: Mindtools. (sd). The McKinsey 7S Framework. Opgehaald van Mindtools: Panfili, D. (sd). Introduction To Designing For Windows Phone 7 And Metro. Opgehaald van Smashingmagazine: Searchenginejournal. (sd). The Growth of Social Media: An Infographic. Opgehaald van Searchenginejournal: Sekander, Y. (sd). What is metro design & what are its principles. Opgehaald van Elevatelocal: 47

48 Smith, N. (sd). 960 Grids. Opgehaald van 960gs: Terror, D. (sd). Lessons From Swiss Style Graphic Design. Opgehaald van Smashingmagazine: Think, S. K. (sd). Don t Make me. Wikipedia. (sd). Metro. Opgehaald van Wikipedia: Wikipedia. (sd). Podcast. Opgehaald van Wikipedia: Xbox, Microsoft. (sd). Xbox Gamepagina. Opgehaald van Xbox: NL/Games/Xbox360Games Xbox, Microsoft. (sd). Xbox home. Opgehaald van Xbox: Xbox, Microsoft. (sd). Xbox Mobile. Opgehaald van Xbox: US/Live/Mobile/Home Xboxworld. (sd). Xboxworld forum mainpage. Opgehaald van Xboxworld forum: Zheng, Q., & Nicholas, H. (sd). Design case study: Website to Metro style app. Opgehaald van Microsoft: 48

49 11.3 Bijlagen Externe bijlagen zijn: Concurrentie analyse Gebruikers analyse Grafisch ontwerp Functioneel ontwerp 49

50 Enquete Inleidende tekst: Beste bezoeker van Xboxworld.nl, Door deel te nemen aan deze enquête draag je bij aan de doorontwikkeling van Xboxworld.nl. Om meer inzicht te krijgen in welke wijzigingen en vernieuwingen bijdragen aan de website, doen wij nu een onderzoek naar de wensen en de meningen van onze bezoeker. De enquête neemt ongeveer 5 minuten van je tijd in beslag. Wij hopen dat je de enquête invult en ons zo helpt bij het maken van een betere Xboxworld.nl! Afsluiteinde tekst: Bedankt voor het invullen van de enquête! Nog één laatste mededeling: wij zijn op zoek naar vijf personen, die ons willen helpen in het ontwikkelproces van de website. Wij zijn op zoek naar personen die de website vaak bezoeken en willen meewerken aan diepte-interviews en usability testing. Heb je interesse? Neem contact met ons op via het volgende adres: Vragenlijst Hoeveel jaar bezoek je Xboxworld.nl? Om een duidelijk beeld te krijgen hoeveel jaar bezoekers op Xboxworld.nl komen hebben we deze vraag gesteld. Daarnaast kunnen we hiermee ook peilen of er enkele jonge leden bij zijn gekomen. Hoe vaak bezoek je Xboxworld.nl? Meerdere keren per dag Eens per dag Enkele keren per week Minder dan wekelijks Om te kijken hoe vaak een gemiddelde gebruiker de site bezoek hebben we deze vraag gesteld. Komen ze vaker per dag of slechts wekelijks. Ik kom op Xboxworld.nl vooral voor de volgende items of activiteiten: Geef een cijfer van 1 tot en met 5, waarbij de 1 het meest belangrijke item is en 5 het minst belangrijke item is. Nieuwsberichten lezen Reageren op nieuwsberichten Reviews lezen Reageren op reviews Previews/artikelen lezen Reageren op previews/artikelen Het forum lezen Reageren op het forum Prijsvragen 50

51 Aan de hand van deze activiteiten willen we zien wat een gebruiker allemaal doet op de site. Daarnaast kunnen we de resultaten naast elkaar liggen en kijken wat de gebruiker het meest doet. De functie chatten op de voorpagina wordt niet meer veel gebruikt door de leden. Vind jij dat Xboxworld.nl deze functie nieuw leven moet inblazen? Ja Nee We hebben al jaren de functie chatten, deze wordt helaas niet veel meer gebruikt. We willen weten of het de moeite waard is om hier nog wat mee te doen, of dat we de functie beter kunnen verwijderen. Nu volgen een aantal stellingen. Geef aan in welke mate je het eens bent met de betreffende stelling. (helemaal mee eens, mee eens, mee oneens, helemaal mee oneens, geen mening) De nieuwsberichten zijn volledig. Xboxworld.nl is de beste plek voor Nederlandstalige fans van Xbox. Reviews en previews zijn vaak van goede kwaliteit. Alle belangrijke spellen worden gerecenseerd. Reviews en previews zijn te kort. Waarderingen uitgedrukt in een woord vind ik beter dan een cijfer. Ik vind een waardering met een cijfer duidelijker dan een waardering uitgedrukt in een woord. Bij reviews moeten lezers ook een waardering kunnen geven. Er zijn genoeg artikelen te lezen. Xboxworld.nl wordt genoeg ge-update. Er zouden meer interviews moeten komen. Xboxworld.nl is professioneel. Xboxworld.nl zou ook videoverslagen moeten hebben. Er is een goede verbinding tussen het forum en de voorpagina. De redactie van Xboxworld.nl is bereikbaar voor commentaar. Ik zou Xboxworld.nl aanraden aan anderen. Xboxworld.nl moet over meer onderwerpen schrijven (bijv: Games for Windows, Windows Phone Games). De voorpagina van Xboxworld.nl ziet er mooi uit. Ik kan altijd vinden wat ik zoek op de voorpagina van Xboxworld.nl. Aan de hand van de stellingen willen we weten wat de gebruiker globaal van ons vindt. Dit ook omdat het makkelijk meetbare resultaten zijn ten opzichte van open vragen. We willen weten wat ze van onze items vinden en of enkele functies na behoren werken. Daarnaast bestaat er ook de geen mening optie omdat niet elke gebruiker gebruik maakt van al onze features. Open vragen: We hebben voor open vragen gekozen met uitgebreide uitleg omdat we vertrouwen in onze doelgroep hebben dat die veel informatie wil leveren. Veel leden schreeuwen al tijden om een nieuw forum en andere verbeteringen. Vaak luisteren we hierna en wordt er werk van gemaakt. Nu hopen we dat de gebruiker ook uitgebreide feedback zal geven doormiddel van de openvragen. Wat zijn volgens jou goede eigenschappen van Xboxworld.nl? Als we een nieuw design maken moeten de goede eigenschappen van Xboxworld.nl niet verdwijnen, doormiddel van deze vraag hopen we een duidelijke omschrijving te krijgen of steekwoorden van wat goed is aan Xboxworld.nl. 51

52 Wat zijn volgens jou slechte eigenschappen van Xboxworld.nl? Om informatie te krijgen over waar wij de plank finaal misslaan stellen we deze vraag. Wat doen wij verkeerd en waarom doen we dat verkeerd? Op deze manier krijgen we een lijst met slechte eigenschappen waar we aan kunnen werken. Welke aspecten mis jij op Xboxworld.nl? Naast goede en slechte eigenschappen missen we waarschijnlijk ook wat op de site. Op deze manier kan de gebruiker aangeven wat hij of zij mist op de site. Vind jij dat er meer interactie en/of overlap zou moeten zijn tussen de voorpagina en het forum? Het forum wordt dagelijks druk bezocht, echter niet iedereen is bekend met het forum. Op het moment moet de gebruikers bij de frontpage en het forum apart inloggen. We willen graag dat de frontpage community en het forum community samenkomen. Zelf hebben we wel ideeën, maar we zijn ook benieuwd naar wat de gebruiker hiermee zou willen doen. Vind jij dat er meer interactie en/of overlap zou moeten zijn tussen de voorpagina en de X-bazar? De X-bazaar is een onderdeel van het forum dat druk bezocht wordt door een bepaalde groep mensen. Ken de gebruikers het forum niet, dan ken de gebruiker zeker ook de X-bazaar niet. We willen gebruikers er graag op attenderen dat dit een geweldig onderdeel van het forum is waar de gebruikers games kunt verkopen/kopen of ruilen. We vragen daarom graag naar de mening van de gebruikers. Welke andere sites bezoek jij om te lezen over Xbox? Om te kijken naar waar de gebruikers nog meer informatie vandaan halen, is deze vraag gesteld. Ook is deze vraag handig voor de concurrentie analyse. 52

53 SWOT analyse Sterktes (Strengths) Sterke community Eigen reviews Xbox only Feitelijk nieuws Grote database Unieke items Kansen (Opportunities) Nieuwe console (Xbox) Socialmedia ontwikkelingen Nieuw design (metro) Meerdere platformen (Xbox live) Nieuwe vorm van spellen distributie Zwaktes (Weaknesses) Late reviews Verouderd Weinig social media Frontpage / Forum splitsing Inconsistent Onoverzichtelijke zoekresultaten Risico s (Threats) Xbox wordt casual Meer concurrentie Commercieel wording van de industrie Socialmedia ontwikkelingen Xboxworld moet het hebben van zijn grote community en zijn eigenheid. De gemaakte recensies zijn goed maar vaak aan de late kant. De site plaatst alleen maar nieuws en artikelen met betrekking tot de Xbox wat een belangrijk sellingpoint 32 is. Inmiddels is de website al verouderd en hierdoor ziet de site er niet meer aantrekkelijk uit. Al het geplaatste nieuws wat gedaan wordt, bestaat alleen maar uit feiten. De geplaatste content is niet erg consistent waardoor er op vreemde momenten veel content geplaatst wordt. Er worden wel unieke artikelen geplaatst al worden die op willekeurige momenten online gezet. Er is een duidelijke splitsing van de frontpage en het forum, dit komt mede doordat bij beide pagina s apart ingelogd moet worden. Onze zoekmachine geeft weinig uitgebreide opties voor artikelen enzovoort, echter Xboxworld heeft wel een grote database van spellen waarin de gebruiker wel uitgebreide zoekmogelijkheden heeft. Er bestaat een kans dat er dit jaar een nieuwe console aangekondigd wordt door Microsoft. Wat voor extra bezoekers kan zorgen, mits dit goed gerapporteerd wordt. Daarnaast komt met deze ontwikkeling de nieuwe designtaal van Microsoft beter naar voren. De social media kanalen zijn de afgelopen jaren gigantisch gegroeid, hierdoor worden er veel nieuws(links) geplaatst op deze kanalen. Indien hier goed gebruik van gemaakt wordt, kan dit extra bezoekers gaan opleveren. Met de aankondiging van de Kinect is de Xbox de afgelopen jaren zich meer gaan richten op casual gaming, dit is niet de doelgroep van Xboxworld. Naast de Kinect zijn er verschillende nieuwe platformen waar spellen op verschijnen, die betrekking hebben op de Xbox. Daarnaast worden spellen tegenwoordig op verschillende manieren verspreid. Zo wordt een groot gedeelte digitaal verspreid. Er worden tegenwoordig ook veel meer spellen gemaakt, dit komt doordat de industrie veel groter is geworden. Hierdoor wordt het ook veel moeilijker om alle spellen te kunnen recenseren. 32 Sellingpoint: een eigenschap wat de site weet te verkopen aan de gebruiker 53

54 Organisatie schets Strategie: Xboxworld richt zich puur op het brengen van nieuws omtrent de Xbox. Daarbij is het nieuws voornamelijk feitelijk. Structuur: Er is weinig echte structuur Xboxworld. Iedereen heeft zijn eigen functie, Mirik is zelf de eindredactie. Echter worden er alleen maar aanpassingen gemaakt indien er fouten op de website staan of iets visueel niet correct is. Systeem: Nieuws wordt gepost door twee personen. Daarbij worden artikelen eerst door de redactie gecontroleerd voordat het artikel online wordt gezet. Leiderschap: Mirik Smit de eigenaar van de website. Maar hij toont geen echte leiderschap. Iedereen doet zijn taak en hij heeft hier verder geen invloed / commentaar op. Stijl: Zo goed als geen leiderschap waarbij iedereen zijn taak doet. Staff: Er zijn 13 moderators, 5 admins en 10 redactie leden. Skills: Iedereen heeft zijn eigen eigenschappen die hij of zij goed benut Sterke eigenschappen Sterke community Xboxworld kent een grote community waarin een harde kern bestaat. Deze mensen plaatsen actief berichten en doen dit met veel plezier. Daarnaast zijn er ook fanatieke leden die weleens content maken voor de website. Als we niet zo n trouwe community hadden, had de site op dit moment geen bestaansrecht meer. 33 Eigen reviews Xboxworld heeft zijn eigen redactie met een eigen unieke opinie. De spellen worden grondig getest en het oordeel wordt ook door de redacteur gemaakt. Het uiteindelijk cijfer is dan ook gebaseerd op zijn opinie en heeft niks met sponsoren te maken. Xbox only Xboxworld richt zich alleen maar op de Xbox ende ontwikkelingen die hiermee te maken hebben. We plaatsen geen nieuws dat met andere consoles of wat dan ook te maken heeft. Feitelijk nieuws Xboxworld plaats alleen maar feiten. Al het nieuws wat de gebruiker op de website vindt is op waarheid berust. Er zullen geen vage berichten geplaats worden met geruchten. Al het nieuws wat de gebruiker op de website vindt is waar. Grote database Xboxworld kent een grote database van spellen. Vanaf het moment dat de Xbox uitkwam, zijn er constant nieuwe spellen aan toegevoegd. Unieke items Xboxworld kent zijn eigen unieke content. Dit bestaat voornamelijk uit artikelen die een top 10 zijn van beste spellen van een bepaald jaar, of waar de redactie naar uit kijkt

55 Zwakke eigenschappen Late reviews Xboxworld krijgt soms de spellen laat binnen en worden daardoor later naar de recensent gestuurd. Vaak is dit al nadat het spel uitgekomen is in de winkel. Sommige spellen duren langer om te recenseren dan andere spellen. Daardoor verschijnen recensies in sommige gevallen ruim na de releasedate. Verouderd Het design van Xboxworld is inmiddels al erg verouderd. Dit zorgt ervoor dat de website erg oud aanvoelt met actuele content. Weinig social media Er bestaat een Twitter feed van Xboxworld, maar er is nog geen Facebookpagina of Youtube kanaal. Daarnaast is de Twitter feed alleen voor het plaatsen van nieuws. Frontpage / Forum splitsing De frontpage en forum hebben beide verschillende log-in formulieren en heeft geen duidelijke connectie. Hierdoor is er een duidelijke splitsing van deze onderdelen op de website. Inconsistent De site wordt op een willekeurig moment ge-up-date. Daarnaast zijn er geen vaste artikelen die elke week terug komen. Onoverzichtelijke zoekresultaten Indien de gebruiker wat wilt zoeken op Xboxworld krijg de gebruiker een onduidelijke lijst met zoekresultaten. Daarnaast zijn de zoekmogelijkheden beperkt. Er zijn echter wel uitgebreide zoekmogelijkheden voor spellen. 55

56 Kansen Nieuwe concolse (Xbox) De huidige Xbox heeft al een levenscyclus van 7 jaar. Vaak na 5/6 jaar wordt een nieuwe console aangekondigd. Er gaan geruchten dat er dit jaar een nieuwe console zal worden aangekondigd. Socialmedia ontwikkelingen In de laatste jaren zijn de sociale media sterk gegroeid. Dit heeft ook grote invloed op de spellen zelf gehad en ook op de manier waarop sites hun nieuws presenteren. Nieuw design (metro) Microsoft heeft een nieuw designtaal ontwikkeld, de metro look. De Xbox zelf heeft dit ook op zich genomen en zal zich in de loop van de jaren deze taal zich meer en meer eigen gaan maken. 35 Meerdere platformen (Xbox live) Naast de console Xbox heeft Microsoft zijn spellen ook op verschillende platforms uitgegeven. Nu is er Games for Windows Live en Xbox Live op de telefoon. 36 Nieuwe vorm van spellen distributie Spellen worden tegenwoordig niet alleen op een dvd gezet maar ook online. Hierdoor kunnen redactieleden veel sneller spellen downloaden en zijn er geen dvd s meer nodig. Dit kan ervoor zorgen dat redactieleden de spellen veel eerder binnen hebben

57 Risico s Xbox wordt casual Met de aankondiging van de Kinect was duidelijk dat Microsoft de richting van Nintendo uit wil gaan. Het laatste jaar was het beste jaar van Microsoft ooit, dit met dank aan de Kinect. De huidige doelgroep van Xboxworld heeft echter weinig met de Kinect. Maar dat zal in de toekomst wel gaan groeien. 38 Meer concurrentie In de afgelopen jaren zijn er meer en meer gamesites ontstaan. Deze sites hebben hun eigen unieke content en zijn modern op opzet. Xboxworld heeft de afgelopen jaren stil gestaan. Commercieel wording van de industrie Doordat de industrie de afgelopen jaren veel groter is geworden, komen er ook steeds meer spellen uit. Al deze spellen moeten gespeeld worden en moeten gerecenseerd worden. 39 Social media ontwikkelingen Doordat de afgelopen jaren de sociale media gegroeid is, zijn er nog maar weinig redenen om op een site te komen als alle informatie op die kanalen staat

58 Risico s Kansen Sterke community Eigen reviews Xbox only Feitelijk nieuws Grote database Unieke items Onoverzichtelijke zoekresultaten Late reviews Verouderd Weinig social media Frontpage / Forum splitsing Inconsistent Xboxworld Redesign Confrontatie matrix Sterktes Zwaktes Kansen Groeiveld Verbeterveld Risico s Verdedigveld Probleemveld In de confrontatie matrix worden alle eigenschappen behandeld, die in de SWOT analyse aan worden gekaart. Na het naast elkaar leggen van deze eigenschappen staat er in het kort een plan m.b.t. die eigenschappen en wat we hier mee zouden kunnen gaan doen. Sterkten Zwaktes Nieuwe console (Xbox) Socialmedia ontwikkelingen Nieuw design (metro) Meerdere platformen (Xbox live) Nieuwe vorm van spellen distributie x Xbox wordt casual Meer concurrentie Commercieel wording van de industrie Socialmedia ontwikkelingen x x x Figuur 11.1 confrontatie matrix Sterkten: Unieke items Grote database Feitelijk nieuws Xbox only Eigen reviews Sterke community Figuur 11.2 sterkten 58

59 Zwaktes: Inconsistent Frontpage / Forum splitsing Weinig social media Verouderd Late reviews Onoverzichtelijke zoekresultaten Figuur 11.2 zwakten Kansen: Nieuwe vorm van spellen distributie Meerdere platformen (Xbox live) Nieuw design (metro) Socialmedia ontwikkelingen Nieuwe console (Xbox) Figuur 11.3 kansen Risico s: Socialmedia ontwikkelingen Commercieel wording van de industrie Meer concurrentie Xbox wordt casual Figuur 11.4 risico s 59

60 Groeiveld Sterktes: Kansen: Sterke community Nieuwe console (Xbox) Eigen reviews Socialmedia ontwikkelingen Xbox only Nieuw design (metro) Feitelijk nieuws Meerdere platformen (Xbox live) Grote database Nieuwe vorm van spellen distributie Unieke items Xboxworld kent een sterke community, deze community bevindt zich ook op de sociale kanalen. Hier kan Xboxworld gebruik van maken om zo meer naamsbekendheid te krijgen. Daarnaast kan Xboxworld al zijn content presenteren via deze kanalen. (doorverwijzen naar de site) Door ook te kijken naar de andere Xbox Live platformen zou Xboxworld ook kunnen groeien in zijn eigen reviews en toch Xbox only content leveren Verdedigveld: Sterktes: Risico s: Sterke community Xbox wordt casual Eigen reviews Meer concurrentie Xbox only Commercieel wording van de industrie Feitelijk nieuws Socialmedia ontwikkelingen Grote database Unieke items Doordat de concurrentie de afgelopen jaren steeds meer gegroeid is, moet Xboxworld zich richten op wat het juist uniek maakt, dit is voornamelijk dat het Xbox only is en een sterkte community kent. De Xbox wordt ook steeds meer casual, hier kunnen mensen op gezet worden die er juist voor zorgen dat dit behandeld wordt. Hierdoor krijgt de website een breder scala aan content. 60

61 Verbeterveld: Zwaktes: Kansen: Late reviews Nieuwe console (Xbox) Verouderd Socialmedia ontwikkelingen Weinig social media Nieuw design (metro) Frontpage / Forum splitsing Meerdere platforms (Xbox live) Inconsistent Nieuwe vorm van spellen distributie Onoverzichtelijke zoekresultaten Door de nieuwe vorm van spellen distributie is het mogelijk spellen eerder en sneller te recenseren. Doordat de spellen niet meer opgestuurd hoeven worden, scheelt dit veel tijd en moeite. Xboxworld is verouderd, er bestaat een kans dat er een nieuwe console aankomt van Microsoft en daarnaast heeft Microsoft zijn eigen design-taal gemaakt. Dit is de metro-taal die een bepaalde uitstraling heeft. Naar aanleiding van deze design-taal zou de nieuwe site vormgegven kunnen worden, die upto-date is en daarnaast ook nog eens aansluit bij het nieuwe uiterlijk van de Xbox. De social media ontwikkeld zich in een rap tempo en Xboxworld maakt hier weinig gebruik van. Door hier gebruik van te maken op wat voor manier dan ook, krijgt Xboxworld meer naamsbekendheid Probleemveld: Zwaktes: Risico s: Late reviews Xbox wordt casual Verouderd Meer concurrentie Weinig social media Commercieel wording van de industrie Frontpage / Forum splitsing Socialmedia ontwikkelingen Inconsistent Onoverzichtelijke zoekresultaten De website is inmiddels verouderd en ondervindt steeds meer concurrentie van nieuwere en moderner websites. Dit is een probleem en dit is op te lossen door de website te vernieuwen. (voornamelijk op gebied van lay-out en uiterlijk) 61

62 Metro Wat is metro? Metro is een design taal gemaakt door Microsoft, deze taal richt zich voornamelijk op typografie. Deze taal werd voor het eerst toegepast op de Windows Phone 7, maar is al enkele jaren in ontwikkeling. De ontwikkeling van deze taal begon al in 1995 waar het toegepast werd in Microsoft Encarta 95 en ook in MSN 2.0. Later werd het toegepast in Windows Media Center en in Zune (de tegenhanger van de Apple Ipod). Tegenwoordig is de metro look terug te vinden in bijna elk product van Microsoft. De Xbox dashboard heeft een redesign gekregen met de metro interface. Daarnaast zet Microsoft al zijn geld in op Windows 8 waarbij het startmenu helemaal vervangen is door een metro interface Gebaseerd waarop? Metro kent 2 bronnen van inspiratie, het vormen van het uiterlijk door middel van de typografie komt van de Swiss vormgeving. Hierin wordt de nadruk gelegd op hoe typografie iets kan laten zien, witruimte is hierbij heel belangrijk. Less is more is een veel gebruikte zin. Navigatie staat dan ook mee in het teken van de tekst. Het staat daarnaast ook in het teken van het weglaten van alles wat onnodig is. Perfection is achieved, not when there is nothing left to add, but when there is nothing left to remove. 41 Naast de Swiss vormgeving heeft Microsoft ook inspiratie opgedaan bij, de naam zegt het al, de metro. De vormgeving van deze borden waren helder, daarnaast ook duidelijk te lezen. De tiles die gebruikt worden in de metro komen ook terug in het metro ontwerp Wat moet het zijn Figuur 11.5 metro informatie bord Metro legt de nadruk op duidelijkheid en om de boodschap zo eenvoudig mogelijk over te brengen. Het is een consistente design taal waarbij de typografie overal het zelfde is; de Segoe familie (al is dit font niet per definitie hét font wat gebruikt moet worden voor een Metro ontwerp). Door de nadruk te leggen op de typografie wordt de vormgeving meer gedaan door de content i.p.v. door uitgebreide grafische elementen. Doormiddel van verschillende groten toe te passen van een font wordt er een hiërarchie gecreëerd. Hoe groter de font hoe belangrijker het onderdeel, hierdoor is Figuur 11.6 metro design filosofie duidelijk waar je bent als gebruiker. Whitespace is ook belangrijk bij metro. 41 Antoine de Saint-Exupéry 62

63 Animatie is ook een belangrijk onderdeel van het metro design. Naast de hiërarchie, die vormgegeven wordt door de typografie gebeurd dit ook met animaties. Dit verschilt van subtiele animaties tot duidelijk overgang animaties. Clean, Light, Open and Fast We took an approach that we call Fierce Reduction to remove any elements in the UI that we felt were unnecessary; both visual elements and feature bloat. It allows us to shine a focus on the primary tasks of the UI, and makes the UI feel smart, open, fast, and responsive. Alive in Motion The transitions between screens in a UI are as important the design of the screens themselves. Motion gives character to a UI, but also communicates the navigation system, which helps to improve usability. Celebrate Typography Our design inspiration is very typographic, and it felt like it was time for User Interfaces to be uncompromising about type as well. Type is information, type is beautiful. Content, Not Chrome It s the content on the phone that people want, not the buttons. Reducing the visuals on the phone that aren t content will help you create a more open UI, and it also promotes direct interaction with the content. Authentically Digital Finally, we believe in honesty in design. A user interface is created of pixels, so in Metro we try to avoid using the skeumorphic shading and glossiness used in some UI s that try to mimic real world materials and objects. Windowssteamblog.com 63

64 Rapid Prototyping Rapid prototyping is een vorm van onderzoek. Hierbij worden bepaalde functionaliteiten getest bij een groep gebruikers, daarna worden de resultaten verwerkt. Op basis van deze resultaten wordt het huidige ontwerp aangepast en verbeterd. Design Aanpassen Test Terugkoppeling Resultaat Figuur 11.7 rapid prototyping ontwikkel proces Dit model zal worden toegepast op het functioneel ontwerp van de website. Hiervoor is één ontwerp gemaakt die getest gaat worden door drie personen per sectie Assess needs De needs zijn eisen die uit het vooronderzoek naar voren zijn gekomen. Hierbij is gekeken naar wat de gebruiker wil, wat de concurrentie doet en wat de sterkten/zwakten zijn van Xboxworld. Op basis hiervan is een lijst gemaakt met wat de eisen zijn: Forum integratie Xboxworld is momenteel in twee kampen gesplitst, de frontpage en het forum. Door deze twee te combineren zal de community groter worden en zullen meer mensen op het forum komen en de forum gebruikers meer gebruik kunnen gaan maken van de frontpage. Metro Microsoft is druk bezig met al hun producten de metro look te geven. Xbox is hierbij geen uitzondering en heeft recent een update gekregen waarbij de Xbox ook het metro design kent. Dit moet tot op zekere hoogte ook toegepast worden in de website. Er zijn richtlijnen voor het metro design, dit zijn echter wel de Windows Phone richtlijnen. Gebruikers interactie De gebruiker willen graag cijfers kunnen geven op spellen. Dit moet dan terug komen in het ontwerp. (bij de game-pagina s) 64

65 Nieuws centraal De gebruiker kijkt meerdere keren per dag op de website. Hierbij staat het nieuws centraal en het forum. Hier moet ook de focus op komen te liggen in het ontwerp. Releaselijst Uit het onderzoek blijkt dat de gebruikers de releaselijst erg prettig vinden van Xboxworld. Opvallende kritiek is echter dat de lijst wel up-to-date moet zijn. Consistentie De gebruikers willen graag vaste content van Xboxworld. Dit wordt geleverd door o.a. elke week een podcast. Dit moet op een specifieke plaats terugkomen in het ontwerp. De volgende onderdelen moeten terug komen in het ontwerp van de website: De mogelijkheid om te zoeken Nieuws Reviews (artikelen) Games Socialmedia Log-in/Register Het forum Werkwijze Het ontwerp wordt getest op drie personen. Dit zijn personen die Xboxworld bezoeken, maar ook personen die niet op de website komen. Met drie personen zullen de grotere problemen aangekaart worden en zal daarna de volgende test volgen. De gegevens die uit de test gehaald worden, zullen verwerkt worden in het volgende ontwerp. Wat wordt er getest? Het functioneel ontwerp van Xboxworld.nl. Hoe eerder de test uitgevoerd worden hoe beter. Het risico hierbij is dat de testpersoon het doel van een functioneel ontwerp niet in de gaten heeft, dit zal echter uitgebreid aan de testpersoon worden uitgelegd. Het functioneel ontwerp is gemaakt in Axure en daarmee is een werkend prototype gemaakt waar de testpersoon doorheen kan klikken. In het ontwerp staat de complete website op de xbazaar en het forum na. Indien een link niet werkt, zal de persoon die de testpersoon observeert doorsturen naar de pagina waar die link naar toe leidt. Hoe wordt er getest? De proefpersoon dient hardop te denken tijdens de test, hierdoor wordt duidelijk waarom de persoon iets doet. Er wordt op twee verschillende manieren een test afgenomen: In een ruimte: De testpersoon bekijkt de site op een pc, daarbij wordt hij/zij geobserveerd en worden er notities gemaakt. Er is hierbij direct contact met de testpersoon. Online via Skype: 65

66 Omdat enkele testpersonen erg ver weg wonen, is dit de alternatieve test mogelijkheid. Hierbij gaan de testpersoon en de persoon die de testpersoon observeert samen in gesprek. Via Skype is er de mogelijkheid om het beeldscherm te zien van de testpersoon. Waar wordt opgelet? Er worden op verschillende factoren gelet: Wat valt de gebruiker als eerst op: Waar let de gebruiker op en waarom let hij hier op. Hierbij wordt gelet op wat de beweegreden zijn van de gebruiker. Waarom is dat logisch voor de gebruiker en wat is de reden waarom de gebruiker specifieke onderdelen met iets associeert. De waarom vraag is hierbij het belangrijkst. Hoe navigeer de gebruiker door het ontwerp: Waarom navigeert de gebruiker zo door het ontwerp en wat is zijn gedachte daarbij. Wat valt op tijdens het navigeren van de gebruiker, gebruikt hij of zij de navigatie zoals het bedoeld is of doet de gebruiker iets anders. Hierbij ligt de nadruk op hoe de gebruiker van punt a naar punt b gaat. Het gaat er niet om of de gebruiker er komt, maar de manier waarop is hierbij het belangrijkst. Wat mis de gebruiker Wat zijn de struikelblokken van het ontwerp en wat mist de gebruiker hierbij. Tijdens het waarnemen van de gebruiker zal de gebruiker misschien vastlopen. Dit wordt hierbij genoteerd met de nadruk waarom de gebruiker vastloopt. Waar de gebruiker vastloop is belangrijk, maar waarom de gebruiker vastloopt is nog belangrijker. Hoe gaat de test in zijn werk? Voordat de test begint wordt de naam van de testpersoon met enige achtergrond informatie genoteerd. Nadat die informatie genoteerd is, wordt aan de testpersoon uitgelegd wat exact de bedoeling is van de test en het doel ervan. Hierbij wordt verteld dat de testpersoon geen fouten kan maken tijdens het testen van de website. Hierdoor wordt de druk bij de testpersoon weggenomen. Als de test begint wordt er naar een impressie gevraagd van de testpersoon over de homepagina. Wat valt de testpersoon op en wat vindt hij of zij er van? Hierbij wordt aangeraden de testpersoon hardop te laten denken. Daarna volgen opdrachten en mag de testpersoon zelf door het prototype heen klikken. Deze opdrachten zijn opdrachten die voornamelijk bestaan uit het navigeren naar een specifieke pagina of content. Tijdens de test wordt alle informatie die de testpersoon verteld genoteerd. Daarbij wordt dan op de punten gelet die hierboven staan. Er wordt een duidelijk verschil gemaakt tussen onduidelijkheden en factoren die de testpersoon niet mooi vindt. De notities worden per pagina genoteerd. Na drie testen worden de resultaten gecombineerd en worden daarna verwerkt. Dan wordt het functioneel ontwerp aangepast en komen er aantekeningen en aanpassingen in het functioneel ontwerp. Hierdoor is er een duidelijke ontwikkeling tijdens de testen. 66

67 Dit proces vindt in totaal twee keer plaats, er zijn dus in totaal twee testrondes. Na de tweede testronde wordt het functioneel ontwerp volledig aangepast en dat is het uiteindelijke functionele ontwerp. Wie zijn de testpersonen? De testpersonen lopen erg uiteen, dit zijn gebruikers van Xboxworld maar ook willekeurige mensen die actief gebruik maken van het internet. De testen worden niet allemaal op de eindgebruiker gedaan, omdat de website ook logisch moet zijn voor mensen die nooit een site zoals Xboxworld bezoeken Testomgeving Naast de rapid-prototyping testmethode is er ook gebruik gemaakt van een testomgeving binnen de community. Binnen deze testomgeving konden voorgeselecteerde members en medewerkers van Xboxworld hun opinie posten over ontwerpen. Figuur 11.8 risico s In deze testomgeving zijn verschillende onderdelen van de website besproken, daarnaast zijn er ook ideeën uitgewisseld. Het belangrijkste doel is het informeren over de stand van zaken met betrekking het ontwerpen van de nieuwe website. Aan de hand van de eerste schetsen is er veel feedback gekomen op het uiterlijk van de schetsen, maar voornamelijk op dat wat er op papier is gebeurd. Deze feedback is vervolgens verwerkt in het eindontwerp. 67

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat. Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker

Nadere informatie

Ontwerp rapport Digitaal Instellingsplan Hogeschool van Amsterdam

Ontwerp rapport Digitaal Instellingsplan Hogeschool van Amsterdam Ontwerp rapport Digitaal Instellingsplan Hogeschool van Amsterdam Team Fristeractief: Annet Heitman Jasper Mijdam Charlotte Cozijn Puck Holshuijsen Marieke Zeegers 17 november 2010 Digitaal instellinsplan,

Nadere informatie

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

SMART- Leerdoel Mathijs de Bok Emotion - RMM42 SMART- Leerdoel Mathijs de Bok Emotion - RMM42 Inhoudsopgave 1.0 Inhoudsopgave 1 1.0 Inleiding 2 1.1 Algemeen 2 1.2 Mijn leerdoelen 2 2.0 Beschrijving leerdoel 2 3 2.1 Responsive 3 2.2 Up- to- date HTML&CSS

Nadere informatie

Webdesign voor ondernemers

Webdesign voor ondernemers e-boek Webdesign voor ondernemers Veelgestelde vragen over het laten maken van een website Bart van den Bosch Inhoud 1. Zelf doen of uitbesteden? 4 2. Webdesigners 7 3. Wat is Wordpress 10 4. Maken van

Nadere informatie

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van

Nadere informatie

Museumbezoek onder Studenten

Museumbezoek onder Studenten Museumbezoek onder Studenten Ontwerprapport CMD-Project Jelle Clignet CMD2B 1108174 Inhoudsopgave Inleiding 2 Concept 3 Beschrijving van het concept 3 Applicatie 3 Ondersteunende middelen 3 Middelen 4

Nadere informatie

WEBSITE SCAN Vrijblijvend advies

WEBSITE SCAN Vrijblijvend advies WEBSITE SCAN Vrijblijvend advies IBAN: NL57ABNA0479025207 Inleiding: Wij hebben uw website op diverse facetten geanalyseerd en hier een bondig rapport voor geschreven. Door het uitvoeren van onderstaande

Nadere informatie

Publishing & Printing Company B.V.

Publishing & Printing Company B.V. STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl

Nadere informatie

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit 2014. Sirikit Huibers.

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit 2014. Sirikit Huibers. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep Stadgenoot is één van de grootste woningcorporaties van Nederland en is huisbaas voor zo n 65.000 bewoners in Amsterdam. Stadgenoot

Nadere informatie

1. ONTWIKKEL EEN MOBIELE VERSIE

1. ONTWIKKEL EEN MOBIELE VERSIE 1. ONTWIKKEL EEN MOBIELE VERSIE Het is een misvatting om te denken dat een webshop die ontwikkeld is als desktopsite, ook goed werkt voor mobiele gebruikers. Integendeel, je moet de website optimaliseren

Nadere informatie

Checklist voor een knallende website

Checklist voor een knallende website Met deze checklist scan je je bedrijfswebsite op een aantal onderdelen. Ontdek de sterke punten van je website en welke punten je nog kunt verbeteren. De checklist maakt je bewust van de zaken die bepalen

Nadere informatie

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675

Versie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Versie 2 07-12-2014 Opdracht deel B Inhoud Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Inhoudsopgave: Inleiding:... 3 Opdracht deel A Analyse... 3 Opdracht deel B Inhoud... 3 Opdracht deel C Website...

Nadere informatie

Bedrijfsinformatie 1 september 2014

Bedrijfsinformatie 1 september 2014 1 september 2014 Wie ben ik? Even voorstellen Mijn naam is Niek Scholtes, geboren op 29 april 1986 in Den Haag. In 2009 heb ik mijn HBO studie Human Technology afgerond aan de Haagse Hogeschool. Human

Nadere informatie

Monitoring en Engagement met BeSocialEasy.

Monitoring en Engagement met BeSocialEasy. Monitoring en Engagement met BeSocialEasy. De online tool BeSocialEasy vindt voor jou berichten die worden gepubliceerd op weblogs, fora, nieuws sites, blogs en verschillende social media platformen (zoals

Nadere informatie

Ontwerp Portfoliowebsite MMIO 2016

Ontwerp Portfoliowebsite MMIO 2016 Ontwerp Portfoliowebsite MMIO 2016 Marit Beerepoot 10983430 7 februari 2016 Informatiekunde Universiteit van Amsterdam Inleiding Voor deze opdracht was het de bedoeling dat er 3 verschillende voorstellen

Nadere informatie

Online Marketing. Door: Annika Woud ONLINE MARKETING

Online Marketing. Door: Annika Woud ONLINE MARKETING Online Marketing Door: Annika Woud 1 Inhoudsopgaven 1 Wat is online marketing? 2 Hoe pas je online marketing toe op een website? Hoe pas je het toe? SEO Domeinnaam HTML Google Analytics Advertenties op

Nadere informatie

Plan van aanpak, 17 september 2014

Plan van aanpak, 17 september 2014 Plan van aanpak, 17 september 2014 DEP WORKS B.V. / DEP WORKS office & management support / DEP WORKS MEET&GREET Marnick de Groot Milan van der Maaten Luuk Roordink Afdeling: Marketing & Communicatie Contactpersonen:

Nadere informatie

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen!

Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Beter omgaan met YouTube: 5 Tips om jouw YouTube kanaal scherp in beeld te krijgen! Inleiding Je kan er simpelweg niet meer omheen. Zodra je een zoekopdracht uitvoert op Google, verschijnen er video thumbnails

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

WHITEPAPER IN 5 MINUTEN. 12. Mooier, maar vooral beter

WHITEPAPER IN 5 MINUTEN. 12. Mooier, maar vooral beter WHITEPAPER IN 5 MINUTEN S E P T E M B E R 2 0 1 4 12. Mooier, maar vooral beter Introductie Steeds vaker krijgen we de vraag om een redesign te doen van een app of een website. De stap naar responsive

Nadere informatie

Documentatie WD32. Christine van Woensel M32

Documentatie WD32. Christine van Woensel M32 Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor

Nadere informatie

tern Handboek Mañuel Handboek plan van aanpak v0.1 Een plan van aanpak v0.9 Tim Logemann, junior developer

tern Handboek Mañuel Handboek plan van aanpak v0.1 Een plan van aanpak v0.9 Tim Logemann, junior developer Mañuel Handboek tern Handboek Een plan van aanpak v0.9 plan van aanpak v0.1 Tim Logemann, junior developer gemann, tim@mass.im junior developer ass.im 68048, W4Ax, 68048@glr.nl 4Ax, 68048@glr.nl mass.im,

Nadere informatie

Klik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites?

Klik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites? Klik&Steen Dashboard Wat zijn nou interessante statistieken bij websites? Inleiding Dit document dient als onderzoek naar de statistieken die interessant zijn om te laten zien in het dashboard van Klik&Steen.

Nadere informatie

Probeer nu GRATIS. Start met het uitzenden van uw Narrowcasting boodschap

Probeer nu GRATIS. Start met het uitzenden van uw Narrowcasting boodschap Probeer nu GRATIS Start met het uitzenden van uw Narrowcasting boodschap Opensignage eenvoudig uw doelgroep informeren Zoekt u een eenvoudige manier om uw doelgroep te informeren via een beeldschermennetwerk?

Nadere informatie

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE 10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE Is uw website aan vernieuwing toe? Pas deze tips toe en haal meer uit je website De laatste jaren zien we grote veranderingen op het gebied van webdesign.

Nadere informatie

02. Responsive Design

02. Responsive Design WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 02. Responsive Design Introductie De wereld van schermen waarop je website wordt getoond, raakt in rap tempo versnipperd. Voorheen was het makkelijk: websites werden

Nadere informatie

HetSchoolvoorbeeld.nl

HetSchoolvoorbeeld.nl HetSchoolvoorbeeld.nl maakt websites voor het onderwijs die u zelf met het bekroonde en gebruiksvriendelijke programma Word- Press inhoudelijk kunt beheren. De vakkundigheid van het team van HetSchoolvoorbeeld.nl

Nadere informatie

Seminar. Essay conceptstores

Seminar. Essay conceptstores Seminar Essay conceptstores Marlies van den Bos 1622703 Concept Design Eng JDE-SCONE.3V-13 Marvin Fernandes 19-12-2014 1 CONTENT IntroductiE Conceptstores Communicatie Conclusie uitwerking infographic

Nadere informatie

Blog handleiding voor de Groenteman

Blog handleiding voor de Groenteman Blog handleiding voor de Groenteman In deze speciale bloggers handleiding voor de groenteman leest u informatie over wat dit sociale medium precies inhoudt en hoe u als groente en/of fruitspecialist een

Nadere informatie

ESSAY. Hoe kan Oxford House efficiënter online communiceren naar zijn potentiele opdrachtgevers? Essay. Lexington Baly 1592180

ESSAY. Hoe kan Oxford House efficiënter online communiceren naar zijn potentiele opdrachtgevers? Essay. Lexington Baly 1592180 ESSAY Hoe kan Oxford House efficiënter online communiceren naar zijn potentiele opdrachtgevers? Essay Lexington Baly 1592180 Seminar: Dream Discover Do Essay Docent: Rob van den Idsert Effectief gebruik

Nadere informatie

Trends in Digitale Media; nieuwe opportunities voor TV

Trends in Digitale Media; nieuwe opportunities voor TV Trends in Digitale Media; nieuwe opportunities voor TV Second screen breekt definitief door Het aantal bezitters van ipads en andere tablets is per december 2011 gestegen tot 1.7 miljoen Nederlanders (14%

Nadere informatie

(VIDEO) Review ZEEF Wat is ZEEF en wat kan je hiermee?

(VIDEO) Review ZEEF Wat is ZEEF en wat kan je hiermee? Inhoud Inleiding Voor Wie is ZEEF? Wat kan ik op ZEEF vinden? Hoe werkt ZEEF voor een bezoeker? Hoe werkt ZEEF voor een expert? Voordelen ZEEF Nadelen ZEEF Conclusie ZEEF Eigen ervaringen met ZEEF Bronnen

Nadere informatie

Social media checklist

Social media checklist Social media checklist In 15 minuten klaar om klanten te benaderen Sociale media audit? Elk bedrijf weet wel dat ze iets met sociale media moeten doen en hebben daarom ook (toen ze wat tijd over hadden)

Nadere informatie

Checklist website bouwen

Checklist website bouwen Checklist website bouwen Je wilt een website voor je bedrijf. Of de bestaande website veranderen. Een website laten maken, vraagt tijd en aandacht van je. Er zijn veel mogelijkheden en je moet in het proces

Nadere informatie

Microsoft Advertising Tariefkaart

Microsoft Advertising Tariefkaart Microsoft Advertising Tariefkaart Microsoft Advertising is al bijna 15 jaar actief over de volle breedte van het digitale medialandschap. Via onze krachtige reeks digitale mediamerken bereiken wij maandelijks

Nadere informatie

Creat4u. www.icreat4u.nl COMPLETE WEBSITE. voor ondernemers. 47,50,- per maand zonder opstartkosten. ONZE VOORDELEN! EEN ALL-IN WEBSITE

Creat4u. www.icreat4u.nl COMPLETE WEBSITE. voor ondernemers. 47,50,- per maand zonder opstartkosten. ONZE VOORDELEN! EEN ALL-IN WEBSITE COMPLETE WEBSITE voor ondernemers 47,50,- per maand zonder opstartkosten. Een complete website voor uw onderneming en die ook nog goed vindbaar is, dat is wat we willen! Maar hoe? EEN ALL-IN WEBSITE ONZE

Nadere informatie

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden. Testplan prototype Het definitieve prototype van Foliostory zal op basis van een usability test getest worden. Hierbij wordt een happy flow scenario aan de respondenten voorgelegd met daarin taken die

Nadere informatie

Ontwerpdocument BVA app Ontwerpdocument BVA app

Ontwerpdocument BVA app Ontwerpdocument BVA app 1 Inhoudsopgave Inleiding Geinterviewde persoon 1e Ontwerp - Zoeksuggesties Probleem Oplossing 2e Ontwerp - Lijst van producten in Kavel Probleem Oplossing 3e Ontwerp - Opslaan knop Probleem Oplossing

Nadere informatie

Enquête gebruik RIS en tablets

Enquête gebruik RIS en tablets Aan: het presidium en de werkgroep bestuurlijke vernieuwing. Van: griffier Datum: 21 februari 2013. Betreft: enquête gebruik RIS en Tablets Enquête gebruik RIS en tablets Introductie enquête Sinds 1 januari

Nadere informatie

Indesign. Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing. Photoshop - Achtergrond - Toepassing. Vincent Damen 11034734

Indesign. Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing. Photoshop - Achtergrond - Toepassing. Vincent Damen 11034734 Indesign Vincent Damen 11034734 Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing Photoshop - Achtergrond - Toepassing Pencil Achtergrond Ik had voor deze week nog nooit van het programma

Nadere informatie

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item Briefing Website Gedaan: Logo Communicatie middel(en) Inrichtingsplan Nog te doen: - Website - Balie - Promotie item Website > vormgeving Website > techniek Wat maak je? Je maakt een website voor restaurant

Nadere informatie

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer 01/05 Websites Nederland over Mobile marketing Mabelie Samuels internet marketeer 02/05 Mobile marketing Kunt u zich uw eerste mobiele telefoon nog herinneren? Die van mij was een Motorola, versie onbekend,

Nadere informatie

Inleiding. Schema Achterhoekagenda

Inleiding. Schema Achterhoekagenda Inleiding In deze instructie wordt uitleg gegeven over de functionaliteit van de Achterhoekagenda. De informatie is tevens terug te vinden op de website. Schema Achterhoekagenda. De werking van de Achterhoekagenda

Nadere informatie

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we

Nadere informatie

E-resultaat aanpak. Meer aanvragen en verkopen door uw online klant centraal te stellen

E-resultaat aanpak. Meer aanvragen en verkopen door uw online klant centraal te stellen E-resultaat aanpak Meer aanvragen en verkopen door uw online klant centraal te stellen 2010 ContentForces Niets uit deze uitgave mag worden verveelvoudigd en/of openbaar gemaakt door middel van druk, fotokopie,

Nadere informatie

mobile recruitment solutions

mobile recruitment solutions mobile recruitment solutions 1OP DE 5 zoekt via een smartphone naar een nieuwe baan. Bent u klaar voor de mobiele sollicitant? Wat krijgt uw kandidaat te zien als hij of zij deze op een smartphone bekijkt?

Nadere informatie

Moving Pictures: second screen en schermvoorkeur

Moving Pictures: second screen en schermvoorkeur Moving Pictures: second screen en schermvoorkeur Televisiekijken is een sociale activiteit.. Uit het kijkonderzoek blijkt dat heel vaak samen met het eigen gezin en gasten naar de televisie wordt gekeken.

Nadere informatie

eqbs gebruikersvriendelijke websites

eqbs gebruikersvriendelijke websites eqbs gebruikersvriendelijke websites maatwerk websites voor uw onderneming www.elitelabs.nl gebruikersvriendelijke maatwerk website Overal ter wereld altijd uw eigen website beheren. Persoonlijk ontwerp

Nadere informatie

1.1 DE OPDRACHT IN HET KORT

1.1 DE OPDRACHT IN HET KORT Opdracht 03: een formulier ontwerpen Versie voor studenten v5.0 2010.04.28 James M. Boekbinder Skype: jboekbinder3641 E-mail: james.boekbinder@gmail.com Blog: http://www.razormind.info/infoconstructor

Nadere informatie

LinkedIn als marketingtool gebruiken, zo doet u dat!

LinkedIn als marketingtool gebruiken, zo doet u dat! LinkedIn als marketingtool gebruiken, zo doet u dat! Social media en content marketing gaan tegenwoordig hand in hand. Waar Facebook veel gebruikt wordt voor B2C-marketing, is LinkedIn juist meer geschikt

Nadere informatie

Responsive & Adaptive

Responsive & Adaptive Responsive & Adaptive webdesign door online regisseur Snakeware versie 1.0 woensdag, 17 oktober 2012 Uitgebracht door: Auteurs: Snakeware Martiniplein 15e 8601 EG Sneek Dhr. Gerben Kuipers gerben@snakeware.nl

Nadere informatie

LinkedIn - hoe meld ik mij aan?

LinkedIn - hoe meld ik mij aan? LinkedIn - hoe meld ik mij aan? Inhoud 1. Wat is LinkedIn?... 2. Aanmelden bij LinkedIn... 2.1 Registreren... 2.2 Uw profiel opbouwen... 3. De eerste handelingen op LinkedIn... 3.1 Navigeren met de menubalk...

Nadere informatie

9 redenen waarom jouw website geen klanten oplevert.

9 redenen waarom jouw website geen klanten oplevert. 9 redenen waarom jouw website geen klanten oplevert. Introductie Een goed ingerichte website met een goed uitgevoerde marketingstrategie is het ideale marketing tool voor ondernemers. Een goede website

Nadere informatie

Beheers de MULTI SCHERMEN WERELD

Beheers de MULTI SCHERMEN WERELD Beheers de MULTI SCHERMEN WERELD BELANGRIJKE PUNTEN Wat is een Multi-Schermen website? De groeiende belangrijkheid van Multi-Schermen websites Wat Google aanbeveelt What Google vereist Maak van je bezoekers

Nadere informatie

MARKTONDERZOEK. Content By Creative ArtWorks BV. Pagina 6 van 18

MARKTONDERZOEK. Content By Creative ArtWorks BV. Pagina 6 van 18 MARKTONDERZOEK De markt waarin The Webstarter zich bevindt is de markt van webdevelopment & webdesign. Veel bedrijven hebben al een website, maar je hebt altijd starters, bedrijven die toe zijn aan een

Nadere informatie

Snel van start met Linkedin?

Snel van start met Linkedin? Handleiding Snel van start met Linkedin? Je online CV, vacaturebank, sollicatiemedium en verzameling van professionele contacten in één! Blijf op de hoogte van de laatste ontwikkelingen op je vakgebied.

Nadere informatie

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

Nadere informatie

Wegwijzer: Een geschikt medium kiezen

Wegwijzer: Een geschikt medium kiezen Wegwijzer: Een geschikt medium kiezen Vandaag de dag heb je verschillende media ter beschikking om je doelgroep te bereiken. Maar welk medium kies je? Dat hangt af van je doel, doelgroep en de context

Nadere informatie

Zo ondersteun je jouw business met Facebook

Zo ondersteun je jouw business met Facebook Zo ondersteun je jouw business met Facebook Een goed begin is het halve resultaat! Graag willen wij je laten profiteren van enkele eenvoudige stappen die je kunt zetten, zodat jouw activiteiten op Facebook

Nadere informatie

Einddocument project 3: Voor het goede doel!

Einddocument project 3: Voor het goede doel! Einddocument project 3: Voor het goede doel! Koen Beijer 500684088 V1-02 Roger Reuver Project 3 Inhoudsopgave: Fase 1: de opdracht Probleemsituatie 3 De doelgroep 3 Het evenement 3 Het goede doel 3 Probleemstelling

Nadere informatie

Datanose. Laura Geerars, Vincent Damen, Marit Beerepoot, Meile Houtsma Groep 10

Datanose. Laura Geerars, Vincent Damen, Marit Beerepoot, Meile Houtsma Groep 10 Datanose Mini brief 21: De UvA wil dat Datanose ook goed werkt op mobiele telefoons. Zoek uit welke user stories specifiek op mobiel belangrijk zijn, en maak voor die user stories een gedetailleerd ontwerp

Nadere informatie

Checklist opmaken van een e-mail nieuwsbrief Sendt

Checklist opmaken van een e-mail nieuwsbrief Sendt sendt Checklist opmaken van een e-mail nieuwsbrief Sendt MailExpert BV Gouw 60 1441 CR Purmerend T 0299 316062 E info@mailexpert.nl W mailexpert.nl Sendt Gouw 60 1441 CR Purmerend T 0299 685572 E info@sendt.nl

Nadere informatie

Inhoudsopgave... 1. Inleiding... 2. Aanloopfase... 3. Startdocument... 4. Conceptfase... 5. Concept Free Time... 6. Concept Hot or Not...

Inhoudsopgave... 1. Inleiding... 2. Aanloopfase... 3. Startdocument... 4. Conceptfase... 5. Concept Free Time... 6. Concept Hot or Not... Inhoudsopgave Inhoudsopgave... 1 Inleiding... 2 Aanloopfase... 3 Startdocument... 4 Conceptfase... 5 Concept Free Time... 6 Concept Hot or Not... 6 Concept UpToDate... 6 Gekozen concept... 6 Ontwerpfase...

Nadere informatie

Succesvol dankzij internet

Succesvol dankzij internet Succesvol dankzij internet Gratis workshop voor Ondernemend Roombeek Enschede 24-4-2012 Jorik Heins Deze presentatie komt online beschikbaar op www.marketingman.nl/presentatie Vanavond Wat is een goede

Nadere informatie

Vragenlijst voor nieuwe website

Vragenlijst voor nieuwe website Vragenlijst voor nieuwe website Om het jezelf makkelijk te maken, print je dit formulier uit en vul je het gewoon met pen in. Overleg eens met huisgenoten, collega's en vrienden zodat je een juist beeld

Nadere informatie

Onderzoeksvaardigheden 2

Onderzoeksvaardigheden 2 Performance van Phonegap Naam: Datum: april 2012 Studentnummer: 0235938 Opleiding: CMD Docenten: Pauline Krebbers Modulecode: MEDMO101DT Modulenaam: Onderzoeksvaardigheden 2 / Media & Onderzoek Inhoudsopgave

Nadere informatie

Kevin Hoogeveen, Joey van Beerschoten Studentnummer: 11081538, 11059907 Alphen aan den Rijn Datum: 25-4-2013 Versie: 1.0

Kevin Hoogeveen, Joey van Beerschoten Studentnummer: 11081538, 11059907 Alphen aan den Rijn Datum: 25-4-2013 Versie: 1.0 Student: Kevin Hoogeveen, Joey van Beerschoten Studentnummer: 11081538, 11059907 Locatie: Alphen aan den Rijn Datum: 25-4-2013 Versie: 1.0 1 Het team... 1 1.1 Kevin Hoogeveen... 1 1.2 Joey van Beerschoten...

Nadere informatie

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0

Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Mixed Emotions Digitaal Functioneel ontwerp Datum: 3 april 2014 - Onze referentie: MEO.001-01 - Versie: v1.0 Inhoudsopgave Inhoudsopgave Inleiding 2 3 1. Achtergrond 4 2. Structuur 5 3. Inhoud Mixed Emotions

Nadere informatie

Hoe KENK Architecten nieuwe klanten vindt. met behulp van Snoobi

Hoe KENK Architecten nieuwe klanten vindt. met behulp van Snoobi Hoe KENK Architecten nieuwe klanten vindt met behulp van Snoobi Het is, onder meer in de bouwwereld en voor architecten, moeilijk om nieuwe klanten te vinden en er is veel concurrentie. Ook zijn er vaak

Nadere informatie

Claim Your Aim B.V. Vragenlijst. Websites, Social Media, SEO & Beveiliging. Datum: Plaats: stef@claimyouraim.com Tel: 06-24447057

Claim Your Aim B.V. Vragenlijst. Websites, Social Media, SEO & Beveiliging. Datum: Plaats: stef@claimyouraim.com Tel: 06-24447057 Claim Your Aim Vragenlijst Websites, Social Media, SEO & Beveiliging Opdrachtgever Opdrachtnemer Bedrijf: Claim Your Aim B.V. Contactpersoon: Msc. S.J.A. Bloo E-mail: stef@claimyouraim.com Tel: 06-24447057

Nadere informatie

Xbox One Backward Compatibility. Online Retail Toolkit Juni 2015

Xbox One Backward Compatibility. Online Retail Toolkit Juni 2015 Xbox One Backward Compatibility Online Retail Toolkit Juni 2015 Introductie Xbox One introduceert Backward Compatibility. Met deze functie kun je een steeds grotere selectie van je Xbox 360-games spelen

Nadere informatie

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald) Opdracht: Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je

Nadere informatie

1.9.9 Release Notes 28 oktober 2014

1.9.9 Release Notes 28 oktober 2014 1.9.9 Release Notes 28 oktober 2014 Inhoud Voordelen... 1 Overzicht... 2 Release Versie... 3 Nieuw... 4 Nieuw Tablet/Groot scherm weergave... 4 Ontwerp de Tablet/Groot Scherm Layout... 4 Site eigenaar

Nadere informatie

Titanpad. Answergarden. Wordle. Tricider. Resultaten Workshop ICT & Aps

Titanpad. Answergarden. Wordle. Tricider. Resultaten Workshop ICT & Aps Titanpad Answergarden Wordle Tricider Resultaten Workshop ICT & Aps Rotterdam, Landelijke Lio-dag 9 februari 2012 Beste student van de lerarenopleidingen economie. Jullie hebben op 9 februari 2012 een

Nadere informatie

Document oplevering designs Hansschuiling.nl

Document oplevering designs Hansschuiling.nl Document oplevering designs Hansschuiling.nl Document oplevering designs Auteur: Dirk Ottenheijm Opdrachtgever: Hans Schuiling Datum: 14-10-2011 McCloud Online idiots www.mccloudoi.nl info@mccloudoi.nl

Nadere informatie

advertentiemodel Versie: 1.3 Datum: 13 januari 2010

advertentiemodel Versie: 1.3 Datum: 13 januari 2010 advertentiemodel Versie: 1.3 Datum: 13 januari 2010 Inleiding Dreksbak.nl is dé jongerensite van Horst aan de Maas, en sinds mei 2008 uitgegroeid tot een begrip onder de Horster jongeren. Met meer dan

Nadere informatie

saleskit vtwonen.nl januari 2015

saleskit vtwonen.nl januari 2015 saleskit vtwonen.nl januari 2015 Over vtwonen.nl De website van het grootste en meest veelzijdige woonmerk van Nederland is een unieke one stop shop voor woonproducten, inspiratie en praktische informatie.

Nadere informatie

YouTube handleiding voor de Groenteman

YouTube handleiding voor de Groenteman YouTube handleiding voor de Groenteman In deze speciale YouTube handleiding voor de groenteman leest u informatie over wat dit sociale medium precies inhoudt en hoe u als groente en/of fruitspecialist

Nadere informatie

Ervaar het Beste van Online. In-Store.

Ervaar het Beste van Online. In-Store. Ervaar het Beste van Online. In-Store. AOPEN maakt gebruik van de laatste ontwikkelingen op het gebied van IT met als doel de digitale communicatie binnen een winkelomgeving te versterken. Door samen te

Nadere informatie

Internet en gemeentelijke website

Internet en gemeentelijke website Internet en gemeentelijke website Aanwezigheid aansluiting op Internet Het bezit van een computer; al dan niet met een internetaansluiting, is de afgelopen jaren gestaag gegroeid. Het lijkt erop dat aan

Nadere informatie

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl Bottleball Onderzoeksverslag MovingMonsters Uitgevoerd door Arno Classens a.classens@student.fontys.nl 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie

Nadere informatie

HANDLEIDING MARKTONDERZOEK MET GOOGLE ANALYTICS. Inhoudsopgave Basisbeginselen online marktonderzoek met Google Analytics... 3

HANDLEIDING MARKTONDERZOEK MET GOOGLE ANALYTICS. Inhoudsopgave Basisbeginselen online marktonderzoek met Google Analytics... 3 HANDLEIDING MARKTONDERZOEK MET GOOGLE ANALYTICS Inhoudsopgave Basisbeginselen online marktonderzoek met Google Analytics... 3 Wat zijn de kenmerken van je bezoekers?... 3 Welke apparaten gebruiken je website

Nadere informatie

TIME-TRACKING GROUPING

TIME-TRACKING GROUPING BY QUINTEN DAMEN Tegenwoordig is de mens minder sociaal. Dit komt mede door de sterke aanwezigheid van smartphones. De smartphone moet een hulpmiddel worden om de wereld om je heen te verkennen en het

Nadere informatie

Algemene regels. Stappenplan webdesign

Algemene regels. Stappenplan webdesign Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links.

Nadere informatie

18 december 2012. Social Media Onderzoek. MKB Nederland

18 december 2012. Social Media Onderzoek. MKB Nederland 18 december 2012 Social Media Onderzoek MKB Nederland 1. Inleiding Er wordt al jaren veel gesproken en geschreven over social media. Niet alleen in kranten en tijdschriften, maar ook op tv en het internet.

Nadere informatie

UW GOEDE NAAM IS GOUD WAARD, OOK ONLINE... NOORD-HOLLANDSE GOUDA MET HET RODE ZEGEL

UW GOEDE NAAM IS GOUD WAARD, OOK ONLINE... NOORD-HOLLANDSE GOUDA MET HET RODE ZEGEL UW GOEDE NAAM IS GOUD WAARD, OOK... EEN PAAR CIJFERS. 80% van de Belgen is nu aanwezig op het internet, binnenkort zal dit 90% zijn. Het aantal mobiele gebruikers is de voorbije 2 jaar verdubbeld. 60%

Nadere informatie

Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum:

Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit. Datum: Briefing Webdesign Bedrijf: Contactpersoon: Van: Karin de Wit Design Karin de Wit Datum: 23 Introductie Dit document is samengesteld om beter inzicht te krijgen in de informatie die een rol speelt bij

Nadere informatie

Van AllSolutions QX2 naar AllSolutions10

Van AllSolutions QX2 naar AllSolutions10 Van AllSolutions QX2 naar AllSolutions10 Pagina 1 van 11 Inhoud 1. AllSolutions10 gelanceerd... 3 Responsive... 3 Design... 3 2. AllSolutions10 activeren... 4 3. Aangepaste bovenkant... 5 4. Uw website

Nadere informatie

1. WAAR MOET IK OP LETTEN?

1. WAAR MOET IK OP LETTEN? 1. WAAR MOET IK OP LETTEN? In de begindagen van het web was een standaard website met alleen je contact gegevens voldoende. Maar klanten willen meer. Ze hebben de keus tussen vele aanbieders (waarvan ze

Nadere informatie

responsive design & merkbeleving Nils Vermeulen / Seminar

responsive design & merkbeleving Nils Vermeulen / Seminar responsive design & merkbeleving Nils Vermeulen / Seminar deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide

Nadere informatie

1. Inleiding Hoe wordt mijn website gemakkelijk gevonden in de verschillende zoekmachines.

1. Inleiding Hoe wordt mijn website gemakkelijk gevonden in de verschillende zoekmachines. Samenvatting In deze whitepaper wordt de vraag beantwoord: Hoe kan ik mijn website beter vindbaar maken in zoekmachines?. Om hier achter te komen wordt eerst achtergrond informatie gegeven over hoe zoekmachines

Nadere informatie

Implementatieplan Regio Talent

Implementatieplan Regio Talent Implementatieplan Wouter Kraakman Stagebedrijf: B.V. Stagebegeleider: Robrecht Bakker Stagedocent: Syts Tanja Opleiding Communicatie NHL Hogeschool 0 Inleiding Een advies kan je niet zomaar geven. Voor

Nadere informatie

didiclass 2.0 Opdrachtnemer: E-minor projectgroep Noordelijke Hogeschool Leeuwarden Opdrachtgever: Walter Geerts, de open universiteit

didiclass 2.0 Opdrachtnemer: E-minor projectgroep Noordelijke Hogeschool Leeuwarden Opdrachtgever: Walter Geerts, de open universiteit didiclass 2.0 Opdrachtnemer: E-minor projectgroep Noordelijke Hogeschool Leeuwarden Opdrachtgever: Walter Geerts, de open universiteit Projectgroepleden: Laurens Ruiter: laurens.ruiter@gmail.nl Dévit Schimmel:

Nadere informatie

Resultaten internetpanel Dienst Regelingen

Resultaten internetpanel Dienst Regelingen Resultaten internetpanel Dienst Regelingen Resultaten peiling 15: gebruik social media juli 2012 1. Inleiding Tussen 1 juni en 10 juni konden panelleden van het internetpanel Dienst Regelingen een peiling

Nadere informatie

Nieuw relatiemanagement- SCRM. Bestaande communities. Doelstellingen en strategie

Nieuw relatiemanagement- SCRM. Bestaande communities. Doelstellingen en strategie Nieuw relatiemanagement- SCRM 1 Social media audit Bestaande communities Doelgroep Doelstellingen en strategie Bestaande online communities Op welke social Media is het bedrijf Proximus reeds aanwezig?

Nadere informatie

C-two: brengt uw boodschap in beeld

C-two: brengt uw boodschap in beeld C-two: brengt uw boodschap in beeld Any Screen is Your Stage C-two - al meer dan 10 jaar dé audiovisuele communicatie-expert - ontwikkelt pakkende, professionele PowerPoint & Prezi-presentaties, Powermovies,

Nadere informatie

Student Recruitment 2.0. Op zoek naar de beste studenten Samenvatting

Student Recruitment 2.0. Op zoek naar de beste studenten Samenvatting Student Recruitment 2.0 Op zoek naar de beste studenten Samenvatting Inleiding Inhoudsopgave Ben jij op zoek naar jong talent? Zorg dan dat je up-to-date bent en vind de beste afstudeerders van top-universiteiten.

Nadere informatie

TRIFECTA. Let s Talk Let s Talk visual communication for entrepreneurs

TRIFECTA. Let s Talk Let s Talk visual communication for entrepreneurs TRIFECTA Let s Talk Let s Talk visual communication for entrepreneurs In American and Australian horse racing terminology, a trifecta is a parimutuel bet in which the bettor must predict which horses will

Nadere informatie