x PhoneArena is looking for new authors! To view all available positions, click here.
  • Home
  • News
  • LG provides one of the better explanations about flatter user interface design

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

Posted: , by Maxwell R.

Tags:

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.

73 Comments
  • Options
    Close




posted on 21 Jun 2014, 05:22 12

1. hassoups (Posts: 254; Member since: 06 Jun 2013)


Still ugly.

posted on 21 Jun 2014, 06:21 9

12. Duketytz (Posts: 318; Member since: 28 Nov 2013)


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

posted on 21 Jun 2014, 16:23 1

54. Vexify (Posts: 166; Member since: 16 Jun 2014)


Makes me want to buy a G3!

posted on 21 Jun 2014, 05:23 3

2. FingerMyApple (unregistered)


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

posted on 21 Jun 2014, 05:24 2

3. 3rdDegree (Posts: 170; Member since: 13 Jul 2013)


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

posted on 21 Jun 2014, 05:26 3

5. asingha94 (Posts: 286; Member since: 08 Apr 2012)


superb video...lg at its best

posted on 21 Jun 2014, 05:29

6. limporgyuk (Posts: 135; Member since: 06 Nov 2013)


Sounds like business talk David

posted on 21 Jun 2014, 05:46 16

7. LetsBeHonest (Posts: 618; Member since: 04 Jun 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.

posted on 21 Jun 2014, 11:17 1

47. techspace (Posts: 523; Member since: 03 Sep 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.

posted on 23 Jun 2014, 16:25

73. kamen (Posts: 82; Member since: 18 Jul 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 :)

posted on 21 Jun 2014, 06:03 22

8. amasog (Posts: 129; Member since: 22 Aug 2013)


"Yes, Apple was arguably the first on the scene.."

LOL.

The 1st to copy WP flat design.. LOL!

PA, wake up please!!!

posted on 21 Jun 2014, 06:17 10

9. tech2 (Posts: 1765; Member since: 26 Oct 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

posted on 21 Jun 2014, 06:43 4

15. tettech (Posts: 42; Member since: 18 Dec 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."

posted on 21 Jun 2014, 08:14 4

26. Liveitup (Posts: 867; Member since: 07 Jan 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.

posted on 21 Jun 2014, 08:55 6

30. AfterShock (Posts: 2100; Member since: 02 Nov 2012)


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

posted on 21 Jun 2014, 10:46 2

42. Liveitup (Posts: 867; Member since: 07 Jan 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

posted on 21 Jun 2014, 07:02 3

19. hemedans (Posts: 78; Member since: 01 Jun 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 2004
http://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

posted on 21 Jun 2014, 07:49 6

22. Liveitup (Posts: 867; Member since: 07 Jan 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

posted on 21 Jun 2014, 08:09 6

25. AfterShock (Posts: 2100; Member since: 02 Nov 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.

posted on 21 Jun 2014, 08:23 1

27. Liveitup (Posts: 867; Member since: 07 Jan 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.

posted on 21 Jun 2014, 08:51 4

29. AfterShock (Posts: 2100; Member since: 02 Nov 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?

posted on 21 Jun 2014, 10:57 2

45. Liveitup (Posts: 867; Member since: 07 Jan 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.

posted on 21 Jun 2014, 09:45 1

35. StraightEdgeNexus (Posts: 2617; Member since: 14 Feb 2014)


Hahaha, this spammer will never stop. +1

posted on 21 Jun 2014, 10:21

38. ManusImperceptus (Posts: 60; Member since: 10 Jun 2014)


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

posted on 21 Jun 2014, 09:31 1

34. tech2 (Posts: 1765; Member since: 26 Oct 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'.

posted on 21 Jun 2014, 10:24 2

39. ManusImperceptus (Posts: 60; Member since: 10 Jun 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".

posted on 21 Jun 2014, 11:06 2

46. Liveitup (Posts: 867; Member since: 07 Jan 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

posted on 21 Jun 2014, 18:00

58. billgates (Posts: 312; Member since: 29 May 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?

posted on 21 Jun 2014, 17:07

56. PBXtech (Posts: 966; Member since: 21 Oct 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.

posted on 21 Jun 2014, 06:20 1

11. Geek_William (unregistered)


It all start with Apple
And Microsoft!

posted on 21 Jun 2014, 06:33 4

13. StraightEdgeNexus (Posts: 2617; Member since: 14 Feb 2014)


LivingItUpUnderRock: no wonder everybody is copying flat UI from WP, haters and naysayers can nag all they want, I will continue my fanboyism.

posted on 21 Jun 2014, 06:41 3

14. adwienc (Posts: 123; Member since: 26 Mar 2014)


They forgot to say that they copied Samsung.

posted on 21 Jun 2014, 08:00

23. DONUT (Posts: 270; Member since: 27 Jun 2013)


how does it look anything like touchwiz now? beyond one or two icons, the UI looks beyond better and different than touchwiz does now. LG did a better job in implementing a new UI than Samsung did. plus I read on CNET (if i rmb correctly) they said the new touchwiz is a mix of the old and new; flat icons + some 3D looking ones? hmmm def not good implementation.

give credit when credit is due.

and FYI, Samsung copied LG's interface, LG's interfaced had that "touchwiz" look from their very first touch devices; which was during a time when Samsung had no touch screened phones

posted on 21 Jun 2014, 09:57 2

36. adwienc (Posts: 123; Member since: 26 Mar 2014)


Oh, so you are SO blind?
http://www.jellydroid.com/wp-content/uploads/2014/04/galaxy-s5-statusbar-for-s2.jpg
http://cdn.androidbeat.com/wp-content/uploads/2014/04/lg_g3_optimus.jpeg

Since SGS2 LG is copying everything in terms of design from Samsung. I don't like this fact, but what I do like about it is that LG is improving Samsung ideas, LG UI is a lot faster and their phones cost less

posted on 21 Jun 2014, 10:33

41. DONUT (Posts: 270; Member since: 27 Jun 2013)


lmao the boorish fanboy cant even read. let me take this out of my original comment:

"beyond one or two icons, the UI looks beyond better and different than touchwiz does now"

and in the pictures u linked, only the toggles looked the same, beyond that they dont look alike. and had u watched the video in the article, you'd know that LG is using the circle shape (like their logo) as a unifying aspect of their new UI. have several seats BYE

posted on 21 Jun 2014, 06:44 2

16. darkskoliro (Posts: 935; Member since: 07 May 2012)


To sum up... "we have been following the current trend in the market every year since everyone flows the same way in every overhaul"

posted on 21 Jun 2014, 06:50 5

17. pavsidhu (Posts: 32; Member since: 20 May 2014)


Apple was not the "first" company to opt for a flat design, Windows Phone used a flat design before any other company!

posted on 21 Jun 2014, 07:40 4

21. alumoyo (Posts: 142; Member since: 26 Aug 2013)


And android had the Holo Theme before iOS7 - I don't know where PA comes up with these statements!

posted on 21 Jun 2014, 06:50

18. sonisoe (Posts: 320; Member since: 06 May 2009)


wanna say again, google needs to overhaul the visual ui...

posted on 21 Jun 2014, 07:38 7

20. alumoyo (Posts: 142; Member since: 26 Aug 2013)


"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."

Apple arguably first on the scene? REALLY??? Not Windows Phone 7? Not google Holo Theme? APPLE WAS LAST ON THE FLAT BANDWAGON!

MORE HISTORY BEING INVENTED ON PHONEARENA!

posted on 21 Jun 2014, 08:08 1

24. firstviji (Posts: 9; Member since: 28 Jun 2013)


I like this mature design!

posted on 21 Jun 2014, 09:08 1

31. tiara6918 (Posts: 1322; Member since: 26 Apr 2012)


I don't like flat, I like the looks of the older ui better

posted on 21 Jun 2014, 09:29 1

33. AfterShock (Posts: 2100; Member since: 02 Nov 2012)


I agree.

posted on 21 Jun 2014, 10:32

40. surethom (Posts: 227; Member since: 04 Mar 2009)


Clean & minimum look. I. E. Boaring & unattractive.

posted on 21 Jun 2014, 11:20

48. mikewillz (Posts: 39; Member since: 03 May 2013)


Yeah looks great, too bad it will take LG 2 years to update the G2 to this UI.

posted on 21 Jun 2014, 12:10 6

50. j.khan95 (Posts: 32; Member since: 09 Nov 2013)


windows phone first introduced the flat ui,

posted on 21 Jun 2014, 15:10

53. fzacek (Posts: 1210; Member since: 26 Jan 2014)


They should still just use stock Android instead of this flat BS...

posted on 22 Jun 2014, 09:52

65. billgates (Posts: 312; Member since: 29 May 2014)


Ewww.. vinella android is super generic. No thank you sir

posted on 21 Jun 2014, 17:01

55. PBXtech (Posts: 966; Member since: 21 Oct 2013)


I call BS on this. Flat = lazy, it takes far less work to design with flat as the focus. While Apple overdid skeumorphism to ridiculous levels, skeumorphism in itself isn't a bad thing because we live in a textured and 3D world, not a flat one.

Personally, I love round icons, as long as they are all round. Some round and some square doesn't look right.

I do agree with the color options, but I don't need a color to tell me what app I'm using. I feel like they insulted people's intelligence with that explanation.

All in all, it's Metro, nothing more. Metro is a fad, it'll pass when it's time has run its course. Eventually people will wake up and realize flat is boring and don't need things to be flat in order to find apps to open. Font work in Metro is fine, I don't have a problem with that, but enough with the flat, boring UI's.

posted on 21 Jun 2014, 23:26

60. JC557 (Posts: 842; Member since: 07 Dec 2011)


The flat ui and icons tends to make things look cheap and cluttered. I hate how some icons can be harder to find when using certain wallpapers or patterns which really takes away the personalization of the phone.

posted on 22 Jun 2014, 17:51

68. elitewolverine (Posts: 1150; Member since: 28 Oct 2013)


It is why they have live tiles, it is why your icon based interface has been a fad since windows 3.1....

posted on 21 Jun 2014, 17:41 5

57. ojdidit84 (Posts: 252; Member since: 16 Jul 2011)


I see arguments of people saying that Apple was the first to "opt" for the flat design but the article is specifically saying that Apple was the first on the scene, which in fact we all know that the flat UI trend was set by MS with the introduction of WP7. I'm no fan of WP myself. I find it fairly boring but you need to give credit where it's due. I question the opinions and validity of claims made by writers here because of things like this.

posted on 22 Jun 2014, 11:30 1

66. freebee269 (Posts: 516; Member since: 10 Aug 2012)


HERE HERE!

you would think a site that covers so much mobile tech would not get something wrong as simple as to say apple was the first. this is why you always do what the writers on this site say "take it with a grain of salt". i take everything this site publishes with a grain of salt. and this simple false writing is a great example why.

posted on 22 Jun 2014, 23:06

72. elitewolverine (Posts: 1150; Member since: 28 Oct 2013)


trust us, their 'claims' are so nuts, and their reviews even odder...

posted on 22 Jun 2014, 01:55

62. gigaraga (Posts: 480; Member since: 29 Mar 2013)


Circles and overall flatter look? Sounds like its from Samsung. It even looks like it (the UI and the icons all that other stuff)...i like LG, but when can they stop using the same features from Samsung?

posted on 22 Jun 2014, 11:53

67. alexvv (Posts: 41; Member since: 16 Oct 2013)


the first flat icons were actually a job of the chinese xiaomi (miui) and meizu (flyme) which were essentially a flat icon combination of ios and android. then apple copied that and then the major android oems copied apple.

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

Want to comment? Please login or register.

Latest stories