Freestyle Layout in the new Sense experience is one of the quieter but more remarkable features of our updated user interface on HTC 10. Up against elements like the camera and audio quality, how can the user interface compete? But it can, and it does.
Our Community Team in Taiwan had a chance to interview the designers of Freestyle Layout and learned that this feature, while understated, is quickly marching HTC into the future phone experience it truly wants to create.
When asked what inspired the creation of Freestyle Layout, the designers said that they’d been thinking a lot about a few reports touting the creative benefits of a messy desk. In particular, these reports emphasized that people have unique processes that help them work more efficiently and effectively.
So the designers wondered: why hasn’t anyone wanted complete freedom to organize the apps on their phone however they’d like? Despite the variety of smartphones on the market, the interface of phones basically looks the same across brands – apps are organized in grids and icons take very similar forms.
“Gridlines are enemy number one. It’s rules like this that cause phone layouts to more or less look the same.”
And to that point, our designers believe that any true act of customization is a personal decision and shouldn’t have to answer to excessive or unnecessary rules; true customization doesn’t require explanation. The soul behind the move to “freestyle” is a push for a truly unique and custom experience that would as familiar to its creator as it is personal.
“It’s never just a matter of aesthetics, logic, or clear-cut UX practice. It’s instead a matter of taking back what should ultimately belong to the user and no one else. In this case, that’s the decisions and logic made to craft a true customization experience.”
Around the time Sense 7 was completed, the team decided they needed something really groundbreaking to further the concepts of Sense and Themes. And thus was born Freestyle Layout.
Freestyle Layout Mooncalf sketches and one pane of the final design.
The technical difficulties of removing gridlines from the user interface were challenging to resolve. There were also some complications to overcome in having stickers and icons overlapping each other – which, yes, can happen with Freestyle Layout. These couple issues cause difficulties with the logic behind every touch activation, as well as with the API calls underneath the layout mapping.
In addition to the technical complexity of creating the Freestyle Layout system was the difficulty in communicating a new layout construct that doesn’t adhere to any of the familiar elements of a phone UI. In Freestyle Layout there are no gridlines; there are optional labels and titles that users can choose to show or not, but no real rules or limitations. Apps are no longer bound to their specific icons and all known elements are now free to take any form. So how do we design an effective process that allows users to intuitively pick up this new system? The designers are still working on ways to improve this.
Interestingly, the Freestyle Layout design team was considering a compromise to keep the gridlines but introduce more flexibility and remove the ability for stickers and icons to overlap. The R&D team fought hard to keep the original vision of a completely customizable UI, though – and they won.
The Point of It All
One of the designers shared a story about her high school-aged sister sticking with HTC over other smartphone brands because of the unique, limitless themes from the HTC Themes app. With Themes she can truly make her phone her own. This not-so-uncommon opinion has led our designers to believe that HTC Themes is on its way to becoming an iconic element that makes up the very blood and soul of an HTC product.
“It’s hardly something incredibly innovative, nor would it help with hardware performance or the ongoing battle of the specs that comes with every new generation of phones. Instead, it’s a return to the basest desire to express yourself, and the ultimate will to celebrate your uniqueness through that expression.”
Through the Freestyle Layout feature, HTC Themes has attempted to take that freedom to the next level: to provide an experience that allows for true customization without rules, and one that, in embodying that freedom, helps users make something they believe is truly unique and worth cherishing.