Adobe Draw App Randi Yemin • Fall 2018 • Savannah College of Art and Design • Professor Quarzo • Interface Design • Mobile App and Web App Research, Review, and Analysis Table of Contents Introduction Overview Target Users Use, Purpose, and Category Device & Technology Availability Tablet vs Mobile Content Overview Overview of Content Tabs Interaction Types & Gestures Gestures Navigation Methods Content Browsing Screens Image & Icon Use Use of Images Use of Icons UI Visuals Branding Feature & Functionality Similar Apps Adobe Draw vs Photoshop Sketch Adobe Draw vs Sources Table of Contents Introduction Overview Target Users Use, Purpose, and Category Device & Technology Overview Content Overview Interaction Types & Gestures Adobe Draw Image & Icon Use If you’re a vector artist, Adobe Draw is your go-to app UI Visuals Similar Apps for mobile drawing. Use customizable brushes to draw, Sources design, and style your art. We’ve included basic shape stencils to speed up your design work—like circles, squares, French curves, polygons, and even speech bubbles for comics. Create on resizable canvases up to a delightfully printable 8k. With one tap, your layered files are sent right to Adobe Illustrator CC, or as a flat image to Adobe Photoshop CC. Show off your drawing process with an automatically created time-lapse video. Key Interaction Observation Recommendation Table of Contents Introduction Overview Target Users Use, Purpose, and Category Device & Technology Target Users Content Overview Interaction Types & Gestures Professionals Image & Icon Use Adobe Draw, like many applications in the creative UI Visuals Similar Apps suite, was created to help professionals work more Sources efficiently. This app allows the user to draw from any location and then upload their creation to the creative cloud as an Adobe Illustrator or Adobe Photoshop file. The flexibility of the location and the type of file helps professionals to create without hesitation. Everyone In-Between The professionals are not the only ones who get to have all the fun. Since it is a drawing program, users of the ages of thirteen and up can create just like the pro- fessionals. Adobe Draw gives the user the ability to see and reach out to other users. With this in mind, there are not any parental controls on this app and there can be questionable content for younger users. Key Interaction Observation Recommendation Table of Contents Introduction Overview Target Users Use, Purpose, and Category Device & Technology Use Content Overview Interaction Types & Gestures Create Image & Icon Use Create beautiful free-form vector designs on your UI Visuals mobile device with Illustrator Draw, the app that lets Similar Apps you turn your ideas into production-quality artwork Sources wherever inspiration strikes. Purpose Draw Adobe Draw puts your favorite vector drawing tools and features into a simple, modern interface so it’s easy to turn any idea or inspiration into a gorgeous design. You can even launch Adobe Capture CC from within the app, create a new shape, and have it immediately appear on your Draw canvas. And because Draw is part of the Adobe Illustrator family, you can send your designs directly to Illustrator to refine on your desktop. Category Productivity App The purpose of a productivity apps is to make mobile device users more efficient wherever they are by allow- ing them to access functions such as Adobe Draw and Key the Creative Cloud Suite. Interaction Observation Recommendation Table of Contents Introduction Device & Technology Availability Tablet vs Mobile Tablet vs Mobile Content Overview Interaction Types & Gestures Tablet vs Mobile Mobile Image & Icon Use As mentioned earlier, Adobe Draw is available on The Mobile device offers similar features to the tablet. UI Visuals Mobile Devices and Tablets. Each device supports Although the screen space on the Mobile device is Similar Apps smaller and can be very hard to work with. The proj- Sources the app a little differently. ects often do not sync, and this takes away one of the Tablet features for this app, conveyance. Unless your Mobile The Tablet offers more screen real-estate for the user device is connected to Wi-Fi the upload time and the to draw on, faster uploads to the creative cloud, and retrieval features take a long time. When a project is faster access to the creative suite features. It also offers created on a more updated version on of Adobe Draw, the user to create larger files but not too large.Since the project cannot be opened on the Mobile deivce. this is an app based for non-desktop use the file space is limited for projects. Note: The phone being used for this project is an Galaxy S9 and the tablet is an IPad iOS 11.4.1. Key Interaction Observation Recommendation Table of Contents Introduction Device &Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Tablet Image & Icon Use UI Visuals Settings Similar Apps My Account Sources • Adobe ID, Storage, Profile Picture, Occupation, About Adobe Draw • Send how to use features button. • Terms, Privacy, and Third-Party Preferences • Toolbar Left or Right (very useful ), Canvas rotation, stroke smoothing, Free up storage (read) • Show Touches (creates orange dot where finger is and makes it hard to see where you are drawing) Follow Us • Social media for Adobe Draw and Adobe Creative Cloud Import Files • Import files from adobe ideas which is just the Creative Cloud Tutorials and Gestures • Get started, guided lessons, gesture guide, tutorial videos, help messages Send Feedback Browse Market Adobe Stock More Apps Share This App Key Interaction Note: If you want to upload your artwork as Illustrator File, it Observation must be done manually one project at a time. Suggestion, allow the user to have the choice in settings for the file to upload as Recommendation a Photoshop or Ilustrator File. Table of Contents IIntroduction Device &Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Tablet Image & Icon Use UI Visuals Discover Similar Apps • Button is powered by Behance Sources • User can click on artwork and it shows the single artwork and/or multiple artworks by artist • This will also take he user to the artist profile on Behance. Key Interaction Observation Note: There are not any parental controls on this app and there can be questionable content for younger users. Suggestion,notify Recommendation user that content may not be sutiable for children. Table of Contents Introduction Device &Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Tablet Image & Icon Use UI Visuals Work Similar Apps • It allows multiple project selection for trash and to duplicate, but Sources not for uploading. • sort projects and chose a project Key Interaction Observation Recommendation Table of Contents Introduction Device &Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Tablet Image & Icon Use UI Visuals Project Similar Apps • assorted brushes: five already installed brushes Sources • one eraser: cannot change the style just the roundness, taper, pressure dynamics, and velocity dynamics • colors: picker(single, analogous, mono, triad, compleme- ntary, compound, shades, custom), themes, opacity, my library(swatches) • layers(can disappear when clicking icon): • draw or image(on ipad, take a photo, my files/creative cloud, from market, adobe stock) • shapes: add preloaded shapes, my library(connects with adobe capture) • upload: adobe desktop(PS or AI), image, link to project, behance, creative cloud PS(will not allow user to change from PS to AI), time-lapse(creates video of artwork’s creation and then you can share it anywhere), clipboard(can copy project to clipboard • settings: format(can change format of canvas), rotate canvas, grids(can add custom grid to project), shape snapping(unkown), stylus(syncs stylus), Learn to use adobe draw, learn brush basics, learn gesture basics, view all gestures • hide tool bar icon Key Interaction Observation Recommendation Table of Contents IIntroduction Device &Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Mobile and Tablet Image & Icon Use UI Visuals Discover Similar Apps • Button is powered by Behance Sources • User can click on artwork and it shows the single artwork and/or multiple artworks by artist • This will also take the user to the artist profile on Behance. Key Interaction Observation Recommendation Table of Contents Introduction Device & Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Mobile and Tablet Image & Icon Use UI Visuals Work Similar Apps • It allows multiple project selection for trash and to duplicate, but Sources not for uploading. • sort projects, chose a project, or create a new project Key Interaction Observation Note: The images above shows how a user can create Recommendation a New Project. Table of Contents Introduction Device & Technology Content Overview Overview of Content Tabs Overview of Content Interaction Types & Gestures Mobile and Tablet Image & Icon Use UI Visuals Project Similar Apps • It allows the user to chose the color for the brushes, to adjust Sources the settings, and upload the project. Key Interaction Observation Note: The images above shows how a user can use the paint Recommendation select tool, settings, and upload a project. Table of Contents Introduction Device &