OUGD504 - Design for Screen - City Mapper

City Mapper is an app for navigating a city, this is an example of good user interface, though it takes a few minutes to adjust to the app is easy to use and works with a lot of content. The first page the user is presented with, shown on the left. There are five initial options just below the map, Saved, Bus, Bike, Tube and Rail. This much like the Tate websites narrows the search right away to best identify the needs of the user.
Under the 'Get Me Somewhere' section the user is able to type a location an address, or a placename and the app will show suggested routes for this location. A useful aspect of the City Mapper app is that the map can be used and will move even without internet connection, this is a design feature that really sets apart this app from other Mapping devices. 



If the user clicks on 'Tube' this screen is shown, giving information on closures currently to make sure the user is fully aware of the most efficient route. As the user moves around the app the background colour changes this is a really simple way of distinguishing between information. The overall design is simple, engaging and too the point, shown through clear typography, flat colour and competent hierarchy.

  Pin's are a feature of maps that are used throughout app design. These red pins contrast with the map and the green background making them clear and easy to read. Clarity of information within mapping is very important. Another really really useful feature is the live updates this makes the app much more useful compared to something like Google Maps.

City mapper uses Google maps for its mapping, much like many apps this allows a familiarity for the user and the app can be confident that everything is around about in the right place. For my project, there is no need to design a new map altogether.