Intro to Teaching Design with Adobe XD
Monday 10th October 2022, 5pm to 6:30pm
Live Session Recording:
In this session we will be learning how to create a simple app design with Adobe XD. We will then touch on the basics of user testing, iterative design and wireframes.
“User experience design (UXD, UED, or XD) is the process of supporting user behavior through usability, usefulness, and desirability provided in the interaction with a product.
"Experience design is the practice of designing products, processes, services, events, omnichannel journeys, and environments with a focus placed on the quality of the user experience and culturally relevant solutions. Experience design requires a cross-discipline perspective that seeks to develop the experience of a product, service, or event along a number of different design dimensions.”
Source: Wikipedia
Wireframes
One of the most basic forms of prototype is known as a wireframe; a simplified sketch of the content that will appear on each screen. Wireframes are devoid of color, typographical styles, and images.
Wireframes describe the contents of each screen, and help you to establish the functionality, behavior, and relative priorities of your content. Later, they can kick-start the design process and help you to elaborate on the details.
Using wireframes as a substitute for more complex design concepts is useful for creating and modifying designs on the fly. Sketching your designs out on paper also allows you to make quick and simple modifications to your design when you test it with users.
User Testing & Iteration
UX design isn’t just about creating a functional product, it’s also about creating a usable product. When you spend time developing something, your familiarity with the product may blind you to potential problems that might be obvious to a first-time user.
By putting your product in front of a user for the first time and allowing them to play with it, you can observe any problems that arise. This is user testing.
Once you’ve identified the problems, you can rework your design in a way that solves them. Over time, and with several iterations, this process (prototyping) will eventually reshape your product to be as user-friendly and accessible as possible.
Assignment 1: Using Adobe XD, create a wireframe design for a recipe app (three to five screens).
Click here to download a collection of assets to help you complete a similar project.
Assignment 2: Take time to add a reflection about your work and learning for this session to your Adobe Express Learning Journal.
Upload your assignment to the Teaching Design Padlet
Click on the Teaching Design course Padlet link below, login and click on the plus button in the bottom right-hand corner to add the published link to your Adobe Express Learning Journal and your session three wireframe you created using Adobe XD:
Make sure you have completed the following tasks:
- I have completed Assignment 1: Using Adobe XD, create a wireframe design for a recipe app
- I have created Assignment 2: Update your learning journal
- I have added my Adobe XD image as a jpg or png to my Adobe Express Learning Journal
- I have added a reflection of my learning to my Adobe Express Learning Journal
- I have published my Adobe Express Learning Journal and added the link to the Design Course Padlet
- You can also add your Adobe XD project png or jpg image separately to the Design Course Padlet
What next?
The Adobe Education Exchange has numerous FREE resources and FREE courses to help you further develop your knowledge and skills. If you haven't already you might want to take the Basic Principles of Design course which explores principles of great design and a variety of key concepts and examples that you can use in your own classroom. You'll hear from dozens of experts in the field, and see many examples of lessons and activities you can immediately apply to any classroom content.
Or you can dig a bit deeper into the world of Photoshop with Creating Digital Images with your Class, equipping you with some really engaging and useful student projects.
The Adobe Education Exchange also has two excellent toolkits to supplement your teaching:
Creating Digital Images Professional Learning Kit | Presenter-led Training
Digital Publishing Professional Learning Kit: Presenter -led Training
App & Experience Design Professional Learning Kit: Presenter -led Training
Completing the Teaching Design Course
Once you have completed all the assignments for all three sessions you need to make sure you have added them to your Adobe Express Learning Journal. Click on the form below to submit your work by Friday 28th October 2022:
On successful completion and submission of your Adobe Express Learning Journal you'll be sent a digital certificate and badge for 10 hours of professional development. Certificates and badges will be sent out within 7 days of the completion deadline.
We hope you have enjoyed the Adobe Teaching Design course and are now ready to explore and develop your new skills in the classroom.
Thank you again for taking part in this course!
Previous Sessions
Check out our other Adobe Autumn Camp 2022 courses:
Credits:
Created with images by Iuliia Pilipeichenko - "UX mobile application wireframe. Sketch, prototype, framework, layout future app design project. UI/UX - user interface and user experience designer. Creative concept for smartphone. App development" • MIND AND I - "Creative Web Designer planning application and developing template layout, framework for mobile phone. User experience (UX) concept."