Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Design planning: making a stylish difference

Sandro Cantante

August 16, 2022

Min Read
Design planning: making a stylish difference
blue arrow to the left
Imaginary Cloud logo

MAKING A STYLISH DIFFERENCE

One of the perks of design is being able to create different experiences based on the same data. There are multiple ways of turning a set of information and requirements into a positive experience for the users, such as Tinker did.

The following comparison shows how the same information can be organised in two different ways, both being easy to use and providing a great experience.

Final Fantasy VII Battle Interface

The Final Fantasy VII battle interface presents everything that the player needs. Through the usage of menus, text, numbers and bars, all the important information is available in a simple and practical way. The interface couldn’t be made easier or more intuitive and one could hardly point something negative about the experience that comes from it. Up to Final Fantasy XV (2017), all the following games in the series use variations of this same menu and that's proof enough of its quality.

Straightaway, Persona 5 seems to provide a completely different experience. However, its interface is based on the same information, only styled in a different way. Apart from the distinctive ways to select each option – single button actions against selecting options from a menu – everything works the same way.

Persona 5 Battle Interface

Different styles can provide very different experiences. Even if the features that stand on the base of the menu in both cases are very similar, the style applied in Persona 5 makes it stand apart.

This type of style was not missed in Final Fantasy VII because, in reality, there’s nothing wrong with its interface in the first place. Now, if we take a good look at Persona 5, it’s clear exactly how much difference it can make. While at it, if you’re interested in a more in-depth analysis of the beautiful UX/UI design of Persona 5, you can follow this great article about it.

blue arrow to the left
Imaginary Cloud logo

STRATEGICALLY THINKING

Previously, I made it clear that style makes all the difference in the experience users have. Now, we’ll see the strategic aspect of it and the consequences of such design decisions. They sometimes might seem like small changes sometimes, but UX and UI design will define the projected image of a product's communication style and positioning.

Bloomberg Website (2016)

Bloomberg is a great example of boldness in its design, one that we already explored in another context in a previous article. The example above shows how the website was before their latest redesign and, looking at it now, it seems as there's nothing wrong with it. However, sometimes it's not about looking better than before, but about looking differently.

As John Micklethwait, Bloomberg’s editor-in-chief, explained, they gave their website a cleaner look in order to simplify the user’s experience. Looking at both websites now, the main difference between them is the style. They went back to black & white and organised a few elements differently, but the interface is very much alike. While it may seem like a cosmetic change, it will, in fact, greatly impact the user experience.

Bloomberg Website (2018)

In the end, style is what makes the desired user experience possible. Just as easily, a user can accomplish the same on both Bloomberg examples presented here. The main difference regards the company in itself, that projects a different image with each option.

blue arrow to the left
Imaginary Cloud logo

WHEN IS IT TIME TO CHANGE?

There’s no such thing as the best time to redesign. Although this applies to design in general, graphic design shows it better. For instance, Twinings of London uses the same logo since 1706, while Juventus Football Club drastically changed their logo after 112 years of consistency. Some products never change whilst others change almost every year and that's perfectly natural.

That’s what’s so interesting about the examples that were shown in this article: all of them represent perfectly healthy UX/UI designs. In the end, there’s no good or bad styling, just a particular style that is more suited to meet each product's business goals. It’s much more connected to strategic thinking - which is also part of product design - than interfaces or experiences.

Another good example comes from Google, as Chrome recently changed to integrate Material Design. Even if it doesn’t differ much from the previous interface, keeping a similar experience, it’s undoubtedly a statement that represents a strategic decision. For instance, it’s different from what happened with Gmail earlier this year, as its interface and experience changed considerably.

Equally good options can represent contrasting positions in the industry and, consequently, the best time to change is when one doesn’t feel comfortable with the image that is being projected by their design. Sometimes, it doesn't take much to change drastically. It’s just a question of playing with the product's style and adjusting it according to the business goals.

At Imaginary Cloud we always try to design each digital product as unique and stylish as possible. If you’re looking for help with UI/UX design, we have a high-skilled team waiting for you! Drop us a line here!

Ready for a UX Audit? Book a free call

Found this article interesting? You might like these ones too!

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Sandro Cantante
Sandro Cantante

Content manager, text editor, and presenter of strategic ideas, along with being an avid fan of the cinematic arts and visual storytelling.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon