LG provides one of the better explanations about flatter user interface design

LG provides one of the better explanations about flatter user interface design
The world is flat. Or, it’s becoming flatter when it comes the user experience on the newest crop of smartphones. The world was all abuzz when we started to learn about what iOS 7 was going to look like when it was introduced last year.

Gone was the skeumorphism that adorned the user interface designs in previous devices. Yes, Apple was arguably the first on the scene, but given how quickly the other user experiences followed suit with the competition, it is safe to say that everyone was on the same page for the most part.

The methodology behind the flat design gets talked about here and there, but LG put together a rather nice presentation behind the nuances of turning the world of its user interface flat. Since LG’s logo is a circle, the motif follows geometry that is centered around that shape, even though many of the icons are square.

Of course, it helps that this new UI is also making its debut on the LG G3, so there is no doubt that LG wants you to get excited about the user experience and buy the new flagship right away.

FEATURED VIDEO

73 Comments

1. hassoups

Posts: 473; Member since: Jun 06, 2013

Still ugly.

12. Duketytz

Posts: 534; Member since: Nov 28, 2013

LG now has one of the most beautiful user interface in my opinion though!

54. Vexify

Posts: 570; Member since: Jun 16, 2014

Makes me want to buy a G3!

2. FingerMyApple unregistered

I like flat, but not from android, eew!!!

3. 3rdDegree

Posts: 218; Member since: Jul 13, 2013

Nice video, nice UI but they granted 5 major apps colours, not four.

5. asingha94

Posts: 295; Member since: Apr 08, 2012

superb video...lg at its best

6. limporgyuk

Posts: 357; Member since: Nov 06, 2013

Sounds like business talk David

7. LetsBeHonest

Posts: 1548; Member since: Jun 04, 2013

No word about WP or its modern UI(metro) in article, i'm surprised. WP was the main inspiration when it comes to flat UI designs and that's the fact. That's the one of the greatest feature of WP which makes it unique.anyway flat design looks nice and use less CPU.

47. techspace

Posts: 1037; Member since: Sep 03, 2012

maybe that is because this ad is quite similar to apple's ios 7 ad. WP has been flat for a long time but its ui is still very different from the others....this one looks similar to ios 7, but its different because Apple has also added some depth(through the keyboards, notification and control centers by making them blurry and translucent) which LG didn't. Metro or Modern UI isn't just about flatness so a flat design won't make ios 7 or android identical to WP.

73. kamen

Posts: 103; Member since: Jul 18, 2011

Exactly what I was thinking about. iOS brought the circle in. And WP is too far away from the conventional flat icons here. I also remembered the Samsung's Note Pro UI. Still, LG seems to have recapped all these nicely :)

8. amasog

Posts: 552; Member since: Aug 22, 2013

"Yes, Apple was arguably the first on the scene.." LOL. The 1st to copy WP flat design.. LOL! PA, wake up please!!!

9. tech2

Posts: 3487; Member since: Oct 26, 2012

WP has flat design. A flat design is not WP ! Just because WP adopted a flat design doesn't mean if others who go flat be labelled as copycats. I am sure all the features of WP 8.1 like Notification centre were MS's own 'innovation' and not copied from anywhere else. Why did MS ever released a touchscreen phone without keyboard when Ballmer laughed when iPhone was released ridiculing their approach:https://www.youtube.com/watch?v=eywi0h_Y5_U

15. tettech

Posts: 69; Member since: Dec 18, 2013

Clearly well put point of view. If I may add to your perspective, notification center makes sense when using a smartphone. It's an essential feature that iOS and WP has finally "adopted" not "innovated."

26. Liveitup

Posts: 1798; Member since: Jan 07, 2014

Notification center was on WP dad WM before it made its way to Android. That's just a feature though. The UI design is the foundation of any OS. WP created the shift in design language.

30. AfterShock

Posts: 4146; Member since: Nov 02, 2012

Show me on my WM phones where the notification center was please.

42. Liveitup

Posts: 1798; Member since: Jan 07, 2014

Early example of Notification center as early back as WM 5.0. The same thing goes for Widgets Windows Vista had them before Android. http://en.wikipedia.org/wiki/File:WM50today.png

19. hemedans

Posts: 755; Member since: Jun 01, 2013

let me tell you something many people dont know about. long time ago there was company known as nokia. this company use to have operating system called symbian series 90 ui. in 2004 first touchscreen phone from nokia was introduced with the following features. 3.5 inch tft resistive screen with resolution of 640x320 pixel (204 ppi). just imagine that resolution in mobile device in 2004 and still people thinks its apple who started touch screen. proof that nokia first touchscreen was introduced in 2004http://www.gsmarena.com/nokia_7710-921.php so in 2004 when nokia anounced first touchscreen apple was busy copying each and everything from nokia thats why nokia sue them and until today they pay nokia

22. Liveitup

Posts: 1798; Member since: Jan 07, 2014

WP did not adopt Flat design as far as smartphone Software goes WP created Flat UI. WP has been using Flat UI since October of 2010. Everyone else was doing Skeuomorphism. Apple was inspired by WP to change its design language in 2013. How the heck can a platform who copied another platform who did Flat UI first years before be seen as originator. WP never gets the credit it deserves. It change the world of UI but Apple gets the credit. What new. http://www.neowin.net/news/ios-7-said-to-be-flat-just-like-windows-phone

25. AfterShock

Posts: 4146; Member since: Nov 02, 2012

You do know it offers nothing but a visual change of depth right? My god you wpfans go over board on this flat crap, WGAF really, new icons wooopdeedooo. Crying over flat design, makes platform look like, that's all it has honestly.

27. Liveitup

Posts: 1798; Member since: Jan 07, 2014

All UI plays on visuals. No more faux leather, glossy look of past Skeuomorphism. They all are using clean minimalistic design which are principles of Metro aka Modern UI. Of course the mimic WP. Leave it to people like you who don't want to give credit where its due. You must be off your meds if you think that Flat design is the only thing the others copied from WP. Both iOS and Android also has numerous features that was originally on WP also.

29. AfterShock

Posts: 4146; Member since: Nov 02, 2012

A game changer like rounded corners? It offers or takes away not a single thing from functionality being flat styled, it's just a style. You'll be sad when rest of industry moves forward and you have to stay with that style, you wpfans made such a big stinking deal over, or eat your crap when WP follows right?

45. Liveitup

Posts: 1798; Member since: Jan 07, 2014

It's a game changer because it ushered in an era of design language that shifted the UI landscape based on visual assets, user related interactions, transitions/motion sets, application flow elements and rules, which combine to create a unified user experience. Less is more, clean Tiled like based design is the trend of the day, Apple adding a few circles doesn't trick anyone, Metro Principles are apparent. I'm all for design language progressing it will continue again, the irony is that you don't practice what you preach, if you did then you would give credit where credit is due, I've seen you bashing WP time and time again, you are not exactly Mr neutrality. What is sad is when the creator doesn't get the credit instead the one/ones who copies are credited as originators, that is truly sad.

35. StraightEdgeNexus

Posts: 3689; Member since: Feb 14, 2014

Hahaha, this spammer will never stop. +1

38. ManusImperceptus

Posts: 724; Member since: Jun 10, 2014

Tour comment makes very little sense; what exactly are you trying to say?

34. tech2

Posts: 3487; Member since: Oct 26, 2012

I never argued WP wasn't the first to go flat on a mobile OS but the fact you think they 'inspired' Apple is an utter BS. Also, I didn't say apple originated flat UI. No need to put words in my mouth. The fact that amasog thinks WP adopted flat UI first and rest later doesn't mean the fact others 'copied'.

39. ManusImperceptus

Posts: 724; Member since: Jun 10, 2014

Well, frankly, Apple has gone for both flat UI and colorful phones lately; both hallmarks of Nokia/MS up until now... I think it's a fair assessment to say they were "inspired".

46. Liveitup

Posts: 1798; Member since: Jan 07, 2014

That is fair, that is what opinions are all about. In my opinion it does copy WP, from the moment Steve Wozniack said WP was more beautiful than Android and iOS Apple swallowed the Flat Pill. Many other have seen it as well. To me iOS 7/8 looks like a less attractive version of WP on the light background option. Jony Ive imitated what WP experience. http://www.phonearena.com/news/Apples-iOS-7-said-to-be-as-flat-as-Windows-Phone-with-a-lack-of-gloss-and-shine_id42460 http://www.pcmag.com/article2/0,2817,2420200,00.asp

58. billgates

Posts: 555; Member since: May 29, 2014

Did you miss the part where he feels the article is incorrect or are you just being you and not give this one to windows phone?

56. PBXtech

Posts: 1032; Member since: Oct 21, 2013

So WP adopts Metro because Metro is becoming a global trend in UI's. When others follow that same trend, they are copying WP? Sounds to me they are all drawing from the same design resources, Metro itself. If either Android or iOS goes full tiles, I'll gladly say they are copying WP. Until then, it's just another version of Metro.

11. Geek_William unregistered

It all start with Apple And Microsoft!

* Some comments have been hidden, because they don't meet the discussions rules.

Latest Stories

This copy is for your personal, non-commercial use only. You can order presentation-ready copies for distribution to your colleagues, clients or customers at https://www.parsintl.com/phonearena or use the Reprints & Permissions tool that appears at the bottom of each web page. Visit https://www.parsintl.com/ for samples and additional information.