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&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dc9X7D87uJ7Q&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fc9X7D87uJ7Q%2Fhqdefault.jpg&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&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>