{"id":6889,"date":"2017-03-06T11:15:16","date_gmt":"2017-03-06T11:15:16","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=6889"},"modified":"2017-04-06T20:48:08","modified_gmt":"2017-04-06T19:48:08","slug":"complexion-reduction-new-trend-mobile-design","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/complexion-reduction-new-trend-mobile-design\/","title":{"rendered":"Complexion Reduction: A New Trend In Mobile\u00a0Design"},"content":{"rendered":"

We have been living in a world of \u2018clean and minimal\u2019 for quite some time, so what\u2019s next?<\/em><\/strong><\/p>\n

Over the last several months, some of the leaders of innovative design have taken \u2018minimal design\u2019 to the next level. Facebook, Airbnb and Apple have followed a similar blueprint to simplify prominent products in a way that reflects this new trend of \u2018Complexion Reduction\u2019 in mobile design.<\/p>\n

What the hell is complex reduction?<\/h2>\n

You\u2019ve never heard of \u2018Complexion Reduction\u2019 you say? Well yea, that\u2019s because I just made the term up. Recently I\u2019ve noticed a new trend that is beyond flat design, beyond minimal design and independent of progressive reduction<\/a>. Some may claim that this is just the next step of minimal design being implemented into the mobile realm but I say it is something more distinct. There are specific similarities and characteristics that define this new trend. So I decided to name it. I\u2019m allowed to do that, right?<\/p>\n

<\/div>
<\/svg><\/div>

\"A new trend that is beyond flat design, beyond minimal design and independent of progressive reduction.\"<\/p><\/span><\/blockquote>\n

The defining characteristics of this hot new trend<\/em> sweeping across Silicon Valley are:<\/strong><\/p>\n

    \n
  1. Bigger, bolder headlines<\/strong><\/li>\n
  2. Simpler more universal icons<\/strong><\/li>\n
  3. Extraction of color<\/strong><\/li>\n<\/ol>\n

    \"The result? The user interfaces of some of our favorite apps are starting to look more and more like they could all be housed under the same brand.\"<\/span><\/p>\n

    The proof<\/h2>\n

    I first started taking notice of this trend back in early May when Instagram<\/strong> released their redesigned UI<\/a>.<\/p>\n

    \"1-36n2-ako-a6wlwh-5w0emq\"<\/a>
    \nSome of the changes they introduced included removing much of the blue and dark grey color used throughout the app, making headlines bolder and simplifying the bottom navigation and icons. What was left was a black and white UI with bold headlines where the content shined and functionality was clear.<\/strong> I appreciated the less cluttered interface and was reminded a bit of a platform I have been an admirer of for quite some time;     Medium<\/strong><\/a>.<\/p>\n

    Medium has been rocking the black and white since launch in 2012, and has reduced clutter with each redesign since; effectively making Medium one of the originators of CR (Complexion Reduction) without even knowing it. Congratulations, Medium!<\/p>\n

    Shortly after the folks over at FB unveiled Instagram\u2019s look, I opened up the Airbnb app and was struck by how familiar it looked. This was my first time browsing the app since they released a redesign in April<\/a>, yet I felt like I had seen this all before.<\/p>\n

    \"1-ggaeeffmkdsrz8nipwwrma\"<\/a><\/p>\n

    Airbnb\u2019s<\/strong> redesigned UI didn\u2019t get nearly the media coverage of Instagram\u2019s redesign a month later (partly because it wasn\u2019t accompanied by a shiny new app icon) but it followed many of the same CR tactics.<\/p>\n

    The mobile redesign introduced larger, bolder headlines, removed unnecessary imagery and color and simplified their icons to make them more universally recognizable. What was left was a very black and white UI where the content shined and functionality was clear.<\/strong><\/p>\n

    Apple<\/strong> is the latest example of designers becoming enamored by the Complexion Reduction movement. Earlier this month, at Apple\u2019s WWDC<\/a> the tech giant announced a number of exciting things for consumers to look forward to, including the release of iOS 10, which they are dubbing, \u201cThe biggest iOS release ever!\u201d (or at least since iOS 8 which was referred to as\u2026 \u201cThe biggest iOS release ever!\u201d)<\/p>\n

    \"1-sra5fvya2uvigibp5stq3w\"<\/a><\/p>\n

    One announcement in particular caught my eye. That was the redesign of Apple Music<\/strong>. While the most important aspects of the redesign are UX updates and additional features, the aesthetic was the first thing I noticed.<\/p>\n

    Caitlin McGarry, a staff writer at Macworld, described the updated appearance<\/a> well, \u201cIt\u2019s a totally new look, with giant cards, bigger and bolder fonts, and a clean white background that allows the album art to shine.\u201d<\/span><\/p>\n

    Sound familiar? The design differs slightly from the blueprint used by Instagram and Airbnb (they use solid icons! What the heck Apple?) but the key elements are there: large bold headlines, black and white UI.<\/p>\n

    So what does it all mean?<\/h2>\n

    As I mentioned earlier, this means more and more of your favorite apps are going to start looking like one another. Why? Much like the NFL, tech is a copycat league. These redesigns were met with generally positive reviews (some people are complaining about a \u2018lack of personality\u2019 in these new black and white UIs but they\u2019ll soon get over that. You open an app for it\u2019s functionality, not it\u2019s personality) so I expect apps both new and old to start jumping on the CR bandwagon.<\/p>\n

    This means your iPhone home screen will soon become nothing more than a colorful mosaic of bright portals transporting you to Pleasantville.<\/p>\n

    <\/div>
    <\/svg><\/div>

    \"iPhone homescreens will become a colorful mosaic of bright portals transporting you to Pleasantville\"<\/p><\/span><\/blockquote>\n

    \"1-6ukylh-9qhusiew0ne2aag\"<\/a><\/p>\n

    Now, whether you are for or against this monochromatic fad, it is undoubtedly a sign of progress.<\/strong> The product design process is advancing and evolving from the old segmented approach that encouraged superfluous design to a more holistic process that truly is focused on the user. In the old product design process a UI designer may be handed wireframes by a UX or product person with the instructions \u2018make it pretty\u2019. That designer would then spend hours or days adding color, removing color, changing color when the best solution may have been right there in front of them all along\u2026 the wireframes!<\/p>\n

    As the lines between UX and UI designer blur in today\u2019s more integrated design process, designers become less worried about their specific responsibilities (like making it pretty) and focus on the ultimate goal of creating the best product for their user.<\/p>\n

    The ultimate guide to complex reduction<\/h2>\n

    So you\u2019re sold on CR and ready to hop on the bandwagon? Good, follow these guidelines and you\u2019ll have an award winning app in no time.<\/p>\n

    1. Remove Color.<\/strong> Well ok, you can have one color, but use it extremely sparingly to indicate action. Everything else better be black and white. Let the content of your app bring the color.<\/p>\n

    2. Bigger, Bolder, Blacker Headlines.<\/strong> You see that headline there? Bump it up about 20 to 30 pixels and make it HEAVY.<\/p>\n

    3. Simple, Thin, Recognizable Icons.<\/strong> Your icons better be universal and no color allowed here either. And if you want bonus points order them left to right in this way: home, search, primary action, secondary action, profile.<\/p>\n

    4. Double, NO, Triple your White Space.<\/strong> Maybe even quadruple it. You really can\u2019t go wrong here.<\/p>\n

    5. Make your App Icon Brighter<\/strong>. If you are fiending to design something with flash and color, make it the app icon. This is where you put your personality and brand. And make it stand out!<\/p>\n

    This article was originally published on Michael's Medium Page<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

    We have been living in a world of \u2018clean and minimal\u2019 for quite some time, so what\u2019s next? Over the last several months, some of the leaders of innovative design have taken \u2018minimal design\u2019 to the next level. Facebook, Airbnb and Apple have followed a similar blueprint to simplify prominent products in a way that reflects this new trend of… Read More ￫<\/a><\/p>\n","protected":false},"author":105,"featured_media":7072,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-6889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n