OUGD504 - Design for Screen - Designing App

Opening page and prompts.

 Informed by the great user interface of Tate.org these three prompts What? Where? When? come together to make up the the opening page of the app. The idea is that this would allow quick easy access to the information the user is looking for as well as giving options for if the users doesn't know what it is they would want to see.

Simplifying the information that is on show is important as often there would be an overload of content. 

Navigation bar.

This image shows the navigation bar, using three simple shapes inspired by the Bauhaus designs using a triangle, circle and square in the colours shown. This relates to the theme of art but in a simplistic way that doesn't take away from the content on show. 

These drop sown menus give categories of art, about the galleries and what day/week/month etc. 

This quick process will thin down the results considerably and show the user hopefully exactly what it is they want to see right away. 

The option to skip could be a feature of this screen that allows existing users to get to where they want right away. 

Home page.

The next page would be the results of the initial prompts in this case 'Everything', 'Amsterdam' , 'Today'. 

This page shows the generous space for the map, this will enable the user to see large where they are and what is around them - something highlighted in my feedback as important. 

Below the map shows the most relevant galleries from the initial prompts, if the user doesn't use these prompts this would show the most popular and appropriate exhibitions related to the location of the user. 

With the navigation bar the colour of the page being used is the only one to show up, this allows the user to be sure of the section they are in as well as linking to the art theme of the app. 

Informed by feedback what is on show for each exhibition is key in the delivery of the information. 

This hierarchy of information needs to show, whats on, where, will when and how much. Using coloured, italic and varied weights of type. Images alongside this text was another feature that was highlighted through feedback as key, using horizontal swipes allows the users to see more than just one image of each gallery.

If the map is clicked on the view is expanded this allows the user to zoom in and out to see in more detail what is around them. Keeping the search bar and navigation bar allows the user to search more specific exhibitions, artist or galleries. 

Continuing from this if the users clicks on a gallery in the map this large box would pop up and give information on the gallery, what is on etc. 

The size of this page needed to be readable as well as being able to be navigated, everything that can be clicked on and scrolled through needs to be at least a finger width. 

This page needed to show further information on the gallery keeping with the same design style. The same page hierarchy of the exhibitions was kept consistent. 


On the image of the building there shows a slider so the user can look at more than one image without having to load another page. 

As a part of the home page if the user is to not use the map and scroll through the exhibitions in the list on show this is the kind of thing that they would see. The same page set up and hierarchy has been used to keep consistency and insure the information is delivered in a clear and concise way.  
There is still improvements to make on this page but overall the way the content is laid out is clear and effective. 

In apps like Instagram the user is give an option to how they see the information, in a list view or a grid, this could be something to consider with further developments.

If the viewer is to click on an exhibition this drop down extra information is shown, giving again further information into the gallery or exhibition. 

Again using the slides on the image so the user can see more about what it is they are going to be seeing.

How this drop down is animated is another design consideration and need to be worked out when it comes to it. 

Three features that where highlighted through feedback as being useful is the option to - Buy tickets - Add to Map and Add to calendar. 

Other pages that will need to be designed for the home page could include, another page for specific museums or galleries, Artist specific pages etc.

Explore.

The idea of the explore page is to give users that have no real idea of what it is they want to see a range of options. 

Using the yellow triangle as the navigation to insure clarity of information throughout.

These articles would be changing and updating constantly in relation to where the user is and what it is they want to see. 

Clear and simple type insures what is being shown can be understood straight away. Large images allow the work to be the focal point. This explore page would hopefully give more of a level plain field for smaller galleries.

This page in the explore section has been taken from an article by 'The Guardian' showing how these pages would be laid out. Showing large images alongside relevant information. 

The page layout and typographic hierarchy allows the relevant information to be clear.

Profile.

The profile section is the final of the three signified with a red square.
Informed by feedback a calendar, information about personal galleries and personal artists were highlighted as important for a profile section.

With this in mind the profile section has been designed to be familiar to social media users, once again using the same typeface to keep the branding of the app consistent. 
































Influenced by the Apple design guides and their own calendar I have designed these simplistic user friendly calendars showing the weekly, monthly and daily views. 


































This page shows the daily view with a exhibition in the calendar, when the users clicks the add to the calendar button this is where the information would go. 

Conferring with my class mates I asked what would need to be shown in the profile section, the idea of being able to send notifications to friends via Facebook and Instagram about exhibitions was a feature that seemed useful and relevant. 


Further pages to develop on this page could include the My Galleries, My Artist, favourites, interests, share and add to maps.

With the icon for the app it seems appropriate to use the three shapes as it relates to the overall identify and navigation through the app. 

The name is another difficult decision, the name Museo Map seems relevant appropriate and more universal. As the app is intended for global use this could be an effective name. 

With the large amount of weights and sizes to the typeface this allows a consistency throughout but conveys very different kinds of information.


Overall so far the app seems to be very appropriate and innovative keeping up this level of professionalism is key to the communication of the solution.