avatara place of mind

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

3845

Abstract

ium.com/skeuomorphism-design-we-learned-to-outgrow-8a24895a80d0">Photo</a></figcaption></figure><div id="5eed" class="link-block"> <a href="https://medium.com/@parttimeben/why-do-apple-and-microsoft-hate-checkboxes-%EF%B8%8F-dc1db1065402"> <div> <div> <h2>🙄 5 Reasons macOS Ventura Design Change Is the End of the “Sane” UI as We Know It</h2> <div><h3>And why did Apple copy Microsoft this time?</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*uTk3GgRgS74gDbWx.png)"></div> </div> </div> </a> </div><p id="681a">To many, the new design was a big step back not just because it let go of so much detail in icons, but also because it caused a lot of confusion. Take the iOS Music app for example. How should users know which shapes are buttons and which are not? Which one can you tap and which you cannot? The following picture shows the differences between two schools of thought in UI design. One of them uses shapes/texts/icons that seem to do nothing, but are in fact buttons. Can you tell which one it is?</p><figure id="3f41"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*F33bBdH_OLPb8YkA"><figcaption>Left: Music player in iOS 6. Right: in iOS 7. <a href="https://forums.macrumors.com/threads/ios-6-music-app.1682221/">Photo</a></figcaption></figure><p id="1105">See that metallic volume button on the bottom left? Apple’s attention to detail was so much that soon people found out that iOS 6 <a href="https://www.theverge.com/2012/6/13/3082329/ios-6-button-tilt-change-reflection">adjusts the reflections</a> of this button as you tilt your phone! 🤯 See this video:</p> <figure id="f687"> <div> <div> <img class="ratio" src="http://placehold.it/16x9"> <iframe class="" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fc9X7D87uJ7Q%3Fstart%3D10%26feature%3Doembed%26start%3D10&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dc9X7D87uJ7Q&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fc9X7D87uJ7Q%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" allowfullscreen="" frameborder="0" height="480" width="854"> </div> </div> </figure></iframe></div></div></figure><p id="5486">Small discoveries such as these make end-users delighted, and let’s face it: A skeuomorphic design provides more opportunities for such easter-eggs. In comparison, this is the Music app on the latest iOS: Simple and Bland.</p><figure id="ee4e"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*ZOYt2p03ojGWHCJ-.png"><figcaption><a href="https://support.apple.com/guide/iphone/play-music-iph0138fb328/ios">Photo</a></figcaption></figure><h1 id="707f">Is there any good news?</h1><p id="7f14">It’s not all dark and gloomy, however. First, it seems that Apple knows that the new flat design might be confusing for some users. That’s why iOS has a “Button Shapes” option to highlight the area around texts that are in fact buttons:</p><figure id="2dce"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*-RWsLXkGQAf3CKXP.jpg"><figcaption><a href="https://www.solveyourtech.com/how-to-enable-button-shapes-on-an-iphone-6/">Photo</a></figcaption></figure><p id="cc84">Second, Apple has been slowly increasing the amount of skeuomorphism in its flat design. Icons on the newer versions of iOS have a sense of “depth” to them, as if opening an app gives a feeling of actually <i>pressing</i> its icon, as opposed to simply <i>tapping </i>on a piece

Options

of glass. One way Apple achieved this was by increasing the dark tone in icons, which to be honest, makes them less childish as well!</p><figure id="cdfc"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*MW6wCRjXhbRRKbP0"><figcaption>Shortly after iOS 7 (bottom) was released, Apple made some changes to icons in iOS 7.1 beta (top). <a href="https://gavinsgadgets.com/tag/ios-7-1-beta-3/">Photo</a></figcaption></figure><p id="4a95">Microsoft, too, has learnt its lesson and is abandoning the flat design. <a href="https://www.microsoft.com/design/fluent/">Fluent</a>, Microsoft’s new design language is a drastic departure from the infamous <a href="https://en.wikipedia.org/wiki/Metro_(design_language)">Metro</a> which plagued Windows 8, 8.1, 10, and Windows Phone, potentially contributing to the downfall of MS’s mobile operating system. Fluent focuses on light, depth, motion, material, and scale.</p><figure id="747d"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*-M_9PLquo0PeVRfQ.png"><figcaption><a href="https://arstechnica.com/information-technology/2017/05/taking-a-closer-look-at-microsofts-fluent-design-system/">Photo</a></figcaption></figure><p id="f4aa">That being said, Microsoft has been hit with a lot of criticism over its lack of <i>consistency</i> in UI, but that’s a story for another time…</p><figure id="2895"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*t3Ss3vOmTloJ9NdB"><figcaption>Windows 11 suffers from inconsistent legacy designs that go all the way back to Windows 95! <a href="https://www.reddit.com/r/Windows11/comments/o2a0kp/there_are_at_least_10_different_microsoft_design/">Photo</a></figcaption></figure><p id="d5dd" type="7">What do you think about “less is more”, minimalist and flat design, and the return of sanity to design?</p><div id="08b1" class="link-block"> <a href="https://medium.com/@parttimeben/membership"> <div> <div> <h2>Join Medium with my referral link - Benham</h2> <div><h3>As a Medium member, a portion of your membership fee goes to writers you read, and you get full access to every story…</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*spn_-gcsxSBPzpb2)"></div> </div> </div> </a> </div><div id="0477" class="link-block"> <a href="https://readmedium.com/modern-ui-ux-design-in-is-either-deceptive-or-stupid-c7b15ee3318a"> <div> <div> <h2>Deceptive and Stupid UI Design</h2> <div><h3>In this article I want to share with you a gripe that I’ve had with modern User Interface (UI) and User Experience (UX)…</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*UCDoc-xahmoXbrjr)"></div> </div> </div> </a> </div><div id="96fb" class="link-block"> <a href="https://medium.com/@parttimeben/%EF%B8%8F5-lesser-known-chrome-extensions-and-why-you-should-use-them-right-now-62662631ddfc"> <div> <div> <h2>☄️5 Lesser Known Chrome extensions and why you should use them right now</h2> <div><h3>They work on Chrome, Edge, Brave, etc.</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*fvpQGR4sNrBxEIwJivCJ8A.png)"></div> </div> </div> </a> </div></article></body>

