<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by E.J. Kalafarski on Medium]]></title>
        <description><![CDATA[Stories by E.J. Kalafarski on Medium]]></description>
        <link>https://medium.com/@skeejay?source=rss-59c581bf842d------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*gMK8zL44XmMLR_ONTpDgDA.jpeg</url>
            <title>Stories by E.J. Kalafarski on Medium</title>
            <link>https://medium.com/@skeejay?source=rss-59c581bf842d------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 02:59:02 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@skeejay/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[The Notch Is Apple Training Us For the Future of Mobile Design]]></title>
            <link>https://medium.com/@skeejay/the-notch-is-apple-training-us-for-the-future-of-mobile-design-97ec60cfc979?source=rss-59c581bf842d------2</link>
            <guid isPermaLink="false">https://medium.com/p/97ec60cfc979</guid>
            <category><![CDATA[mobile-app-development]]></category>
            <category><![CDATA[apple]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[iphone-x]]></category>
            <category><![CDATA[iphone]]></category>
            <dc:creator><![CDATA[E.J. Kalafarski]]></dc:creator>
            <pubDate>Wed, 25 Oct 2017 13:54:45 GMT</pubDate>
            <atom:updated>2017-10-25T13:54:45.404Z</atom:updated>
            <content:encoded><![CDATA[<p>The Notch is here; long live the notch. The prominent exception to the iPhone X’s “all-display” screen has been clearly and <a href="https://www.theverge.com/2017/9/14/16306244/apple-iphone-x-design-notch">cleverly embraced by Apple</a> as a distinguishing factor to succeed the iconic Home button. And despite some of the <a href="https://www.forbes.com/sites/ewanspence/2017/10/02/apple-iphonex-notch-design-arrogant-wrong-flawed/#5a4bbaa0730c">mockery</a> it’s attracted, I don’t think users will mind it once it’s in their hands; like that bejeweled case you stick your phone in or the X’s rounded corners (which have gotten much less attention), I think the notch will fade away when your eyes and your brain are focused on the content of the screen, just as you don’t really focus on the <a href="https://en.wikipedia.org/wiki/Muntin">bars between the panes</a> when you’re looking out a window.</p><p>The notch is unique in its weird shape and in Apple’s embrace of it. But as a design problem, it’s not unique — at least, it won’t be for long. The notch represents a new challenge coming toward us across all devices, a paradigm that might be useful to think of as “edge-agnostic design.”</p><p>To understand where Apple’s mobile devices (and likely those of all manufacturers) are going, we have to get inside Jony Ive’s head; fortunately, he’s given us some clues about what’s in there. Think about what you’d want if <em>you</em> were the minimalist, mercurial industrial designer: a single, monolithic, functional piece of glass that can become anything, like you see in sci-fi movies. We can piece together some of the specifics from his public statements: when the Apple Watch was released, he said that the notion of a screen that even has to transition between “on” and “off” states “<a href="https://www.newyorker.com/magazine/2015/02/23/shape-things-come">feels old</a>.”</p><p>We can also see in the design and UI of the Apple Watch how Ive wants us to think about the edges of the screen: not at all. The OLED screen curves to seamlessly join the surrounding device—the superior blacks of OLED indistinguishable from the bezel—so that the screen has no discernible edge. The UI of the Apple Watch is designed to complement this specific goal: watch faces like “Motion” have a pure black background and a single figure like a glowing jellyfish or butterfly that fades into view, floats for a bit, and then fades out. It never enters or leaves the screen via the edge, and unless you know better, you get no indication that there’s an edge at all.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6U8lqSGmq7YJYAsMUw1PgQ.jpeg" /></figure><p>Extrapolate from this, and it’s not hard to imagine what Jony Ive pictures as the ideal iPhone or iPad. Consider if you will: a black piece of glass sits on your table. Periodically, a glowing jellyfish emerges from the around very edge of the device, floats all the way across the screen to the other edge, and disappears around the other side. The screen has no discernible “on” or “off” state, and no discernible “edge” between the screen and the end of the device itself. One big screen.</p><p>As manufacturers compete for smaller and smaller bezels, we will inevitably approach this device of nothing-but-screen, and the industry is already on that path. The iPhone X screen goes up to the point that the device edges begin to curve, except for its “notch,” which Apple calls the sensor housing. The Essential Phone does the same, except for a smaller notch for the camera. The Samsung Galaxy S8 has based its entire marketing campaign on how the screen slightly wraps around the devices curved sides. All three have rounded corners. We’re already living in a world where apps don’t end at the water’s edge anymore—they can potentially be overlapped, cropped, and wrapped, and thus can’t allow crucial content to live in any corner or any edge of the screen the way designers may be used to.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*67RaW47PzgOhOvoba4lneA.png" /><figcaption>Funky screen shapes on the iPhone X, the Essential Phone, and the Samsung Galaxy S8.</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*-MJ-B-qN0LKaVX9iY3h1jg.jpeg" /></figure><p>Going forward, app developers will need to know where they can place what is essential and un-croppable (what Apple calls the “Safe Area” in iOS 11’s new parlance for developers) and where they should provide “runoff” space that beautifully extends your app’s environment to the edge of the device, but which can nonetheless be cut off and overlapped by notches and rounded corners. It may be a big conceptual shift for designers who are used to seeing their designs rendered corner-to-corner in pixel-by-pixel perfection.</p><p>Right now, the iPhone X offers pixel-by-pixel control of the left and right sides of your screen, where the Safe Area abuts the edge, but requires developers to offer this overflow and safe zone at both the top and bottom, which also encompasses the rounded corners. The Galaxy S8 flirts with an opposite approach: a traditional clearly-defined top and bottom to the screen, but left and right edge wrap a bit around the sides of the device, forcing you to consider whether your content is “safe” and accessible on the sides of your app.</p><p>And in the future, phones will obviously compete for a more and more “edgeless” design: sensor housings made smaller and smaller, sensors embedded “under” the display, screens wrapped around not just the left and right of the phone like the S8 but the top and the bottom as well. Both web and app designers must start preparing for the time when they won’t be in control of designing a pixel-perfect app from top-left to bottom-right, but rather a dynamic set of elements and rules: they’ll be designing for each app an “overflow” region that expands outward in every direction, and a “safe area” inset from all four sides where the crucial interface components go. This is what Apple is future-proofing us for—although the Safe Area is really only necessary for the top and bottom of the iPhone X, it’s been implemented as though Apple knows it will be necessary on all four sides in the future.</p><p>So intentionally or not, Apple is already training us for the day when the design of your app becomes a much more complex and dynamic thing, with no one true screen size or shape. It’s no longer outlandish to picture screens that wrap around every edge—edges that probably have <a href="https://9to5mac.com/2017/10/21/iphone-design-single-piece-of-glass/">no ports at all</a>: iPhones now let you charge wirelessly without a port, listen to headphones wirelessly without a port, and even do development wirelessly without a port. We’re rapidly approaching a time when your iPhone doesn’t need a single port in it. Someday within the next 10 years, Apple will sell us a device that is actually, truly, nothing but screen, and your app will literally need to take on the shape of the device itself…world without edge, amen. We’d better start thinking about what our apps on those devices look like.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=97ec60cfc979" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>