We may earn an affiliate commission when you visit our partners.
Harrison Kong
In this 1.5 hour guided project, you will learn how to create a low-fidelity prototype using Adobe
XD. Low fidelity prototypes focus on the workflow and content rather than typographic details. We will cover how to add screens, control screen flow and transition, add user interface elements such as text labels, toggle buttons, and images. We will also learn how to make reusable components for a consistent presentation.
A free trial (or subscribed) Adobe account is required. Please create an account or prepare to log in prior to starting the project.
Register for this course and see more details by visiting:
OpenCourser.com/course/8sn8e9/build
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Develops essential UI/UX design skills using industry-standard Adobe XD software
Offers hands-on practice in creating low-fidelity prototypes, a valuable skill for UI/UX designers
Provides a strong foundation for beginners looking to enter the field of UI/UX design
Taught by industry expert Harrison Kong, who brings real-world experience to the course
Requires an Adobe account, which may incur additional costs for some learners
Focuses on low-fidelity prototyping, which may not be suitable for all UI/UX design projects
Save this course
Save Build a Low-Fidelity Mobile App Prototype with Adobe XD to your list so you can find it easily later:
Save
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in Build a Low-Fidelity Mobile App Prototype with Adobe XD with these
activities:
Review the principles of information architecture
Show steps
This activity will help students refresh their knowledge of information architecture principles.
Browse courses on
Information Architecture
Show steps
-
Find a resource on information architecture
-
Review the resource
-
Take notes
-
Apply what you learned
Take a refresher course on user interface design
Show steps
This activity will help students refresh their knowledge of user interface design principles.
Browse courses on
User Interface Design
Show steps
-
Find a refresher course
-
Enroll in the course
-
Complete the course
-
Apply what you learned
Find a mentor who can help you with Adobe XD
Show steps
Find a mentor who can provide guidance and support as you learn Adobe XD.
Show steps
-
Ask your friends, family, or colleagues for recommendations.
-
Search for Adobe XD mentors on LinkedIn or other professional networking sites.
-
Attend Adobe XD meetups or events.
-
Contact Adobe XD support for recommendations.
12 other activities
Expand to see all activities and additional details
Show all 15 activities
Practice using Adobe XD
Show steps
This activity will help students familiarize themselves with the Adobe XD interface and tools.
Show steps
-
Download and install Adobe XD
-
Create a new project
-
Add and arrange elements
-
Apply styles
-
Export your prototype
Join an online community for Adobe XD users
Show steps
Join an online community for Adobe XD users to connect with other users, share your work, and get feedback.
Show steps
-
Search for an Adobe XD community on Reddit, Discord, or other platforms.
-
Join the community.
-
Introduce yourself and share your work.
-
Participate in discussions and ask questions.
Watch tutorials on Adobe XD
Show steps
Watch online tutorials to learn more about Adobe XD and its features, such as creating screens, adding user interface elements, and controlling screen flow.
Show steps
-
Search for Adobe XD tutorials on YouTube or other video platforms.
-
Watch the tutorials and take notes.
-
Practice using the features you learned in your own Adobe XD projects.
Attend a workshop on UX design
Show steps
This activity will help students learn about best practices in UX design and get hands-on experience with prototyping tools.
Show steps
-
Research and find a workshop
-
Register for the workshop
-
Attend the workshop
-
Take notes
-
Apply what you learned
Practice creating low-fidelity prototypes
Show steps
Practice creating low-fidelity prototypes using Adobe XD to reinforce your understanding of the basic concepts of prototyping.
Show steps
-
Create a new Adobe XD project.
-
Add screens to your project.
-
Add user interface elements to your screens.
-
Control screen flow and transitions.
Participate in a peer review of each other's prototypes
Show steps
This activity will help students learn from each other's work and get feedback on their own design.
Show steps
-
Exchange prototypes
-
Review each other's prototypes
-
Provide feedback
-
Respond to feedback
Start a side project using Adobe XD
Show steps
Start a side project using Adobe XD to apply your skills and knowledge to a real-world project.
Show steps
-
Come up with an idea for a side project.
-
Create a plan for your project.
-
Start working on your project.
-
Test and iterate on your project.
-
Finish your project and share it with others.
Write a blog post about your experience designing a prototype
Show steps
This activity will help students reflect on their design process and share their knowledge with others.
Show steps
-
Brainstorm a topic
-
Create an outline
-
Write the blog post
-
Edit and proofread
-
Publish the blog post
Create a high-fidelity prototype using Figma
Show steps
This activity will help students apply the principles of interaction design to create a high-fidelity prototype of their own design.
Show steps
-
Gather requirements and create a user flow
-
Design the user interface
-
Build the prototype
-
Test the prototype
-
Iterate on the design
Create a blog post about your experience using Adobe XD
Show steps
Write a blog post about your experience using Adobe XD, sharing your thoughts on its strengths and weaknesses, and providing tips for other users.
Show steps
-
Choose a topic for your blog post.
-
Write a draft of your blog post.
-
Edit and proofread your blog post.
-
Publish your blog post.
-
Promote your blog post on social media.
Create a collection of resources on UX design
Show steps
This activity will help students gather and organize information on UX design best practices.
Show steps
-
Identify the topics you want to cover
-
Find resources on those topics
-
Organize the resources into a coherent collection
-
Share the collection with others
Mentor a junior designer
Show steps
This activity will help students develop their leadership and communication skills while providing support to others.
Show steps
-
Find a junior designer to mentor
-
Set up regular meetings
-
Provide feedback and guidance
-
Help the junior designer develop their skills
-
Celebrate the junior designer's successes
Review the principles of information architecture
Show steps
This activity will help students refresh their knowledge of information architecture principles.
Browse courses on
Information Architecture
Show steps
Show steps
Show steps
- Find a resource on information architecture
- Review the resource
- Take notes
- Apply what you learned
Take a refresher course on user interface design
Show steps
This activity will help students refresh their knowledge of user interface design principles.
Browse courses on
User Interface Design
Show steps
Show steps
Show steps
- Find a refresher course
- Enroll in the course
- Complete the course
- Apply what you learned
Find a mentor who can help you with Adobe XD
Show steps
Find a mentor who can provide guidance and support as you learn Adobe XD.
Show steps
Show steps
Show steps
- Ask your friends, family, or colleagues for recommendations.
- Search for Adobe XD mentors on LinkedIn or other professional networking sites.
- Attend Adobe XD meetups or events.
- Contact Adobe XD support for recommendations.
12 other activities
Expand to see all activities and additional details
Show all 15 activities
Practice using Adobe XD
Show steps
This activity will help students familiarize themselves with the Adobe XD interface and tools.
Show steps
Show steps
Show steps
- Download and install Adobe XD
- Create a new project
- Add and arrange elements
- Apply styles
- Export your prototype
Join an online community for Adobe XD users
Show steps
Join an online community for Adobe XD users to connect with other users, share your work, and get feedback.
Show steps
Show steps
Show steps
- Search for an Adobe XD community on Reddit, Discord, or other platforms.
- Join the community.
- Introduce yourself and share your work.
- Participate in discussions and ask questions.
Watch tutorials on Adobe XD
Show steps
Watch online tutorials to learn more about Adobe XD and its features, such as creating screens, adding user interface elements, and controlling screen flow.
Show steps
Show steps
Show steps
- Search for Adobe XD tutorials on YouTube or other video platforms.
- Watch the tutorials and take notes.
- Practice using the features you learned in your own Adobe XD projects.
Attend a workshop on UX design
Show steps
This activity will help students learn about best practices in UX design and get hands-on experience with prototyping tools.
Show steps
Show steps
Show steps
- Research and find a workshop
- Register for the workshop
- Attend the workshop
- Take notes
- Apply what you learned
Practice creating low-fidelity prototypes
Show steps
Practice creating low-fidelity prototypes using Adobe XD to reinforce your understanding of the basic concepts of prototyping.
Show steps
Show steps
Show steps
- Create a new Adobe XD project.
- Add screens to your project.
- Add user interface elements to your screens.
- Control screen flow and transitions.
Participate in a peer review of each other's prototypes
Show steps
This activity will help students learn from each other's work and get feedback on their own design.
Show steps
Show steps
Show steps
- Exchange prototypes
- Review each other's prototypes
- Provide feedback
- Respond to feedback
Start a side project using Adobe XD
Show steps
Start a side project using Adobe XD to apply your skills and knowledge to a real-world project.
Show steps
Show steps
Show steps
- Come up with an idea for a side project.
- Create a plan for your project.
- Start working on your project.
- Test and iterate on your project.
- Finish your project and share it with others.
Write a blog post about your experience designing a prototype
Show steps
This activity will help students reflect on their design process and share their knowledge with others.
Show steps
Show steps
Show steps
- Brainstorm a topic
- Create an outline
- Write the blog post
- Edit and proofread
- Publish the blog post
Create a high-fidelity prototype using Figma
Show steps
This activity will help students apply the principles of interaction design to create a high-fidelity prototype of their own design.
Show steps
Show steps
Show steps
- Gather requirements and create a user flow
- Design the user interface
- Build the prototype
- Test the prototype
- Iterate on the design
Create a blog post about your experience using Adobe XD
Show steps
Write a blog post about your experience using Adobe XD, sharing your thoughts on its strengths and weaknesses, and providing tips for other users.
Show steps
Show steps
Show steps
- Choose a topic for your blog post.
- Write a draft of your blog post.
- Edit and proofread your blog post.
- Publish your blog post.
- Promote your blog post on social media.
Create a collection of resources on UX design
Show steps
This activity will help students gather and organize information on UX design best practices.
Show steps
Show steps
Show steps
- Identify the topics you want to cover
- Find resources on those topics
- Organize the resources into a coherent collection
- Share the collection with others
Mentor a junior designer
Show steps
This activity will help students develop their leadership and communication skills while providing support to others.
Show steps
Show steps
Show steps
- Find a junior designer to mentor
- Set up regular meetings
- Provide feedback and guidance
- Help the junior designer develop their skills
- Celebrate the junior designer's successes
Career center
Learners who complete Build a Low-Fidelity Mobile App Prototype with Adobe XD will develop knowledge and skills
that may be useful to these careers:
UX Designer
UX Designer
UX Designers are responsible for ensuring that user interfaces are well-designed and create a positive user experience. This course in Adobe XD can help UX Designers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
UI Designer
UI Designer
UI Designers are responsible for the visual design of user interfaces. This course in Adobe XD can help UI Designers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Product Designer
Product Designer
Product Designers are responsible for the overall design of a product, including both the user interface and the user experience. This course in Adobe XD can help Product Designers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Information Architect
Information Architect
Information Architects are responsible for the organization and structure of information. This course in Adobe XD can help Information Architects create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Interaction Designer
Interaction Designer
Interaction Designers are responsible for the design of how users interact with a product. This course in Adobe XD can help Interaction Designers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Visual Designer
Visual Designer
Visual Designers are responsible for the visual design of a product. This course in Adobe XD can help Visual Designers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Front-End Developer
Front-End Developer
Front-End Developers are responsible for the development of the user interface of a product. This course in Adobe XD can help Front-End Developers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Full-Stack Developer
Full-Stack Developer
Full-Stack Developers are responsible for the development of both the front-end and back-end of a product. This course in Adobe XD can help Full-Stack Developers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Product Manager
Product Manager
Product Managers are responsible for the planning, development, and launch of new products. This course in Adobe XD can help Product Managers create low-fidelity prototypes that they can use to test out their ideas before committing to a final design. This can help them save time and money, and ensure that their final product is well-received by users.
Back-End Developer
Back-End Developer
Back-End Developers are responsible for the development of the server-side of a product. This course in Adobe XD may be useful for Back-End Developers who want to learn more about the user interface design process. This can help them create better products that are more user-friendly.
Software Engineer
Software Engineer
Software Engineers are responsible for the design, development, and maintenance of software systems. This course in Adobe XD may be useful for Software Engineers who want to learn more about the user interface design process. This can help them create better software that is more user-friendly.
Marketing Manager
Marketing Manager
Marketing Managers are responsible for the planning, execution, and measurement of marketing campaigns. This course in Adobe XD may be useful for Marketing Managers who want to learn more about the user interface design process. This can help them create better marketing materials that are more user-friendly.
Data Scientist
Data Scientist
Data Scientists are responsible for the collection, analysis, and interpretation of data. This course in Adobe XD may be useful for Data Scientists who want to learn more about the user interface design process. This can help them create better data visualization tools that are more user-friendly.
Sales Manager
Sales Manager
Sales Managers are responsible for the management of sales teams and the development of sales strategies. This course in Adobe XD may be useful for Sales Managers who want to learn more about the user interface design process. This can help them create better sales tools that are more user-friendly.
Customer Success Manager
Customer Success Manager
Customer Success Managers are responsible for the onboarding, training, and support of customers. This course in Adobe XD may be useful for Customer Success Managers who want to learn more about the user interface design process. This can help them create better customer support tools that are more user-friendly.
For more career information including salaries, visit:
OpenCourser.com/course/8sn8e9/build
Reading list
We've selected 12 books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Build a Low-Fidelity Mobile App Prototype with Adobe XD.
Save
Introduces the Lean UX Canvas, a tool for designing great user experiences. It covers the key elements of the Lean UX process, including problem definition, solution ideation, and prototyping. It also includes a chapter on how to use the Lean UX Canvas to create a low-fidelity prototype.
Provides a practical guide to sketching user experiences. It covers a variety of sketching techniques, including wireframing, storyboarding, and prototyping. It also includes a chapter on how to use sketching to communicate your ideas to others.
Save
Provides a comprehensive overview of interaction design. It covers the key concepts of interaction design, including user experience, usability, and accessibility. It also includes a chapter on how to use low-fidelity prototyping to test your interaction designs.
Provides a classic overview of the principles of good design. It covers a variety of topics, including usability, aesthetics, and ergonomics. It also includes a chapter on how to use these principles to design better products and services.
Save
Provides a practical guide to usability engineering. It covers a variety of topics, including user research, usability testing, and interface design. It also includes a chapter on how to use low-fidelity prototyping to test your usability designs.
Save
Provides a practical guide to prototyping. It covers a variety of prototyping techniques, including paper prototyping, wireframing, and user testing. It also includes a chapter on how to use prototyping to communicate your ideas to others.
Save
Provides a concise overview of the principles of simplicity. It covers a variety of topics, including design, technology, and business. It also includes a chapter on how to use simplicity to create better products and services.
Provides a practical guide to web usability. It covers a variety of topics, including user experience, usability testing, and interface design. It also includes a chapter on how to use low-fidelity prototyping to test your web designs.
Save
Provides a crash course in UX design. It covers a variety of topics, including user research, usability testing, and interface design. It also includes a chapter on how to use low-fidelity prototyping to test your UX designs.
Provides a guide to the Lean Startup methodology. It covers a variety of topics, including customer development, product-market fit, and growth hacking. It also includes a chapter on how to use prototyping to test your startup ideas.
Provides a classic overview of the Innovator's Dilemma. It covers a variety of topics, including disruptive innovation, technology adoption, and market research. It also includes a chapter on how to use prototyping to test your disruptive ideas.
Provides a classic overview of the Technology Adoption Lifecycle. It covers a variety of topics, including marketing, sales, and product development. It also includes a chapter on how to use prototyping to test your product-market fit.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/8sn8e9/build
Share
Similar courses
Here are nine courses similar to
Build a Low-Fidelity Mobile App Prototype with Adobe XD.
Build a High-Fidelity Mobile App Prototype with Adobe XD
OpenCourser.com/course/4163sd/build
Build a High-Fidelity Mobile App Prototype with Adobe XD
Most relevant
Build a Lo-Fi Responsive Website Prototype with Adobe XD
OpenCourser.com/course/6cjydi/build
Build a Lo-Fi Responsive Website Prototype with Adobe XD
Most relevant
Create a Low-Fidelity Prototype in Adobe XD
OpenCourser.com/course/cv16hf/create
Create a Low-Fidelity Prototype in Adobe XD
Most relevant
Designing a Low Fidelity Prototype in Figma
OpenCourser.com/course/mnycmz/designing
Designing a Low Fidelity Prototype in Figma
Most relevant
Build a low-fidelity prototype for a mobile app in Adobe XD
OpenCourser.com/course/4vgfht/build
Build a low-fidelity prototype for a mobile app in Adobe...
Most relevant
Build a High-Fidelity Prototype for a Mobile App in Adobe XD
OpenCourser.com/course/h9awrm/build
Build a High-Fidelity Prototype for a Mobile App in Adobe...
Most relevant
Create a High-Fidelity Prototype with Figma
OpenCourser.com/course/hre785/create
Create a High-Fidelity Prototype with Figma
Most relevant
Build Wireframes and Low-Fidelity Prototypes
OpenCourser.com/course/a650i0/build
Build Wireframes and Low-Fidelity Prototypes
Most relevant
App Development with Power Apps: Create Custom Components
OpenCourser.com/course/h8zo6p/app
App Development with Power Apps: Create Custom Components
Most relevant
Time
2 hours
Via
Coursera
Institution
Coursera Project Network
Instructor
Harrison Kong
Good to know
Develops essential UI/UX design skills using industry-standard Adobe XD software
Offers hands-on practice in creating low-fidelity prototypes, a valuable skill for UI/UX designers
Provides a strong foundation for beginners looking to enter the field of UI/UX design
Taught by industry expert Harrison Kong, who brings real-world experience to the course
Requires an Adobe account, which may incur additional costs for some learners
Focuses on low-fidelity prototyping, which may not be suitable for all UI/UX design projects
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser