<?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 Suzanna Rabindran on Medium]]></title>
        <description><![CDATA[Stories by Suzanna Rabindran on Medium]]></description>
        <link>https://medium.com/@suzanna.rabindran?source=rss-e70ac2278c22------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/proxy/1*TGH72Nnw24QL3iV9IOm4VA.png</url>
            <title>Stories by Suzanna Rabindran on Medium</title>
            <link>https://medium.com/@suzanna.rabindran?source=rss-e70ac2278c22------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Fri, 13 Nov 2026 13:53:10 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@suzanna.rabindran/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 Good, the Bad, and the Ugly: A Procreate Case Study]]></title>
            <link>https://medium.com/@suzanna.rabindran/the-good-the-bad-and-the-ugly-a-procreate-case-study-2a39a6718bd1?source=rss-e70ac2278c22------2</link>
            <guid isPermaLink="false">https://medium.com/p/2a39a6718bd1</guid>
            <category><![CDATA[presets]]></category>
            <category><![CDATA[procreate]]></category>
            <category><![CDATA[ui-ux-design]]></category>
            <dc:creator><![CDATA[Suzanna Rabindran]]></dc:creator>
            <pubDate>Wed, 11 Oct 2023 09:12:07 GMT</pubDate>
            <atom:updated>2023-10-11T09:12:07.337Z</atom:updated>
            <content:encoded><![CDATA[<p>Let’s start with<strong> The good</strong></p><p>With 1,00,000 downloads in May 2023 alone, Savage Interactive’s <em>Procreate </em>has firmly cemented its presence as one of the top iPad apps for illustration. Its interface is clean, packed with intuitive gestures, integrated seamlessly with the Apple pencil, all packaged in one neat app all the way from Tasmania.</p><p>Several countries and a decade away, I, in a team with two batchmates, was tasked with doing a study of this efficient app as our first foray into UI/UX Design.</p><p>We started out by creating a sitemap, cataloging the many buttons, settings and options within Procreate, and how they interlinked back and forth.</p><p><a href="https://www.figma.com/file/6R6W0a9OznQUjRtR8rp6Nu/Site-Map?type=whiteboard&amp;node-id=0-71&amp;t=8qNwIfRHJPg0pHzH-4">Here’s a link to it</a></p><p>Being complete beginners, we gradually began to share more and more incredulous looks with each other as the map went on and on, as we started to realize just how many features and settings were neatly tucked away within this seemingly simple workspace.</p><p>We then worked on a style guide for the app, breaking it down into its colours, fonts, and shapes. Since we didn’t have direct access to Procreate’s icons, and it wasn’t the main goal of the exercise, we simply collected icons to use.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*orGEvqu_2fS-OXmF5WIM1g.png" /></figure><p>I then worked on tabulating a User’s experience as they set out on a journey across the app. I took the profile of a frequent Procreate user, comfortable with digital formatting, as they opened the app and exported an image to Instagram.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XXjr8MiNlrHr3Ath9FPgxg.png" /></figure><p>Which leads us right into -</p><p><strong>The Bad</strong></p><p>Pain Points -</p><ul><li>The features normally present when posting from the Instagram app (like filters, switching account, hashtag popularity, suggestions, and so on) are not present when exporting from Procreate</li><li>The alternative method-saving the image to gallery and posting it from the Instagram app, greatly increases the number of taps and task switching a user has to perform.</li></ul><p>I expanded my scope and started looking at the iOS Share sheet as a whole. A similar issue exists when exporting to Google Drive — the ‘Shared With Me’ section of folders is entirely missing, and within the folders you <em>can </em>export to, the user goes through several rounds of scrolling, looking for their folder, looking for the right sub folder, and so on. Need to share files back and forth quickly into a team drive folder? You’d still have to search for it manually each time.</p><p>Having identified these problem areas, I cornered the opportunities I could work on -</p><ul><li>A preset feature that exports to user-selected paths, that can be saved and reused</li><li>A more customized experience</li><li>Ability to select multiple avenues of export at the same time</li></ul><p>The next phase of this exercise — making low fidelity wireframes — send me right into the phase of -</p><p><strong>The Ugly</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*e98yUpG5L-cqzW0p7Vn8qA.png" /></figure><p>It’s a well accepted fact that the first few ideas you brainstorm are the weakest. With this being my first time designing UI UX, as someone who really likes to fill up a canvas, my iterations had a lot of sections, lot of apps being displayed, and some awkwardly placed shapes. I’d never really liked how the share sheet makes you swipe for a while to find the app you want, and wondered why they didn’t just show all the options in one go, but now I could appreciate how it maintains Apple’s visual language. Between examining the neat component of iOS and staring for rather too long at each curve of each button in Procreate’s streamlined interface, I was realizing how the placement of each pixel sends you a message without you noticing it.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*z3MjXSsU9HnSeGuie51N-w.png" /><figcaption>Low Fidelity Sketches</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*j2ox6Nst4D6ZwMtL06ikkA.png" /><figcaption>High Fidelity Wireframes</figcaption></figure><p>Over this short case study, I felt like my eyes were opened to the subtle but powerful design that goes into every app I interact with. I had to unlearn and relearn how to look at a process — sometimes we get so used to sidestepping a problem, we forget it’s there, and it’s important to take a step back and focus on finding those snags in your path.</p><p>The aim of this exercise was to put a whole new direction of thought into motion, and I owe a big thank you to <a href="https://medium.com/u/4d82d45da61f">Rayna Batavia</a>, for being a patient and thought provoking guide throughout the process. Credits also to <a href="https://medium.com/u/711ed93f916b">Jigyasa G</a> and @Ayush for their combined efforts on this case study.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=2a39a6718bd1" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>