AMA: All About Prototyping in Adobe XD

almost 4 years ago from Kyle Galle, Design Marketing, UI/UX @ Adobe

  • Stephen Leung, almost 4 years ago

    Fixed elements are important. I had multiple people ask me if they have to scroll all the way down to see the freakin tab bar.

    I also want responsive artboards, so I could show developers and other people how the screen would look for different screen sizes.

    I think Animation, Artboard Overlays, Video and Gifs are great. But I wouldn't make them the biggest priority. Most of the time we don't even have the videos made yet. Animation is only done after the clickable prototype is confirmed. And Artboard overlays, I could just make another artboard and have another artboard link to that screen.

    1 point
    • Kyle Galle, almost 4 years ago

      Hi Stephen, thank you for the feedback. The team is working on bringing fixed elements and overlays to XD soon.

      For responsive artboards, are you wanting to change the size of the artboard and have the elements adapt to that new size? If you have not already, I would up vote the request here.

      Also, speaking of sharing with developers, have you tried out Design Specs (Beta)? Any feedback on it would be greatly appreciated.

      1 point
      • Stephen Leung, almost 4 years ago

        Hi Kyle, I've been very active on Adobe Uservoice and have upvoted on that feature already.

        I need to show developers how the app will look like on different screen sizes. And I always design for the smallest screen possible which is the iphone5. But since I need to create website landing pages promoting the app, I have to put the design into a newer device mockup like the iPhone8. Which means that I need to duplicate the artboard and manually change the size. Which is inconvenient.

        Also, responsive artboards would be clear to developers to see how the logic of the layout is gonna behave. Like this website here, the developer decided to turn the background as one image and have it scaled. But in my head, I wanted the shape elements to be pinned to the sides. If responsive artboards were here, I could have communicated better with the developer on how exactly I want the website to behave.

        Yes I've shared with developers the design spec - this is my feedback here

        But I never got a response.

        1 point
        • Kyle Galle, almost 4 years ago

          Hi Stephen, thank you for the note and your feedback on uservoice. I also appreciate you sharing a detailed example of how you want responsive artboards for communicating your design intent to others. I like the website's use of the colors/illustrations! I see how the background image resizing does not match your initial idea of pinned shapes. I have asked another team member to respond to this post with more details about the latest thinking regarding responsive design.

          In terms of the Design Specs request, the team is considering how to simplify the viewing process easier. As your note mentions, the sign-in screen can be a small hurdle that complicates the step. I have asked another team member to chime in about this request.

          1 point
          • Harish Narayan, almost 4 years ago

            Hey Stephen,

            As Kyle mentioned , we are looking into making the experience of viewing a Design Specs more frictionless. Do keep following us on UV to stay updates on the latest regarding the same

            1 point
          • Stephen Leung, almost 4 years ago

            Thanks Kyle! this was all made in Adobe XD. And Photoshop. Really like the ability to use Creative Cloud Library with Photoshop and now illustrator.

            Another feedback I would give about Design Spec is because I am designing for responsive website pages, I often have to link the desktop to tablet and mobile, so that it'll be shown in spec mode. It would be great if there was a checkbox button where it includes all artboards.

            And for Clickable Prototype, it's a hassle to find missing linkages when you have over 500 artboards. And when you create the link, you find that only 160 screens are there. I upvoted this idea on uservoice where it highlights the artboard's border red if it has not be linked.

            Right now I use design spec to cross check which screens have not been linked.

            I think I already shared with Harish before, that developers also requested to splice the assets themselves on the spec mode. Sometimes developers chase me and inform me that I forgot to splice certain assets.

            1 point
            • Kyle Galle, almost 4 years ago

              Hi Stephen, thank you for the detailed feedback. I am glad to hear that Creative Cloud libraries in XD is accelerating and simplifying your workflow!

              For the option to show all artboards in Design Specs, I would add your vote here

              In regards to the highlighting the missing links, I can see how that type of functionality would be very helpful, especially for files with a large number of artboards. If you don't mind sharing, what type of project required 500 artboards?

              On splicing assets, the team is working on asset extraction as part of Design Specs. If you have not already, I would upvote this request here.

              1 point
              • Stephen Leung, almost 4 years ago

                Hi Kyle,

                Just added my vote.

                I included an app that I designed that has 460 screens here.

                This is the spec link here

                A large chunk of the app is the lessons.

                1 point
                • Kyle Galle, almost 4 years ago

                  Hi Stephen, thank your for the vote and sharing your app. 460 screens is no small project! Love the use of illustrations!

                  1 point