In the mobile app world there have been two clear design movements; Skeuomorphism and Flat Design.
Skeuomorphism is to preserve, to keep design looking like its real self. Whether that's cracks in pottery or rivets in metal, its all part of the process and process is beautiful. Where translated into the digital world things get a little wierd, so notes are laid like their in a book and textured like recycled paper. It just looks a bit much and rather fake.
Flat Design is, however, extremely trendy today. In simple terms it cuts out all the crap. One is left with the simple content. Below is a contextual example, an iPhone with the Skeuomorph interface next to which is the new flat interface. Flat Design consists of simple, bold colours and geometry.
It does come in many iterations and trends tend to widen the language.
The following few paragraphs will talk of apps from tech giants which are created by thousands of UI & UX designers research. These apps are chosen as these are trend setting, market leading apps.
A clean-line, simple, monochromatic and sophisticated user interface style has been addressed to the Instagram app. On the left can be seen the traditional, widely recognisable Instagram interface with the typical of apps header and footer navigation. The updated UI uses white as its primary colour and black stream lined icons.
The Uber app uses a card system. The idea is to slot information in these rectangle that sit over the background and can be pushed off the main navigation to delete or hide it. The main page in this instance is the map in the back over which different information cards appear as seen in the video below. This is am emerging style which moves away from solid pages like the previous iteration of Uber which was in its skeuomorph state. One remains on the same page, its just a change of information. This was first seen by Google in its search engine now incorporated across its range of apps.
This app is interesting as it takes conventions and simply skins them. We understand the standard protocol of mobile interface designs are the header and footer permanent rows. It takes that, but just like Intsgram they have kept a simple flat design, but Trainline uses bold colours to stop it from being bland. UI design is extremely important as the previous iteration as seen in the first screenshot where less than a million users downloaded the app. Since updating it become the best app of 2015 in Apples App Store with now over 9.4 million downloads.
Little details like a train ticket like form as a border to the information just adds a level of depth which reflects quality and effort. Details like this where possible it will be incorporated In this update Trainline updated their branding and across all products they reflect the same identity. The app and advert seem well connected and associated.
Snapchat a globally established and the most popular messaging app ever to be created is probably one of the most simplistic apps I have experienced. Simple, colourful, flat design just like the rest. Where Snapchat stands out is from its user experience point. It breaks away from convention though it has the same four section layout like Instagram, Twitter and Trainline. Instead of four icons it uses a left and right swipe, below we can see its layout. Had it used the conventional approach it would look like the mock-up I created below this. The app Bronte will have will also a simple app, it will have rather a smaller segment of information of deal this. This means I could be more creative with its layout and how users would interact with the app.
I could write for hours about beautifully and simply formed experiences and interfaces. Airbnb for example has a extremely simple and understandable interface which is by far the most aesthetically pleasing in its sign up process, but sometimes apps take a step back in order to a step forward.
Kickstarter had this beautiful app where when one scrolls vertically he goes through different categories i.e fashion, design, comic and art. And, if one scrolls horizontally one is scrolling through different projects. It maximises the space and removes unnecessary icons, it looks unconventional and cool.
Game Centre + Watch App
I have an iPhone and I go through every single app because i'm wierd. That's besides the point, I find the Watch app really interesting. These little bubbles that can move around and zoom in and out are kind of cool. I've never seen an app that uses these little bubbles as icons and one being able to navigate through an app. It would be different, fun and well simple as each bubble could possibly be single pages where once one has finished they pinch out of the bubble and into another. The interface the two apps, the Watch app and Game Centre have, are really beautiful. It is something in further development I will play with.
Material Design by Google
It is visual language used by Google to design the interfaces of their product line. Based upon Flat Design it uses bold, simple geometry. Motion and flat shadowing are the key principles that set it apart from other iterations of Flat Design.
At this point we understand an app is being ideated.
User interface & user experience have been researched.
Key design languages have been explored.
The next stage from here is to:
- Understand the user group, their demographics and psychographics
- User interaction- explore further options closely relating to the user group i.e AR has been explored.
- Study Bronte aesthetics and form a generic design language which they potentially follow
- Study design trends and details and work them into concepts
Museum Visitors are the audience for the app. The audience of the Bronte Society is different. They have a larger base operating in several countries with a wide range of nationalities. They are not an interest as this specific app model focuses on enhancing the spatial experience within the museum locality.
Fans of Bronte generally fall into families and institutions.
The primary audience make 36% of all visitors. If families were included as half of them being adults there could be a 7.5% increase creating a total audience of just short of 45% of all visitors. If a small portion of international and other visitors were to use the app then over half the visitors would be using the app.
The primary (institution's) user group are likely to own a smartphone and are expected to be tech savvy.
They would have a huge interest and desire to use the app.
Secondary school through to university students would find it hugely beneficial to their studies to have a educational app rather than just an interactive app.
From the age of 12 through to early thirties', from students to novelists. This app needs to appeal to this audience. A level of sophistication, but also an easy to understand and navigation would be extremely important considering the age range.
All the research and data collated was through observation, informal interviews and discussions with the Bronte staff including members of the society.
Virtual Reality / Augmented Virtuality
Due to the wider audience gamut that are being catered for, further development in possible interaction forms is required. AR would be totally suitable for the age range, but VR i feel needs to be considered.
VR or virtual reality is being in a virtual world. A headset which would cover your eyes from the real world would take one into a virtual world. That would be a long-shot to be considered for this project. That does not mean we could not explore other possibilities in the mixed reality sector like augmented virtuality. It is a level between virtual reality and augmented reality. It is just like augmented reality with virtual aspects.
Considering the small interior of the museum and its cobbled surrounding as a designer i would feel extremely uncomfortable and rather neglecting of my responsibility of safety.
It's an old, stone village with no railings or other safety features and having people walking around over those slippery cobbled floors in virtual senses would be inappropriate, therefore, it is being ruled out.
Educational/ Museum Apps
The user group and their purpose of visit being considered it is important for this circumstance to create an educational platform to feed off. The Canadian Museum of Civilisation as seen in the first screenshot provide audio tours around the museum. It is highly popular and effective.
The Guggenheim app is not only known for its distinctive style, but its innovation. It allows users through the app to select specific rooms of different floors to read of specific exhibitions.
The MET app has a blog like style where the app updates hourly providing a fresh stream of news about art and offering on the day. They present short, informational texts every so often which is contextually relevant obviously.
This model examines virtual reality integration within the museum would function. In this particular model circles are created on the images the camera produces. Each circled area is an information tab. Once clicked it opens into a contextual brief in a card like system. Aesthetically the first image looks fine, but the second image looks really out-dated in style and the three lined menu icon looks awkward.
In this model what we see is the phone again in a virtual environment, in this instance virtual enhancements are formed. On Charlotte Bronte's costume her head can appear. Many different objects can appear in different locations which otherwise could not be placed. There's a level of enjoyment in discovering and one can spin da whole day wandering their phone's around and finding artefacts or enhancements to artefacts.
Bronte Design Language
The Bronte design language consists of this green tone played with white. In Terms of font choice, that widely varies from print to web and pages of the site which differ in fonts. I feel the language is quite basic and requires a graphical rebranding. Therefore, the concept i would be presenting would differ from this slightly basic and out-dated avenue.
As there is no clear direction for the language which is to followed and it is too early of a stage to create details for the concept, items like the icon would be created after initial client meeting where aesthetic decisions would be made. I have designed a logo based upon the icons of previously discussed apps, hugely inspired by Instagram. I used the existing logo, turned it white and used the background from the cover of a version of Wuthering heights as it is one of the most popular of the Brointe books and it also is to some degree in keeping with the existing colour scheme as we do want to promote the prestigious feel of the current scheme.