Learn the fundamentals of UX and UI design and how to teach amazing UX/UI design projects.
- Adobe Premiere Pro
- Adobe Spark
- After Effects
- Adobe XD
- Adobe Advertising Cloud
- Adobe Analytics Cloud
- Adobe AIR
- Business Catalyst
- Adobe Captivate
- Adobe Captivate Prime
- Adobe Capture CC
- Character Animator
- Adobe Comp CC
- Adobe Creative Cloud
- Digital Editions
- Adobe Document Cloud
- Adobe Experience Cloud
- Flash Player
- Fuse (Beta)
- Illustrator Draw
- Lightroom Classic
- Adobe Marketing Cloud
- Media Encoder
- Adobe Media Server
- PhoneGap Build
- Photoshop Elements
- Photoshop Express
- Photoshop Fix
- Photoshop Mix
- Photoshop Sketch
- Premiere Clip
- Adobe Premiere Elements
- Adobe Scan
- Adobe Sign
- Adobe Stock
User experience (UX) design is commonly defined as the process to design experiences and interactions with a digital or physical product that is useful, easy, and enjoyable. User interface design (UI) is commonly defined as the process of designing the visual look of the product and the functionality of the interaction. In this activity, students will be introduced to user experience (UX) and user interface (UI) design, the role of designers, and the design process. To reinforce UX and UI design principles, students will assess and provide analysis on the design of an existing product.
Learn how to create product prototypes and integrate prototyping projects into your curriculum.
This resource is all about creating a simple app prototype for assessing Key Stage 3 Science. I have opted to focus on photosynthesis but you could use this for any part of the science curriculum. This could also be a fun cross curricula project building digital skills and reinforcing core learning. Either way Adobe XD is easy and fun. What is Photosynthesis? Photosynthesis is the process used by plants and algae to create chemical energy from sunlight. “Almost all life on Earth depends upon this process. Photosynthesis is also important in maintaining the levels of oxygen and carbon dioxide in the atmosphere.” (BBC Bitesize) More about photosynthesis here: https://www.bbc.co.uk/education/guides/zpwmxnb/revision User experience design is the process of enhancing user satisfaction by improving the usability, accessibility, and pleasure experienced during the interaction between the user and the product. In this case we’ll create an assessment app prototype. The first thing we need to consider is what the app will do. We want our students to be able to self assess their level of understanding of photosynthesis (or whatever you decide your theme might be). So let’s start with three key questions that a KS3 science student should know the answer to: What three things do plants need for photosynthesis? (Answer: Carbon Dioxide, Water and Light (A source of energy))What two things do plants make by photosynthesis? (Answer: Glucose and Oxygen)Photosynthesis takes place inside plant cells in small objects called XXXX? (Answer: Chloroplasts) I have created a template that you can edit to suit your needs or to let your students edit. The Adobe XD template can be found here: https://adobe.ly/2GfX4J0 First watch this 2 minute introduction to Adobe XD and interactivity: https://vimeo.com/256430779 Then watch this tutorial about how you might edit the XD template to use for your own Science (or any other subject) assessment tool: https://vimeo.com/256434537 Adobe XD is part of Adobe Creative Cloud, you can find out more here: https://www.adobe.com/uk/products/xd.html Watch this video tutorial to learn more about Adobe XD: https://vimeo.com/219689638 To find out more about Adobe for Schools in the UK, visit the Adobe for Teachers website
Adobe XD is a vector-based tool for designing and prototyping user experiences for web and mobile apps. Designers can use XD to create static designs and turn them into interactive prototypes that simulates the flow of an app. XD also allows designers to share these interactive prototypes with team members, stakeholders, or clients - who can make comments directly on the prototypes. Designers then review these comments to iterate designs, update the prototypes, and resolve the comments. In this project, students will wireframe, design and iterate a mini-portfolio app prototype. They will turn their app into an interactive prototype, share for feedback, test the app, and finalize the design.
Adobe XD allows designers to create prototypes by adding interactive animations to static designs that simulates the flow of an app. XD also allows you to use a variety of options to share your interactive prototypes with team members, stakeholders, or clients. They can make comments directly on your prototypes so you can easily iterate your design, update the prototype, and resolve their comments. Finally, you can also record the interaction and share a video file with stakeholders. In this activity, students will take an app they designed in XD Design Mode and turn it into an interactive prototype, share for feedback, as well as, test the app and record the interactions.
Adobe XD can be used to switch easily from wireframing, visual design, interaction design, prototyping, preview and sharing, all in one powerful tool. In this activity, students will review the roles of UX and UI designers, be introduced to wireframes, how to design in XD, and use this to create a mobile app portfolio prototype.
Adobe XD is a vector-based tool for designing and prototyping user experiences for web and mobile apps. In this activity, students review user experience design principles, are introduced to the Adobe XD workspace, and edit a template as an introduction to using XD.
Adobe XD had been build from the ground up to address the complex needs of today’s UX designers. It's got awesome innovative tools that will speed up your workflow from wireframes and high-fidelity designs to interactive prototypes. In this tutorial you'll learn how to use Adobe XD and make your very first prototype for an app. You'll get familiar with a lot of features, tools and techniques which are important to get yourself started.
Rosie Sue is one of Adobe’s New Zealand-based Solution Consultants who works directly with organisations and schools, running workshops around the country.
I teach and research digital literacy at the university level, which includes undergraduate, graduate, and general curriculum responsibilities.
Harness the power of design thinking and take your students’ creativity to the next level with Adobe XD. In this workshop, you’ll explore how design thinking and mobile development can foster creativity in your teaching practice.
Adobe Apps for Education provides an introduction to Adobe software applications, helps you learn what you can create, and inspires with ideas for sample projects using these tools. The document categorizes the types of digital content that you can create with Adobe software applications and identifies which tools are best for creating different kinds of content. Each content category includes sample projects for beginner, intermediate, and expert Adobe users. Some projects include hyperlinks to tutorials on Adobe Help and the Adobe Education Exchange. The document also includes an Adobe app glossary to help you easily identify the wide diversity of software applications Adobe offers. This document is published in three different formats: Low resolution interactive PDF file - this version is ideal for sharing digitally or sending over email and includes hyperlinks to tutorialsHigh resolution interactive PDF file - this version is ideal for sharing digitally and includes hyperlinks to tutorialsPrint PDF - this version is ideal for printing for use in classrooms, but does not contain hyperlinks to tutorials. Please let us know your comments and feedback below. This document will be updated periodically to add new tutorials and adjust sample project and applications as required. File Updates: Files updated on October 18, 2017 to include Adobe Dimension, Adobe XD, Adobe Lightroom, Adobe Experience Cloud, (including Adobe Advertising Cloud, Adobe Analytics Cloud, and Adobe Marketing Cloud), Captivate Prime, and Adobe Scan.Files updated on May 19, 2016 to include Adobe Spark.Files updated on March 16, 2016 to include Capture CC, Post, Photoshop Fix, Animate CC, Experience Design CC (Preview), Fuse CC (Preview), Character Animator, and Portfolio. Files updated on July 13, 2015 to include Preview CC, Comp CC, Hue CC, Brackets, Slate, and Stock; Links to tutorials fixed and additional links added; product icons now show product name on cursor rolloverFiles updated on November 3, 2014 to include Behance, Behance ProSite, Adobe Framemaker, Voice, Brush, Shape, Color, Illustrator Draw, Illustrator Line, Photoshop Mix, Photoshop Sketch, Ink and Slide, and Premiere Clip; Product glossary now includes links to product information on adobe.comFiles updated on March 26, 2014 to include Adobe LeanPrint.
Author, Adobe specialist, collaborator on W3C Brazil, lecturer and instructor in companies throughout Brazil. Acts on Graphic Design, Webdesign and AEM areas.
Educator of many age levels, Adobe Education Trainer and assistant on Collaborative Courses on the Education Exchange
I was Born in Malta on the 15th of March 1965. I started using digital media way back on ATARI 1040 STE using Paint Deluxe and Degas Applications.
Our mission is to inspire and empower the next generation to be lifelong creators.
Founder of Edge Gain and producer of the Adobe EdEx courses.
Created first accredited AAS degree in web systems.Created first accredited certificate in rich Internet application development.
I have been approached by my administrator to consider replacing the Mac computers in my classroom with PC. The Technology department does not like maintaining the Mac lab. I would like to get some feedback regarding current industry standards. What are you using in your classroom/business? Is Mac still the goto graphics platform? Thanks for your input.
I am a Master Teacher at an innovative high school in Texas and am in the process of working with the school district to change our Digital Media pathway to a UI/UX Design pathway. From my research, this emerging aspect of technology will help our students be more marketable. I have tried to find other high schools that have taken this route but have not been able to locate any. I am reaching out on this forum to not only find other high schools, but also get any feedback on this endeavor. Look forward to reading your responses.
Is Adobe XD CC only available for an extra fee? That is; if a school has a full site license for the software, can they not access Adobe XD CC unless they pay an extra fee?
Adobe Quick Tips - XD Experience Design Repeat Grids | XD Beginners Tutorial | UX / UI Design
The prototype has been made using Adobe XD, although it is not entirely finished I am looking for any feedback regarding layout, functionality, design, usability etc. The app is aimed to advertise volunteering opportunities near where you are situated and also offer a good deed for you to undertake that day to create a friendlier community and World, any feedback is appreciated. Link to prototype found below https://xd.adobe.com/view/cfe0b25c-14f9-4082-ba17-2c27bf88f541