We may earn an affiliate commission when you visit our partners.
Jonathan Owen
By the end of this project, you’ll be able to create high-fidelity prototypes for mobile apps. You’ll build your prototypes with Adobe XD. XD is a vector-based graphics design and prototyping program for websites and apps. This program gives you the ability...
Read more
By the end of this project, you’ll be able to create high-fidelity prototypes for mobile apps. You’ll build your prototypes with Adobe XD. XD is a vector-based graphics design and prototyping program for websites and apps. This program gives you the ability...
Read more
By the end of this project, you’ll be able to create high-fidelity prototypes for mobile apps. You’ll build your prototypes with Adobe XD. XD is a vector-based graphics design and prototyping program for websites and apps. This program gives you the ability to design multiple iterations of apps and webpages, all the way from wireframes to high-fidelity mockups.
During this project, you’ll put together a high-fidelity design for a coffee subscription service. First, you’ll get used to navigating the XD workspace. Then you’ll add detail to a mobile screen size mockup. Next, you’ll create interactive components, including elements with hover states and the ability to toggle. Then you’ll bring it all together: create clickable triggers to make your design cohesive and interactive. Finally, you’ll test and share your work!
By the end of the project, you’ll be comfortable creating high-fidelity prototypes that let you test and show off completed designs.
Register for this course and see more details by visiting:
OpenCourser.com/course/h9awrm/build
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Teaches a specialized skill that is used in the design industry across companies and teams
Provides learners hands-on experience with Adobe XD
Develops high-fidelity prototypes, a core skill in the UX design process
Guides learners through all stages of creating a high-fidelity prototype, from wireframing to testing
Course uses a step-by-step approach, making it accessible to learners of all levels
Save this course
Save Build a High-Fidelity Prototype for a Mobile App in 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 High-Fidelity Prototype for a Mobile App in Adobe XD with these
activities:
Review the principles of vector graphics
Show steps
Vector graphics are the foundation for Adobe XD. Refreshing your knowledge of vector graphics will help you quickly grasp the XD workspace and tools.
Browse courses on
Vector Graphics
Show steps
-
Read an article about the basics of vector graphics
-
Watch a tutorial on how to create a simple vector image
XD Tutorial
Show steps
Follow a tutorial to learn the basics of XD and how to use it to create prototypes.
Browse courses on
Prototyping
Show steps
-
Find a tutorial on XD
-
Follow the tutorial and complete the exercises
XD Exercises
Show steps
Complete exercises to practice using XD and improve your prototyping skills.
Browse courses on
Prototyping
Show steps
-
Find XD exercises online or in a book
-
Complete the exercises and check your work
Six other activities
Expand to see all activities and additional details
Show all nine activities
Design a Weather App
Show steps
Start a project to design a weather app using XD to practice your prototyping skills.
Browse courses on
Prototyping
Show steps
-
Research weather apps
-
Sketch out your design
-
Build your prototype in XD
Prototyping Workshop
Show steps
Attend a workshop where you can learn about prototyping and get feedback on your work.
Browse courses on
Prototyping
Show steps
-
Find a prototyping workshop
-
Attend the workshop and participate in the exercises
-
Share your work with others and get feedback
Design a low-fidelity prototype
Show steps
Creating a low-fidelity prototype will help you translate your ideas into a tangible design. This will give you a chance to test out your ideas and get feedback before moving on to a high-fidelity prototype.
Show steps
-
Sketch out your design on paper
-
Create a digital wireframe using a simple tool like Figma
-
Get feedback from a friend or colleague on your design
Follow a tutorial on creating interactive prototypes
Show steps
Following a tutorial will help you learn how to use XD's tools to create interactive prototypes. This will allow you to create prototypes that are more realistic and engaging.
Show steps
-
Find a tutorial on creating interactive prototypes using XD
-
Follow the steps in the tutorial to create your own interactive prototype
Practice creating interactive elements
Show steps
Creating interactive elements is a key skill for any UX designer. By practicing, you can improve your skills and create more engaging prototypes.
Show steps
-
Create a button that changes color when it is hovered over
-
Create a menu that appears when a user clicks on a button
-
Create a form that validates user input
Write a blog post about your experience using Adobe XD
Show steps
Writing a blog post will help you reflect on what you have learned and share your knowledge with others. This will help you reinforce your understanding of XD and build your portfolio.
Show steps
-
Choose a topic for your blog post
-
Write a draft of your blog post
-
Get feedback from a friend or colleague on your blog post
-
Publish your blog post
Review the principles of vector graphics
Show steps
Vector graphics are the foundation for Adobe XD. Refreshing your knowledge of vector graphics will help you quickly grasp the XD workspace and tools.
Browse courses on
Vector Graphics
Show steps
Show steps
Show steps
- Read an article about the basics of vector graphics
- Watch a tutorial on how to create a simple vector image
XD Tutorial
Show steps
Follow a tutorial to learn the basics of XD and how to use it to create prototypes.
Browse courses on
Prototyping
Show steps
Show steps
Show steps
- Find a tutorial on XD
- Follow the tutorial and complete the exercises
XD Exercises
Show steps
Complete exercises to practice using XD and improve your prototyping skills.
Browse courses on
Prototyping
Show steps
Show steps
Show steps
- Find XD exercises online or in a book
- Complete the exercises and check your work
Six other activities
Expand to see all activities and additional details
Show all nine activities
Design a Weather App
Show steps
Start a project to design a weather app using XD to practice your prototyping skills.
Browse courses on
Prototyping
Show steps
Show steps
Show steps
- Research weather apps
- Sketch out your design
- Build your prototype in XD
Prototyping Workshop
Show steps
Attend a workshop where you can learn about prototyping and get feedback on your work.
Browse courses on
Prototyping
Show steps
Show steps
Show steps
- Find a prototyping workshop
- Attend the workshop and participate in the exercises
- Share your work with others and get feedback
Design a low-fidelity prototype
Show steps
Creating a low-fidelity prototype will help you translate your ideas into a tangible design. This will give you a chance to test out your ideas and get feedback before moving on to a high-fidelity prototype.
Show steps
Show steps
Show steps
- Sketch out your design on paper
- Create a digital wireframe using a simple tool like Figma
- Get feedback from a friend or colleague on your design
Follow a tutorial on creating interactive prototypes
Show steps
Following a tutorial will help you learn how to use XD's tools to create interactive prototypes. This will allow you to create prototypes that are more realistic and engaging.
Show steps
Show steps
Show steps
- Find a tutorial on creating interactive prototypes using XD
- Follow the steps in the tutorial to create your own interactive prototype
Practice creating interactive elements
Show steps
Creating interactive elements is a key skill for any UX designer. By practicing, you can improve your skills and create more engaging prototypes.
Show steps
Show steps
Show steps
- Create a button that changes color when it is hovered over
- Create a menu that appears when a user clicks on a button
- Create a form that validates user input
Write a blog post about your experience using Adobe XD
Show steps
Writing a blog post will help you reflect on what you have learned and share your knowledge with others. This will help you reinforce your understanding of XD and build your portfolio.
Show steps
Show steps
Show steps
- Choose a topic for your blog post
- Write a draft of your blog post
- Get feedback from a friend or colleague on your blog post
- Publish your blog post
Career center
Learners who complete Build a High-Fidelity Prototype for a Mobile App in Adobe XD will develop knowledge and skills
that may be useful to these careers:
UI/UX Designer
UI/UX Designer
The skills you gain from this course will be critical for success as a UI/UX Designer. This course will help you build a foundation in user interface design, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Product Designer
Product Designer
A Product Designer will benefit from the skills taught in this course. You will learn how to create interactive components, including elements with hover states and the ability to toggle. You will also create clickable triggers to make your designs cohesive and interactive.
UX Researcher
UX Researcher
This course may be useful for a UX Researcher. It will help you build a foundation in user experience research and testing. You'll learn how to create prototypes that can be used to test user interaction with a design.
Interaction Designer
Interaction Designer
This course may be useful for an Interaction Designer. It will help you build a foundation in interaction design, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Web Designer
Web Designer
This course may be useful for a Web Designer. It will help you build a foundation in web design, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Front-End Developer
Front-End Developer
This course may be useful for a Front-End Developer. It will help you build a foundation in front-end development, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Mobile App Developer
Mobile App Developer
This course may be useful for a Mobile App Developer. It will help you build a foundation in mobile app development, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Graphic designer
Graphic designer
This course may be useful for a Graphic Designer. It will help you build a foundation in graphic design, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Software Engineer
Software Engineer
This course may be useful for a Software Engineer. It will help you build a foundation in software engineering, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Product Manager
Product Manager
This course may be useful for a Product Manager. It will help you build a foundation in product management, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
UX Engineer
UX Engineer
This course may be useful for a UX Engineer. It will help you build a foundation in UX engineering, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Data Scientist
Data Scientist
This course may be useful for a Data Scientist. It will help you build a foundation in data science, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
User Researcher
User Researcher
This course may be useful for a User Researcher. It will help you build a foundation in user research, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Technical Writer
Technical Writer
This course may be useful for a Technical Writer. It will help you build a foundation in technical writing, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
Systems Analyst
Systems Analyst
This course may be useful for a Systems Analyst. It will help you build a foundation in systems analysis, prototyping, and testing. You'll learn how to create high-fidelity prototypes that let you test and show off completed designs.
For more career information including salaries, visit:
OpenCourser.com/course/h9awrm/build
Reading list
We've selected six 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 High-Fidelity Prototype for a Mobile App in Adobe XD.
Save
Is helpful in providing a general overview of UX design principles for mobile apps, covering concepts such as user research, interaction design, and prototyping.
This classic book on usability provides practical tips and techniques for improving the user experience of websites and mobile apps.
Save
Provides a comprehensive guide to user interface design processes, covering topics such as user research, prototyping, and testing, with a focus on mobile app design.
Save
Discusses the importance of designing for mobile first, providing insights into the challenges and considerations specific to mobile app design.
Presents fundamental design principles that apply to various design disciplines, including mobile app design, providing a broader perspective on design practices.
Save
Emphasizes the importance of simplicity and clarity in design, providing principles and guidelines that can be applied to mobile app design.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/h9awrm/build
Share
Similar courses
Here are nine courses similar to
Build a High-Fidelity Prototype for a Mobile App in Adobe XD.
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
Adobe XD CC Fundamentals
OpenCourser.com/course/rs1oap/adobe
Adobe XD CC Fundamentals
Most relevant
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
User Experience Design - Learn UI UX App Design with Figma
OpenCourser.com/course/df9mo5/user
User Experience Design - Learn UI UX App Design with Figma
Most relevant
Design Mobile Apps in Adobe XD - Android & iOS - UI/UX
OpenCourser.com/course/d0ge9f/design
Design Mobile Apps in Adobe XD - Android & iOS - UI/UX
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
Create a High-Fidelity Prototype with Figma
OpenCourser.com/course/hre785/create
Create a High-Fidelity Prototype with Figma
Most relevant
Create wireframes for different screen sizes in Adobe XD
OpenCourser.com/course/16o9y6/create
Create wireframes for different screen sizes in Adobe XD
Most relevant
Time
1 hours
Via
Coursera
Institution
Coursera Project Network
Instructor
Jonathan Owen
Good to know
Teaches a specialized skill that is used in the design industry across companies and teams
Provides learners hands-on experience with Adobe XD
Develops high-fidelity prototypes, a core skill in the UX design process
Guides learners through all stages of creating a high-fidelity prototype, from wireframing to testing
Course uses a step-by-step approach, making it accessible to learners of all levels
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