Less is More is Less

It’s time to go back to design basics.

Some argue that less is more, and some rephrase it and claim that more is less. By that logic, we must then conclude that less is less, which contradicts our premise “less is more”. What went wrong?

While conceptually attractive, the “less is more” movement hasn’t been without shortcomings. Photo

I’ve always been cautious against adopting catchy phrases such as “less is more” because I honestly don’t agree with them. Not because they’re semantically wrong (they are), but because I’m generally against over-simplifying things that could very well depend on the context.

I’m of the opinion that when marketing wordplay replaces fruitful discussions on design principles, the result is a user interface (UI) that is more about being philosophically appealing to its designers and less about being actually usable by its end-users.

“Less is more” leads to less user happiness and more designer satisfaction.

It is in this sense that I argue that “less is more” is less, because it takes away visual cues that users often use to identify objects and interact with them properly. Let me explain this with an example:

Imagine a world where the flat design principles of the minimalist movement are applied to every aspect of our daily life: You want to open a door? Good luck, because the knob is not clearly visible. Are you a pilot and want to fly the plane? Have fun trying to figure out which shapes (buttons in the cockpit) you can press on and which you cannot. You might think these hypothetical scenarios would never happen in real life, but they are prevalent on the web, your gadgets, smart refrigerator, and so on.

Luckily, our ancestors believed that more is indeed more. Photo

To give an example, let us look at the following image of Windows 10’s UI:

Photo
  • What do you think these shapes do?
  • Should you click on them, or are they merely showing information?
  • Where should you click? Is there a definite border around them, or should you click precisely on the white areas?

Do you now see how this example applied to a door would result in a door without an obvious knob? But Microsoft is not the only one who screwed up. Indeed, Apple was probably one of the first megacorps that drank the flat design cool aid, after firing Scott Forstall, the former Apple Senior VP of iPhone Software who believed strongly in skeuomorphic design. Shortly after, Apple re-designed iOS 7 with a completely flat design. Below you can see the differences:

Left: iOS 6 with skeuomorphic design. Right: iOS 7 with flat design. Photo

To many, the new design was a big step back not just because it let go of so much detail in icons, but also because it caused a lot of confusion. Take the iOS Music app for example. How should users know which shapes are buttons and which are not? Which one can you tap and which you cannot? The following picture shows the differences between two schools of thought in UI design. One of them uses shapes/texts/icons that seem to do nothing, but are in fact buttons. Can you tell which one it is?

Left: Music player in iOS 6. Right: in iOS 7. Photo

See that metallic volume button on the bottom left? Apple’s attention to detail was so much that soon people found out that iOS 6 adjusts the reflections of this button as you tilt your phone! 🤯 See this video:

Small discoveries such as these make end-users delighted, and let’s face it: A skeuomorphic design provides more opportunities for such easter-eggs. In comparison, this is the Music app on the latest iOS: Simple and Bland.

Photo

Is there any good news?

It’s not all dark and gloomy, however. First, it seems that Apple knows that the new flat design might be confusing for some users. That’s why iOS has a “Button Shapes” option to highlight the area around texts that are in fact buttons:

Photo

Second, Apple has been slowly increasing the amount of skeuomorphism in its flat design. Icons on the newer versions of iOS have a sense of “depth” to them, as if opening an app gives a feeling of actually pressing its icon, as opposed to simply tapping on a piece of glass. One way Apple achieved this was by increasing the dark tone in icons, which to be honest, makes them less childish as well!

Shortly after iOS 7 (bottom) was released, Apple made some changes to icons in iOS 7.1 beta (top). Photo

Microsoft, too, has learnt its lesson and is abandoning the flat design. Fluent, Microsoft’s new design language is a drastic departure from the infamous Metro which plagued Windows 8, 8.1, 10, and Windows Phone, potentially contributing to the downfall of MS’s mobile operating system. Fluent focuses on light, depth, motion, material, and scale.

Photo

That being said, Microsoft has been hit with a lot of criticism over its lack of consistency in UI, but that’s a story for another time…

Windows 11 suffers from inconsistent legacy designs that go all the way back to Windows 95! Photo

What do you think about “less is more”, minimalist and flat design, and the return of sanity to design?

Design
Apple
Microsoft
Design Thinking
UI
Recommended from ReadMedium