De opdracht was aan de hand van de al gemaakte screenshots een analyse maken van amazon.com en imdb.com.
Hierdoor moet je onderscheid maken tussen navigatie en zoek elementen.
GROEN = Zoek element(en)
BLAUW = Navigatie element(en)
Op dit screenshot bestaat de homepage meer uit navigatie-elementen dan zoekelementen.
Het logo van amazon valt onder navigatie-element, want als je daar op klikt ga je terug naar home.
Aan de linkerkant heb je een menu waardoor je kan navigeren. De rest van de homepagina staat vol met reclameboodschappen die de bezoeker moet aansporen om een product te kopen.
Het enige zoekelement op de pagina is de searchbar, daar wil ik zoeken op “Japanese Science Fiction”.
Als ik op “Go” heb gedrukt krijg ik een lijst van zoekresultaten. Alle zoekresultaten vallen onder het zoekelement samen met de zoekbalk. De posters en andere links waarop je kan klikken in het groene vlak zijn navigatie-elementen. Net zoals het menu aan de linkerkant is nu veranderd in een categorie die daaronder weer onderverdeeld is onder subcategorieën.
Verder is er onder de zoekbalk, reclame bij gekomen. Dat valt ook onder navigatie, aangezien het je doorlinkt naar het betreffende product. De rest van de pagina is hetzelfde gebleven.
Op dit screenshot heb ik gekozen om geadvanceerd te zoeken.
Het hele gedeelte om geadvanceerd te zoeken valt onder het zoekelement omdat je via dit gedeelte je film kan vinden.
En niet te vergeten de searchbar.
Het menu aan de linkerkant is weer veranderd en dit keer in een andere categorie. Ook is de reclamebanner veranderen in James Bond, als je daar op klikt kom je terrecht bij de James Bond pagina.
Na het vorige screenshot moet je dan een overzicht krijgen van alle zoekresultaten, maar het is een beetje overbodig om dezelfde navigatie en zoekelementen nogmaals te laten zien. Dus vandaar dat ik gelijk doorga na de informatie van de film.
Het enige wat hier verandert is, is de content van het middelste gedeelte. Dit gedeelte is een zoekelement. Binnen in deze content staan nog links die verwijzen naar andere pagina’s. Dit valt onder de navigatie elementen.
Als je op de homepagina verder scrollt naar beneden komen er nog leuke navigatie-elementen naar voren.
Via deze links wordt je doorverwezen naar andere pagina’s.
Er zijn geen zoekelementen op deze pagina te vinden.
Opvallend is dat de top van amazon.com dezelfde navigatie-elementen behoudt.
De rechterkant van het menu verandert als je door de site heen navigeert. In dit geval dus als ik op Pulp Fiction heb gezocht of gebrowst.
Het groene gedeelte zijn de zoekresultaten die je vind als je op Pulp Fiction zoekt. Verder staat er linksonderin nog search list mania dat is voor de keywoorden op een andere pagina. In het groene gedeelte vind je ook weer navigatie elementen.
Deze pagina laat zien als je dieper in de site navigeert. In dit geval ben ik door gaan navigeren op de regisseur Quentin Tarantino. Doordat ik daar op heb geklikt krijg ik nu alle resultaten of beroepheden die Quentin Tarantino heeft gedaan. Dus valt die informatie allemaal onder zoekelementen. En natuurlijk die links waarop je kan klikken valt onder navigatie-elementen.
Verder kan je onderop deze pagina nogmaals zoeken op producten en dat valt ook onder zoekelementen.
Op deze eerste screenshot is er op Quentin Tarantino gezocht opzoek naar Pulp Fiction.
Het zoek resultaat is de groene vlak in het midden dus alle content die daar inzit is ook van de zoekfunctie.
Het blauw in het groen zijn de links naar pagina’s met de aangegeven tekst.
Op Quentin Tarantino zijn veel resultaten gevonden zoals: zijn naam, titles karakters en alles wat met hem te maken heeft hiervoor zijn allemaal verschillende links voor gemaakt om daar heen te kunnen linken.
De plaatjes zijn eveneens links die naar een plaatje van hem gaan zoals te zien is zijn dat er 138.
Met deze zoek resultaat van Death Proof is het beeld weer opgedeeld in groene en blauwe elementen buiten dat het een andere pagina is zijn er weer wat elementen bijgekomen. Aan de linker kant kun je uitgebreid zoeken naar top links, promotional, revieuws etc….
Het zoek resultaat zelf dan (groen is aangegeven) is net even anders. Zo zijn er 3 algemene links boven in bij gekomen met photo’s, board en Pro details. Dit zijn diepgaande links die naar elke film kunnen linken en elk plaatje van bijv. de maker van de film of film zelf.
Hieronder staat een dropdown menu om te zien wanneer deze is uitgekomen.
Bijna onderaan staat een + waaruit de revieuw kan klappen van deze film. Onder deze + staan weer links die met de film te maken hebben.
Dit is het browse gedeelte. Hier kun je zien waar naar je kunt zoeken dat zijn dus ook de links.
Helemaal onderaan deze pagina staat een soort van site map die naar allemaal functies linken.
Copyright, search, home, my movies. etc…
Je kunt van A tot Z browsen.
Aan de linkerkant kun je naar related links zoeken en naar advertisement.
Dit is het browse resultaat van Pulp Fiction. Hierin kun je veel te weten komen over de Cast, overvieuw, de rating en de top 250.
Ook is het mogelijk om de foto’s t bekijken.
Aan de linker kant is het tevens weer mogelijk om uitgebreid te zoeken naar top links, promotional, revieuws etc….
Dit is de Power Search pagina van IMDB hier kun je uitgebreid naar de titel van de film, crew naam, karakter naam en op woord zoeken daarom is dit alles met groen aangegeven.
Aan de linkerkant staat een tabel met allemaal verschillende soorten search. Zoals: popular search, advanced search en extra content. hierin kun je specifiek op een eigenschap zoeken van bijv. een film.
Dit is het zoek/browse resultaat van de nieuwste japanse film. Hierin kun je veel te weten komen over de Cast, overvieuw, de rating en de top 250. Ook is het mogelijk om de foto’s t bekijken.
Aan de linker kant is het tevens weer mogelijk om uitgebreid te zoeken naar top links, promotional, revieuws etc….
Het genre bowsen van de nieuwe japanse film houd in op deze pagina dat in het midden allerlei genres staan van Actie tot Romances, hieruit kun je kiezen en verder films op uitzoeken.
Onderin van deze pagina staat nog een search balk waarop je gedefinieerd met jouw ingevoerde tekst kunt gaan zoeken op genre deze genre kun je met een pull down menu opzoeken.
Aan de linkerkant kun je links een menu vinden met allemaal opties om naar een film te zoeken er staat hier ook andere info bij over mensen, de film, de business etc…
