The importance of Material Design

  • Interface design is important for branding, but user experience is king
  • Guidelines are a great tool but not the be all and end all of design

 

The importance of Material Design

 

BRANDING has always been essential for any product’s success, and in today’s world where digital brands are king, it has never been more important for the simple fact that the majority of user interactions are not with the physical product itself – the phone or computer – but rather with the software.

This, of course, is where user interface design (UI) and user experience design (UX) come in. With digital brands, UI and UX come together to create a purposeful brand experience. This means that, from the user’s perspective, the interface is the brand.

This is clear to anyone who has used an iOS product; the iOS Human Design Interface Guidelines that Apple Inc set out years ago inform the look and feel of all iOS software, standardising them across the board for use with the numerous varying Apple hardware.

Google has historically had a harder time standardising interface design because of the sheer diversity of hardware that uses Android software. The large and small differences between specifications of the scores of hardware brands that use Android technology mean that it has been impossible to standardise Android UI.

However, Google came up with its own design language called Material Design in late 2015, and a guideline called Material Design. According to Google, these material design guidelines are meant to “create a visual language for our users that synthesises the classic principles of good design with the innovation and possibility of technology and science”.

Shafwan Radzi (pic, above), designer at Malaysian tech-solution startup Wired In, opines that Google created the material design guidelines to ensure a standard identity to allow users to identify products as being part of the Google brand. “I think it’s more for branding than anything else,” he says.

In the introduction to the guidelines, Google does in fact state that the guidelines are ‘a system for uniting style, branding, interaction and motion under a consistent set of principles.’

Some designers have gleefully jumped on the material design train and ridden it to success while others are taking it in with a grain of salt. The question is how important is material design really? Do designers really require guidelines to create perfect UI and UX?

UX > UI

 

The importance of Material Design

 

As with any type of design, UI follows trends. The current trend with Android layouts is for the design to mimic the real world in as much as the buttons have a slight 3-D effect from shadowing – this is meant to replicate what a piece of paper looks like when laid on a flat surface. iOS, however, favours a flat design, meaning there are no shadows.

There was a time when design mimicked the real world, such as with buttons that look like wood. UI was simplified to look more modern, and also because designers and programmers realised that the cleaner the design is, the faster it renders. This is important because, from the user’s perspective, this makes the app in question seem quicker.

This also works for web design – the new YouTube interface design, for example, is rendered faster, looks cleaner, and its responsive and fluid design means that user experience is enhanced.

Interface design, therefore, is the thing that informs user experience, which is all important because of the way people use apps nowadays. The most popular apps in Southeast Asia are messaging apps - Nielsen puts WhatsApp Messenger, Facebook Messenger, and WeChat in the top 10. People wake up their phones to look at a messaging app, reply a message and lock their phones again.

When using YouTube, which is the fourth most popular app in Southeast Asia, most people open the app, search for a specific video and then full-screen the video to watch it.

This means that most of the time the user is not actively using or interacting with all the features of the apps, so the UI is lost on them. What really matters is the UX.

“UX is the main thing,” says Shafwan. “UI follows trends – you can see this as the guidelines are constantly changing and evolving. But UI is still important because it serves the UX.”

Next page: Material Design a living document

 

 

Not a bible

 

The importance of Material Design

 

If UI is important for UX, the material design guidelines make things easier for Android designers not least because it tells them how the UI works for different devices and screen sizes. It significantly reduces the problems of fragmentation in third-party software so that, technically, designers do not face scenarios where their design does not scale for different screen sizes, for example.

In fact, according to Google, the guidelines were created as a step towards developing “a single underlying system that allows for a unified experience across platforms and device sizes”.

Taylor Ling (pic, above), co-founder and chief design officer of habit-forming companion app Fabulous, which won Google’s Material Design Award for Most Charming Engagement this year and was nominated for Google Play’s Best App Award, opines that though the guidelines are a great tool, designers must be careful to not allow them to restrict innovation.

“People think that if they follow the guidelines completely, they will create the best and most successful app, but this is the wrong way to look at it. It’s just a design guideline, it doesn’t fix bad UX. An app with bad UX has no value to the user,” he says.

Even so, Ling says that some designers treat the material design guidelines as a bible not just to the detriment of UX; they end up losing the personality of the app’s own brand. “You can absolutely deviate from the guidelines if necessary. They are basically general design principles for you to know. Ultimately, your design must be able to make your brand shine,” he emphasises.

“Ignoring or losing brand identity when designing is a rookie mistake,” adds Shafwan. He prefers to see the guidelines as a sort of default design setting to which designers can add their own flavour. “Some of the guidelines restrict you in a way. If you just follow the guidelines blindly the UI might not work. Sometimes you need to push out of the box a little bit.”

“It’s great for people who are just starting out with designing or those who don’t want to spend a lot of time thinking about the logic of design – they can just follow the guidelines,” he continues.

Things to get right

 

The importance of Material Design

 

Though Ling opines that Google never meant the guidelines to spawn trends in UI, it seems that they do in the end do this solely by existing. Material Design is a living document and the guidelines change over time, which may, says Ling, reflect current trends in UI.

On the other hand, design that completely ignores Material Design and does not use the popular Android UI risks alienating users. Ling, however, says that such apps can still be successful as long as the design takes into account the human factor – who the user is, how they use the app and for what purpose. In other words, UX that works will save an unusual or different UI.

Shafwan says that getting a design to work on the first try is very difficult, and the only way to know that the design really works is through user validation. What a designer must strive to get right from the very beginning is the UX.

“The flow, the essence and the idea of the app must be correct first. This is not just on the design side of things but also on the development side. The developer needs to be clear on the vision of the app, and there must be clear communication with the designer,” he says.

Lack of communication between designer and developer is a common mistake and one that can severely impact the success of an app. “The engineer is the one who builds the product that the user is going to use, so no matter how great the design idea is, without clear communication between developers and designers, the end product will never work,” says Ling.

Ling adds that the one thing that designers must always remember not matter what device, software or brand they are designing for is that the product is not going to be used in an imagined ideal world but rather in the deal world where the diversity of users and availability of technology are varying factors. Interaction patterns, bad data connections and numerous other factors must be considered.

In the end, the important thing about UI, and about material design is that it is design with a purpose. “Before you do anything else, you must understand what problem the product is trying to solve. A designer cannot think about it just from the perspective of art. It has to be functional. If you have no constraints whatsoever then it can be art. But design has to have constraints,” says Ling.

Material Design being a living document means that there is always room for improvement, but the unity of design that the guidelines have so far created hints at better, more interactive and evolving design in the future.

 

Related stories:

Bringing the future a step closer to home

Realise your Fabulous self

Google for Entrepreneurs, KIBAR launch Google Lounge

 

For more technology news and the latest updates, follow us on Facebook,Twitter or LinkedIn.

 
Keyword(s) :
 
Author Name :
 

By commenting below, you agree to abide by our ground rules.

Subscribe to SNAP
Download Digerati50 2018-2019 PDF

Digerati50 2018-2019

Get and download a digital copy of Digerati50 2018-2019