Herontwerp TechDeals
Wat houd het in?
Dit project komt uit het eerste jaar van mijn studie CMD van het vak Patterns. De opdracht bestond uit een herontwerp van de originele website 'TechDeals Asia' naar de website 'TechDeals NL'. Bij dit project heb ik kennis gemaakt met de verschillende patronen (patterns) op een website om de gebruikers op weg te helpen. Zo heb ik onder andere het menu, breadcrumbs, knoppen, lijsten, lader en het bestelproces moeten herontwerpen.
Het proces
Ieder kreeg dezelfde sitemap en kleurenpalet, zodat we dat niet zelf hoefden te maken en ons echt op de patronen konden focussen.
Het project was opgedeeld in weken waarbij elke week de focus op een ander patroon lag. Voor elk van deze patronen heb ik voorbeelden op moeten zoeken, zodat ik leer wat het patroon is en zodat ik deze kan herkennen op websites. Het begin van elke week was dus voornamelijk theorie. Door actief bezig te zijn geweest met het opzoeken van voorbeelden, heb ik ze sneller opgenomen.
Het eind van elke week heb ik het geleerde patroon toe moeten passen in mijn eigen herontwerp. Dit vond ik het leukste deel, omdat ik een eigen draai aan het patroon kon geven door het in mijn stijl te ontwerpen.
​
An het einde van het project ben ik samen met een beoordelend docent mijn herontwerp doorgelopen en overal toelichtingen gegeven. De docent heeft mij vervolgens beoordeeld met een voldoende.
Een style guide met de patterns die voorkomen op de verbeterde website
De herontworpen homepagina met focus op navigatie en overzichtelijkheid
Op deze pagina ben ik bezig geweest met de filter opties, paginatie en wat er gebeurt als de muis over een item hovert
Op een lange pagina moet duidelijk zijn welke onderdelen bij elkaar horen en moet er gepuzzeld worden waar welke informatie komt te staan. Dit heb ik in deze pagina voor het eerst ingedeeld
Ook het bestelproces moet duidelijk en overzichtelijk zijn voor de gebruikers door onder andere de labels en inputs op een goede manier neer te zetten
Terugblik
Het hele proces van patronen leren, patronen herkennen en patronen maken heeft ervoor gezorgd dat ik tot heden deze patronen gebruik in projecten. Dit helpt om de ontwerpen gebruiksvriendelijk te maken.
​
Voor een van de eerste projecten van deze studie, vind ik dat het aardig goed ging. Ik heb de patronen geleerd en toegepast in een eenvoudig ontwerp. Nu ik terugkijk op dit project, zie ik met mijn huidige ervaringen natuurlijk nog verbeteringen. Zo zijn sommige afmetingen, plaatsingen en benadrukking niet overal gebruiksvriendelijk en consistent. Maar ik vind het een goed begin van mijn studie en het laat mijn groei over de jaren zien.
​
Via deze link en hieronder kan door de pagina's geklikt worden.
