Blog #14 App Review #2 Adobe XD

The app that I chose to test today is Adobe XD. Adobe XD is a vector based user experience design tool developed by Adobe Inc. As the semester is coming to the end, we are required to build wireframes, and we also started exploring prototyping in my web design and ux/ui class. Adobe XD and Figma are the most famous tools for prototyping web and mobile projects. Since I’ve been using Adobe applications for most of my academic projects, I chose to use Adobe XD to explore the prototyping process.

Once I open Adobe XD, I will need to choose a file size. The sizes XD provided are the most common devices’ screen size, and I can also customize the size of my project. In the design panel, the navigation is neat and the functions are similar to other adobe applications which makes adobe users adapt to the XD quickly. The repeat grid feature is one of the most convenient features in this application, it allows users to create repeated items and users have the ability to adjust the distance between each item. This feature is best for creating a gallery or list in a website or mobile application. Once the designer finished one page of the website/application, the designer can switch to the artboard tool and create another artboard next to the previous one then the designer can start work on the next page of the project. Once the designer finishes with the design or wireframe of the project, he/she can switch to the prototype panel. In the prototype panel, XD allows users to create interaction between the artboards. For instance, if the designer created a sign up interface, he/she could click the button that he/she created, there will be a blue frame and an arrow around the button, he/she will have to drag the arrow to the design that is followed by the sign up button. Now, the designer can view this action by clicking the play button on the top-right corner. Here is a demo that I created for my ui/ux project.

Wireflow Prototyping

Leave a Reply

Your email address will not be published. Required fields are marked *