For this web design. I have focused moreso on the interactivity. The map has been enlarged in order to fit a larger scale floor plan and icons have all resources & facilities have been listed below - including the ones featured on the map. The map itself uses the same user interface as the previous design - the user hovers over a particular area, the background changes and once clicked, a pop up appears revealing more information.
Underneath the map, I have listed all the resources/facilities available in the college through their respective icons. The 3 which are present in the map are highlighted in colour whereas the others are light grey.
When the user hovers over any icon, a tool tip appears above indicating what resource it is. The user can then click this, loading a new page showcasing where it can be found or simply indicate on the map where it is (if on the correct floor).
No comments:
Post a Comment