Mobile UI Design
How This Course Will Help Your Career
A strong UI design is essential for the success of a digital product in today's saturated market. Mobile devices' screen real estate is small, and people are on the move, so a good UI is even more crucial. You’ll learn to encourage task completion and to make your products intuitive and easy to use.
People delete 3 out of 10 apps within 30 days of downloading. You must deliver an exceptional user experience to engage people with your product. Learn mobile UI design to turn design ideas into interfaces your customers will love.
Mobile UI design skills are essential to any UX or UI designer's toolkit. Discover the foundations of mobile UI design and break into this ever-expanding market.
What You Will Learn
What affordances and signifiers are and why they are essential.
How to improve touch targets and tappability in mobile UIs.
How to use common UI patterns.
The fundamentals of visual design, and how it supports task completion.
Visual strategy and how Google implements it through Material Design.
How to avoid cognitive friction to make UIs easy to use.
How to evaluate your designs with a mobile UI checklist.
What the opportunities of Augmented reality (AR) in mobile UX are.
How to use UI heuristics (rules of thumb) to evaluate your AR interfaces.
In the “Build Your Portfolio” project, you’ll find a series of practical exercises that will give you first-hand experience of the methods we cover. You will build on your project in each lesson so once you have completed the course you will have a thorough case study for your portfolio.
Mobile User Experience Design: UI Design is built on evidence-based research and practice. Your expert facilitator is Frank Spillers, CEO of ExperienceDynamics.com, author, speaker and internationally respected Senior Usability practitioner.
Gain an Industry-Recognized UX Course Certificate
Use your industry-recognized Course Certificate on your resume, CV, LinkedIn profile or your website.
Our courses and Course Certificates are trusted by these industry leaders:
Is This Course Right for You?
This course covers mobile UI design and is suitable for anyone who has a basic knowledge of UX design, such as intermediate learners and experienced practitioners.
These lessons aren't only for mobile interface designers. To deliver the best user experiences, people across different roles should understand the principles of user experience and how to design experiences for a mobile environment.
In particular, this course will benefit:
UX and UI designers interested in learning about UI design to create optimal product designs.
Graphic designers looking to switch to UI design.
Marketing professionals who work closely with visual designers to communicate and collaborate better.
Product managers keen on improving usability and efficiency of product designs.
Software engineers looking to boost their skill sets and gain a foundational understanding of UI design.
Entrepreneurs who want to make sure their products have the appropriate user interface for maximum success.
Newcomers to design who are considering making a switch to UX or UI design.
Learn and Work with a Global Team of Designers
You’ll join a global community and work together to improve your skills and career opportunities. Connect with helpful peers and make friends with like-minded individuals as you push deeper into the exciting and booming industry of design.
Lessons in This Course
- Each week, one lesson becomes available.
- There’s no time limit to finish a course. Lessons have no deadlines.
- Estimated learning time: 13 hours 49 mins spread over 5 weeks .
Lesson 0: Welcome and Introduction
-
0.1: Welcome to Mobile UI Interface Design (18 mins)
-
0.2: Build Your Portfolio (3 mins)
-
0.3: Let our community help you (1 min)
-
0.4: How to Earn Your Course Certificate (16 mins)
-
0.5: Expand Your Network and Grow Your Skills in Our Online Forums (5 mins)
-
0.6: Meet and learn from design professionals in your area (1 min)
-
0.7: Gain Timeless Knowledge Through Courses From the Interaction Design Foundation (21 mins)
-
0.8: Mandatory vs. Optional Lesson Items (7 mins)
-
0.9: A Mix Between Video-Based and Text-Based Lesson Content (6 mins)
Lesson 1: Introduction to Mobile UI Design
-
1.1: Welcome and Introduction (2 mins)
-
1.2: How to Use Affordances and Signifiers (36 mins)
-
1.3: 5 Ways to Incorporate Affordances in User Interfaces (46 mins)
-
1.4: How to Use “Tappability” Affordances (34 mins)
-
1.5: How to Improve the “Tappability” of Mobile UI (17 mins)
-
1.6: The One Thumb, One Eyeball Test for Good Mobile Design (18 mins)
-
1.7: Discussion Exercise: One Thumb, One Eyeball (7 mins)
-
1.8: Build Your Portfolio: Affordances in Mobile UX (9 mins)
-
1.9: Congratulations and Recap (6 mins)
Lesson 2: UI Patterns for Mobile
-
2.1: Welcome and Introduction (3 mins)
-
2.2: UI Patterns and How to Use Them (23 mins)
-
2.3: Future-Focused UI Patterns (17 mins)
-
2.4: How to Design for Mobile Search (48 mins)
-
2.5: How to Design Mobile Forms (24 mins)
-
2.6: Best Practices and UI Design Patterns for Help in Mobile (24 mins)
-
2.7: How to Design Notifications for Better Mobile Interactions (48 mins)
-
2.8: Discussion Exercise: Improve App Notifications (7 mins)
-
2.9: Discussion Exercise: Deceptive Patterns (8 mins)
-
2.10: Build Your Portfolio: UI Patterns (3 mins)
-
2.11: Congratulations and Recap (6 mins)
Lesson 3: Visual Design for Mobile
-
3.1: Welcome and Introduction (2 mins)
-
3.2: Visual Design in Mobile: How to Support Tasks and Usability (23 mins)
-
3.3: Visual Design in Mobile: How to Use Layout, Typography and Color (55 mins)
-
3.4: Visual Strategy: What We Can Learn from Google’s Material Design (44 mins)
-
3.5: Top 10 UI Trends Every Designer Should Know (17 mins)
-
3.6: UI Animation—How to Apply Disney’s 12 Principles of Animation to UI Design (58 mins)
-
3.7: How to Reduce Cognitive Friction in Mobile (14 mins)
-
3.8: Discussion Exercise: Cognitive Friction (7 mins)
-
3.9: How to Use a Mobile UI Design Checklist (24 mins)
-
3.10: Build Your Portfolio: Mobile UI Design (8 mins)
-
3.11: Congratulations and Recap (6 mins)
Lesson 4: AR Experiences for Mobile
-
4.1: Welcome and Introduction (2 mins)
-
4.2: What is Augmented Reality (AR)? (22 mins)
-
4.3: Excellent Use Cases for AR (19 mins)
-
4.4: How to Design for AR (45 mins)
-
4.5: How to Apply Heuristics to Improve AR UIs (17 mins)
-
4.6: Augmented Reality in the Wild (7 mins)
-
4.7: AR in Mobile UI Design (11 mins)
-
4.8: Congratulations and Recap (7 mins)
Lesson 5: Course Certificate, Final Networking, and Course Wrap-up
Learning Paths
This course is part of 6 learning paths:
-
UX Designer Learning PathBecome a UX Designer through 21 courses in 4 parts -
Interaction Designer Learning PathBecome a Interaction Designer through 18 courses in 4 parts
-
Visual Designer Learning PathBecome a Visual Designer through 16 courses in 4 parts
-
UI Designer Learning PathBecome a UI Designer through 15 courses in 4 parts
-
Product Manager Learning PathBecome a Product Manager through 16 courses in 4 parts
-
Marketer Learning PathBecome a Marketer through 11 courses in 3 parts
How It Works
-
Control your learning.
Lessons are self-paced so you’ll never be late for class or miss a deadline. Learning and life, hand in hand.
-
Earn Course Certificates.
Your answers are graded by experts, not machines. Get an industry-recognized Course Certificate to show you’ve put in the work.
-
Advance your career.
Grow your professional knowledge by watching Master Classes, networking within our UX community, and more.
Start Advancing Your Career Now
Join us to take “Mobile UI Design”. Take other courses at no additional cost. Make a concrete step forward in your career path today.
Advance my career nowFrequently Asked Questions
When I finish a course, do I have to pay extra to get my certificate?
Can I take more than one course at a time?
With a Student membership, you can take a maximum of two courses at the same time. You can still take as many courses as you would like – free of extra charges – just as long as you finish or drop them so that you don’t have more than two ongoing courses.
I missed the enrollment, and now the course is closed. What can I do?
Don't worry if you missed the course. We will re-run it shortly. One of the reasons we continually open and close courses is in order to control the classroom size.
Networking is a large part of our value proposition, so we want just the right number of people inside the courses. That is also why we display the "XX % percent booked" on our course icons.
Do I have to be online at an exact time to study?
No. You can set your own study schedule. There are no "live sessions" since we have members from all timezones around the world. We are a truly global community.
Thus, once you are enrolled, you can take all the time to complete a given course. Every "classroom" in each course will never close, so you’ll have permanent access to your classmates and your course material (as well as your own answers).
Will I receive a Course Certificate?
Yes. You will get a digital industry-recognized course certificate every time you complete a course. Certificates never expire and can be saved as a .jpg file, so it's easy to be shared. Also, there is no limit to how many certificates you can earn during your membership.
You can see an example of a Course Certificate at the bottom of the Course Catalogue.
I have answered questions in a lesson; when will they be marked/graded?
I have updated my name, but my course certificate is not updated — how can I change it?
Don't worry; once you change your name, your certificate will be updated automatically in the next 48 hours.
I have started my course later than the specified date, are my answers still going to be marked?
Sure! We will be marking all your answers for as long as you are an active member.
How are courses graded?
For how long will I have access to the course materials?
You will have access to the course materials for the entire duration of your membership. So, if you pay for a one-year membership, you will have access for one year. Renewing your membership for a second year means you will have access to one more year, and so on.
New lessons are starting before I have completed the previous lesson(s). Am I going to be locked out of these unfinished lessons?
No, you will not be locked out of any lesson or course. You will have access to all course materials throughout your membership, so there is no pressure to keep at the same pace as the specified lesson release dates.
All we recommend is that you try to stick to the same schedule as other participants. The reason is they may have moved on to other lessons, thereby meaning you could miss out on the social aspects of the course(s).
Do I have a specific date to award my certificates?
No, you can generate your certificate as soon as you score at least 70% of the total course points.
When will I receive my Course Certificate?
Course certificates will be given to participants when they have scored more than 70% or more of the total course points. For example, if a course contains ten lessons each with ten questions, you will receive a course certificate when the instructor has awarded you at least 70 points (70% of the total course points).
There is no specified time that certificates will be awarded — instead, they are given to participants as and when they have answered all questions, even if this is long after the official end date.
How do I add my Certificate to my LinkedIn profile?
Below is a step-by-step guide on how to add your Interaction Design Foundation course(s) to your LinkedIn profile:
Log in to your LinkedIn account, then go to your profile.
Below your profile description, click on the button Add profile section, choose Recommended and then select Add license or certification.
![]()
3. In the following fields add:
Name – Course name
Issuing organization – The Interaction Design Foundation
Check the field “This credential does not expire”
Issue date - Input the date written on your certificate (e.g., May 2021)
Credential ID – Your membership ID number – it's written on your certificate. (For non-members, you can leave this field blank or, if you prefer, insert the certificate ID, which can be extracted from the certificate link. This ID will begin with "mcc_" and be followed by a string of numbers and letters.")
Credential URL: Input the certificate URL provided on your course page
4. Click the Save button.
Congratulate yourself! Earning the certificate is a great accomplishment and now you can share it with the world!
How do I add the Interaction Design Foundation Membership Certificate to my LinkedIn Profile?
Below is a step-by-step guide on how to add your Interaction Design Foundation course(s) to your LinkedIn profile:
Log in to your LinkedIn account, then go to your profile.
Below your profile description, click on the button Add profile section, choose Recommended and then select Add license or certification.
![]()
3. In the following fields add:
Name – Membership Certificate
Issuing organization – The Interaction Design Foundation
Check the field “This credential does not expire”
Issue date - Input the date when you joined our community (e.g., May 2019)
Credential ID – Your membership ID number (it's written on your certificate)
Credential URL: Input the certificate URL provided on your profile page
4. Click the Save button.
It is as simple as that. Now, anyone who visits your profile can see your certificate!
How much will I have to pay for the courses?
After you pay for your membership, you can take as many courses as you want with no additional costs. There are no further charges on top of the membership fee.
Do you provide mostly beginners' or more advanced courses?
How long does it take to complete a course?
You will need approximately 5-8 hours to complete one lesson. Each course has between 3 and 16 lessons.
Once enrolled in a course, you will gain access to a new lesson each week, which you are free to complete without any deadlines and no end date, either.
I scored less than 70% in a course, so I didn't qualify for a certificate. Can I try again?
Yes! Everyone's learning journey looks different, and we'd never stop our members from trying again. To retake a course, just follow these steps:
1. Go to your profile and click on the relevant course you'd like to retake.
2. Underneath your progress bar, you'll see a phrase "UX Courses" with an arrow (>) pointing to a clickable landing page of that course. Click on that link.
3. Once on the landing page, scroll all the way down to the bottom of the page. You'll see a red button, which you can simply click to drop the course.
4. Head back to our main list of UX Courses, and re-enroll yourself in the course. You'll all set to try again!
Please note that when you drop a course, you will lose any answers and progress you submitted. We advise that you screenshot or save any answers you'd like to reuse.
In some cases, we can open up lessons for members who are retaking a course, so that they don't have to wait for familiar lessons to unlock each week. If you'd like us to do this for you, please get in touch with our support team at hello@interaction-design.org, and we can help you out.
How do I drop a course?
To drop a course, the following should be done:
1. Visit your profile page and click the 'continue lesson...' button for the course you want to drop.
2. Click the course name link breadcrumb near the top of the page that opens (this only appears in unlocked lessons, not upcoming lessons)
3. Click the red 'drop my course now' button at the bottom of the page that opens
