EdTech App UI & Learning Experience Architect

EdTech App UI & Learning Experience Architect is a premium learning-experience and product-design skill for creating intuitive, motivating, accessible, and production-ready interfaces for online education, learning-management systems, tutoring platforms, course marketplaces, certification products, corporate training systems, and mobile learning applications. It is designed for: Course Creators EdTech Startups LMS Platforms Online Academies Tutoring Platforms Training Companies Bootcamps Professional Education Providers Certification Platforms Language-Learning Apps Microlearning Products Corporate Learning Teams Schools Universities Instructional Designers Product Designers UX Designers UI Designers Teachers Tutors Education Product Managers Learning Experience Designers Frontend Teams Design-System Teams The skill solves a fundamental EdTech problem: Many educational platforms contain valuable content but create unnecessary navigation, progress, assessment, assignment, and administrative friction. Learners may not know: What to study next Where they left off How much remains What is due Why content is locked Whether their work was submitted Where instructor feedback is located What is required for certification Whether activity represents completion or mastery Teachers may not know: Which assignments need grading Which learners are blocked Who is falling behind Where learners are dropping out Which questions remain unanswered What deadlines require attention Which course content requires maintenance Administrators may struggle with: User Management Enrollment Roles Permissions Courses Cohorts Certificates Reports Integrations Operational Issues Content Governance The skill transforms these requirements into a structured learning experience. Its core workflow is: Product Discovery → Learner Segmentation → Learning Model Analysis → Role Architecture → Information Architecture → Course Structure → Student Experience → Lesson Experience → Assessment UX → Assignment UX → Progress Architecture → Feedback Architecture → Teacher Workflows → Admin Workflows → Accessibility → Responsive Design → Learning Analytics → Completion Audit → Retention Audit → Design-System Specification The skill supports several learning models: Self-Paced Learning Cohort-Based Learning Instructor-Led Learning Live Learning Blended Learning Tutoring Microlearning Corporate Training Certification Adaptive Learning Professional Development Classroom Companion Products Language Learning Skills Training The architecture begins by defining the platform's primary learner job. Possible learner goals include: Complete a Course Prepare for an Exam Earn a Certificate Learn a Professional Skill Complete Mandatory Training Practice a Language Attend Tutoring Sessions Complete Assignments Develop a Competency Prepare for Employment Maintain Continuing Education The learner experience is designed around a set of critical questions: Where am I? What should I do next? What have I completed? What is due? How am I performing? What feedback have I received? What remains for completion? Where can I get help? The skill designs role-specific navigation. Potential learner navigation: Home Courses Learn Assignments Calendar Progress Certificates Community Messages Profile Potential teacher navigation: Dashboard Courses Learners Assignments Grading Discussions Messages Analytics Resources Potential administrator navigation: Overview Users Courses Enrollments Instructors Cohorts Certificates Reports Integrations Settings Permissions Learner, teacher, and administrator workflows should not be forced into one overloaded navigation system. The skill designs student dashboards around learning continuity. A strong student dashboard can prioritize: Continue Learning Due Soon New Feedback Current Courses Upcoming Live Sessions Missing Work Progress Announcements Certificate Milestones Continue Learning is often the most important component for an already-enrolled learner. A Continue Learning card can show: Course Module Lesson Current Progress Last Activity Estimated Duration Where Authoritative Primary Resume Action Example: Continue Learning Data Visualization Fundamentals Module 3 of 8 Lesson 4: Comparing Distributions 42% complete Continue Lesson The skill avoids allowing marketplace promotions, course recommendations, badges, or upsells to displace the learner's primary learning action. Course dashboards can include: Course Title Instructor Description Overall Progress Next Lesson Module Structure Assignments Quizzes Deadlines Resources Discussion Certificate Requirements The design uses progressive disclosure so students are not confronted with the entire course structure at once. The skill creates consistent educational hierarchy. Possible hierarchy: Course → Module → Lesson → Activity → Assessment Alternative: Program → Course → Unit → Lesson → Task The selected terminology should remain consistent across navigation, progress, search, analytics, notifications, and certificates. Module components can show: Module Title Description Lesson Count Progress Status Prerequisite Deadline Locked State Completion Possible states: Not Started In Progress Completed Locked Overdue Optional Locked content should always explain how it becomes available. The lesson player receives special attention because it is one of the highest-impact retention surfaces in an education platform. Possible lesson-player architecture includes: Course Breadcrumb Module Lesson Title Learning Objective Main Content Transcript Resources Notes Bookmarks Discussion Progress Previous Lesson Next Lesson Completion Action The skill minimizes distraction inside active learning sessions. Avoid: Aggressive Upsells Unrelated Recommendations Excessive Navigation Promotional Banners Too Many Sidebars Competing Calls to Action Video lessons can support: Play Pause Captions Transcript Playback Speed Volume Fullscreen Quality Chapter Markers Resume Position Bookmarks Notes Resources Captions and transcripts are treated as core learning features rather than secondary accessibility add-ons. Text lessons can use: Readable Line Length Clear Heading Hierarchy Examples Definitions Callouts Diagrams Notes Learning Objectives Progress The skill avoids breaking every paragraph into decorative cards that make long-form learning difficult to scan. Interactive lessons can support: Simulations Coding Environments Practice Tasks Branching Scenarios Drag and Drop Interactive Diagrams Decision Exercises Immediate Feedback Where drag interactions exist, accessible keyboard or alternative interaction should be provided when required. Learning objectives can be made explicit. Example: By the end of this lesson, you should be able to: Identify the three primary types of sampling bias. Compare systematic and random sampling. Apply the correct sampling method to a practical scenario. Avoid: Understand sampling. Lesson completion should be based on the actual platform definition. Possible criteria: Content Viewed Required Video Watched Practice Completed Assessment Completed Assignment Submitted Knowledge Check Passed Opening a lesson should not automatically be interpreted as mastery. The skill explicitly distinguishes completion from mastery. Completion: You completed 8 of 12 lessons. Mastery: You demonstrated proficiency in 4 of 6 assessed competencies. These concepts should remain separate unless the educational model explicitly combines them. The skill designs strong resume experiences. When learners return, the interface can restore: Previous Course Previous Lesson Video Position Reading Position Incomplete Activity Saved Notes Draft Assignment Upcoming Deadline Next Action The learner should not need to rediscover where they stopped. The skill creates transparent progress architecture. Potential progress dimensions include: Course Completion Module Completion Lessons Completed Assignments Submitted Quiz Performance Skills Demonstrated Competency Progress Attendance Learning Time Certification Requirements Study Consistency The design should not collapse unrelated signals into a single arbitrary percentage. Student progress dashboards may display: Enrolled Courses Overall Completion Recent Scores Assignments Competencies Attendance Study Activity Certificates Milestones Recommended Next Step Learning analytics should be understandable and actionable. Potential student-facing analytics include: Completion Trend Quiz Performance Assignment Status Skill Progress Learning Consistency Time on Task Avoid: Meaningless Engagement Scores Unexplained Predictive Risk Scores Peer Comparison Without Context Unsupported Predictions of Academic Success The skill creates complete quiz architecture. A quiz flow can include: 1. Quiz Introduction 2. Instructions 3. Questions 4. Review 5. Submission 6. Results 7. Feedback 8. Retry Where Allowed 9. Recommended Next Step The quiz introduction can display: Quiz Title Number of Questions Estimated Duration Where Authoritative Attempt Count Passing Score Deadline Open-Book Status Navigation Rules Retry Rules Assessment rules must come from authoritative product requirements. The skill supports question types including: Multiple Choice Multiple Select True or False Short Answer Numeric Matching Ordering Essay File Upload Code Response Hotspot Scenario-Based Questions Question navigation can show: Current Question Answered Unanswered Flagged for Review Completed These states should not rely solely on color. Before a final quiz submission, the interface can show: 12 of 15 answered 3 unanswered Actions: Review Answers Submit Quiz Final or irreversible submissions may require confirmation. Quiz-result screens can show: Score Percentage Points Pass or Not Passed Competency Feedback Question Review Explanations Retry Recommended Study Material Next Lesson The skill uses constructive rather than punitive assessment language. Avoid: FAILED Prefer: You scored 68%. A score of 75% is required to pass. Review Lessons 3 and 4 before your next attempt. Immediate feedback can include: Correct or Incorrect Explanation Reference Hint Retry However, feedback design must respect the assessment's academic-integrity rules. The skill designs assignment workflows. Assignment pages can contain: Title Instructions Learning Objective Rubric Due Date Submission Method Attachments Attempts Late Policy Feedback Grade Submission methods may include: Text File Upload Link Video Audio Code External Tool The assignment interface clearly distinguishes: Draft Submitted Late Returned Revision Requested Resubmitted Graded The interface should never indicate that work was submitted until the backend confirms submission. Submission confirmations can include: Assignment Name Submission Timestamp Files Receipt Reference Status Next Step For long-form work, autosave states can include: Saving Saved Offline Save Failed The learner should never have to guess whether important work has been preserved. Feedback architecture is a major part of the learning experience. Possible feedback components include: Grade Rubric Instructor Comment Inline Annotation Audio Feedback Video Feedback Revision Request Resubmit Action Instructor feedback should be easy to discover from: Dashboard Course Assignment Notifications Student Profile Rubrics can display: Criterion Performance Level Points Feedback Responsive versions may use stacked criterion cards rather than dense desktop tables. The skill designs deadline UX. Deadlines should clearly communicate: Date Time Timezone Status Relative Time Late Status Late Policy Where Authoritative Example: Due Sep 14, 23:59 Europe/London 2 days remaining For important academic deadlines, the absolute date should remain visible even when relative language such as "tomorrow" is used. The skill designs educational calendars. Possible events include: Assignments Quizzes Live Classes Office Hours Cohort Events Certificate Deadlines Enrollment Events Possible views include: Agenda Week Month For many learners, an agenda view is easier to understand than a dense monthly calendar. Live-session screens can include: Session Title Instructor Date Time Timezone Join Action Preparation Materials Attendance Recording Where Available The interface should not create uncertainty around whether a live session has started or whether the user may join. The skill supports cohort-based learning. Possible components include: Cohort Schedule Live Sessions Peer Discussion Group Assignments Facilitator Messages Cohort Milestones Progress Individual performance should not be exposed to peers without clear authorization. Discussion systems can include: Posts Replies Instructor Answers Accepted Answers Tags Moderation Search Messaging can support: Teacher Tutor Instructor Support Cohort Members Response times should not be promised unless the platform defines them. The skill designs certificate experiences. Certificate architecture can include: Course Program Completion Date Issuer Credential Credential Identifier Verification Link Download Share Certificate information should only be shown when verified. Certificate requirements can be made explicit. Example: Certificate Requirements ✓ Complete all lessons ✓ Submit required assignments ✓ Pass final assessment ○ Capstone awaiting instructor approval Possible certificate states: Not Eligible Eligible Processing Issued Revoked Expired Where Applicable The skill never invents accreditation, credential validity, or certificate requirements. Student-profile architecture can include: Identity Enrolled Courses Progress Certificates Achievements Preferences Accessibility Language Notifications Privacy Security Learning performance should not automatically be public. Achievements can include: Course Milestone Module Completion Skill Achievement Consistency Certificate Gamification is intentionally restrained. The skill avoids turning learning into meaningless point accumulation. Streak systems, if used, should support: Recovery Consistency Pause Flexible Schedules Login streaks should not be treated as evidence of learning. Motivation is built through: Visible Next Steps Meaningful Milestones Competence Useful Feedback Autonomy Relevance Course Progress Reminders Reflection Avoid: Fear Guilt Artificial Urgency Meaningless Badges Excessive Points Public Shame Manipulative Scarcity The skill designs teacher dashboards around attention prioritization. A teacher dashboard should answer: What requires my attention? What needs grading? Which learners appear blocked? Which deadlines are approaching? What communication is pending? Which content may be causing difficulty? Possible modules: Assignments to Grade Learners Requiring Attention Messages Upcoming Sessions Recent Submissions Unanswered Questions Course Health Content Issues Teacher course views can include: Course Content Learners Assignments Quizzes Grades Discussions Analytics Announcements Settings Learner rosters can display: Learner Enrollment Progress Latest Activity Assignment State Support Flag Message Action Sensitive data should remain role-restricted. Teacher learner-detail pages can include: Course Progress Assignments Quizzes Feedback Recent Activity Messages Authorized Accommodation Information Intervention Notes Instructor-only information must not appear in learner-facing interfaces. The skill creates grading queues. Possible prioritization: Oldest Ungraded Submission Overdue Grading Resubmission Accommodation Flagged Submission High-Priority Cohort A grading interface can combine: Submission Rubric Comments Annotations Grade Feedback Revision Release Draft grades and released grades must be visually distinct. Bulk teacher and administrator actions receive stronger confirmation. Potential bulk actions include: Message Cohort Extend Deadline Publish Content Enroll Users Import Grades Archive Course High-impact bulk changes should show: Affected Scope Number of Users Action Consequences Confirmation Announcements can contain: Title Content Audience Course Schedule Delivery Channels The audience should be visible before publishing. Teacher analytics can include: Completion Lesson Drop-Off Quiz Difficulty Assignment Submission Time to Completion Engagement Learning Activity Intervention Outcomes The interface should avoid implying that activity automatically represents learning quality. The skill creates admin dashboards. Admin views can prioritize: Active Learners Active Courses Enrollments Completion Certificates User Issues System Issues Pending Approvals Integration Health Admin user management can include: Learners Teachers Tutors Reviewers Managers Administrators Status Organization Cohort Last Activity Role Role-based access architecture can define whether each role may: View Edit Publish Grade Enroll Message Certify Export Configure The skill designs course-authoring workflows. Possible sequence: 1. Create Course 2. Add Modules 3. Create Lessons 4. Add Resources 5. Add Assessments 6. Define Prerequisites 7. Configure Completion 8. Preview 9. Publish The authoring interface can include: Course Outline Reorder Lesson Type Visibility Prerequisite Draft State Publication State Preview Drag-and-drop interactions should have accessible alternatives where required. Content states can include: Draft Scheduled Published Archived Publication should not occur accidentally. Course preview can support: Learner View Mobile View Desktop View Locked States Completed States Assessment States Enrollment workflows can include: Course Learner Cohort Start Date Deadline License or Seat Confirmation Enrollment states can include: Invited Pending Enrolled Active Completed Withdrawn Suspended Corporate learning products can include: Mandatory Learning Manager Dashboards Completion Reporting Team Progress Compliance Training Assignments Certificates Enrollment alone should not be represented as compliance completion. The skill supports tutoring products. Possible modules include: Tutor Discovery Tutor Profile Subject Availability Booking Lesson Room Homework Messages Progress Payment Tutor profiles can contain: Name Subject Qualifications Experience Languages Availability Price Ratings Intro Media Credentials must come from verified data. Tutoring booking can clearly show: Tutor Subject Date Time Timezone Duration Price Cancellation Policy The skill supports language-learning applications. Possible components include: Daily Lesson Vocabulary Listening Speaking Grammar Review Spaced Repetition Proficiency Consistency Streaks should remain secondary to actual learning progress. Microlearning products can use: One Clear Objective Short Content Immediate Practice Progress Next Unit Unnecessary navigation depth should be minimized. Learning paths can be visualized as: Foundation → Intermediate → Applied Practice → Assessment → Certificate Prerequisites should explain: What Is Required Why the Next Unit Is Locked What the Learner Must Complete Possible prerequisite states: Satisfied Incomplete Waived Pending Review Adaptive-learning interfaces can display recommendations without pretending the algorithm is infallible. Better: Recommended next: Review fractions before starting ratios. Avoid: You are weak at mathematics. Search architecture can include: Courses Lessons Resources Discussions Instructors Possible filters: Topic Level Duration Language Format Status Course-library cards can show: Title Topic Instructor Level Duration Rating Where Supported Enrollment Status Progress Accessibility is treated as foundational. The skill can recommend: Keyboard Navigation Screen Readers Captions Transcripts Audio Description Where Required Sufficient Contrast Visible Focus Text Scaling Zoom Reduced Motion Accessible Quiz Controls Alternatives to Drag-and-Drop Semantic Heading Structure Alt Text Accessible Tables Error Association Large Touch Targets Captions and transcripts should not be hidden as obscure secondary features. Low-bandwidth experiences can support: Video Quality Selection Audio-Only Mode Transcript-First Mode Downloadable Resources Offline Lessons Cached Progress Delayed Synchronization Offline states can include: Downloaded Available Offline Progress Pending Sync Sync Conflict Stale Content Learners should know when activity has not yet synchronized. Mobile learning is intentionally redesigned rather than treated as compressed desktop LMS. Mobile should prioritize: Continue Learning Lesson Player Assignments Notifications Progress Simple Navigation Desktop may support: Lesson + Notes Wide Content Discussion Side Panel Assignment Comparison Teacher Analytics Course Authoring The skill supports localization for: Language Date Time Timezone Text Expansion Right-to-Left Layouts Number Formats Grade Terminology Education Terminology Notification architecture can include: Lesson Reminder Assignment Due Feedback Received Live Session Certificate Issued Message Enrollment Announcement Users should have appropriate control. Avoid: You're falling behind! Prefer: Your next assignment is due Friday. The skill designs supportive empty states. Examples: No Current Courses No Assignments Due No Feedback Yet No Certificates Yet Every empty state should provide a meaningful next action where appropriate. The skill designs loading, error, and recovery states. Potential errors include: Lesson Failed to Load Video Unavailable Quiz Submission Failed Assignment Upload Failed Enrollment Error Certificate Generation Failed Live Session Unavailable Grade Synchronization Error Critical errors should answer: What happened? Was my work saved? Can I retry? What should I do next? Where can I get help? Partial failures should be explicit. Example: Assignment Saved Upload Failed Your written response is safe. The attachment has not uploaded yet. The skill supports autosave for long-form educational work. Autosave states include: Saving Saved Offline Save Failed The skill can design academic-integrity UX when authoritative rules are supplied. Possible information includes: Allowed Materials Citation Requirements Assessment Rules Prohibited Assistance Plagiarism Policy Submission Confirmation The skill does not invent misconduct rules. Privacy architecture can include: Profile Visibility Course Progress Visibility Certificate Visibility Discussion Visibility Messages Notifications Exports Account Deletion Products serving minors require product-specific child-safety, consent, identity, and privacy rules from authoritative sources. The skill creates trust-focused educational interfaces. Trust is supported by: Clear Course Structure Reliable Save States Visible Deadlines Accurate Progress Transparent Grades Transparent Certificate Requirements Accessible Support Consistent Navigation Clear Content Status Clear Instructor Feedback It avoids trust theater such as: Fake Accreditation Seals Unverified University Branding Unsupported "Industry Recognized" Claims Unverified Job Placement Claims Misleading Completion Statistics The visual design system can support directions including: Modern Academic Creator Education Professional Training Premium Certification Corporate Learning Technical Bootcamp Language Learning Self-Paced Study Youth Learning Foundation design decisions can include: Color Typography Spacing Grid Radius Elevation Motion Iconography Illustration Reading Measure Content Width Data Visualization Core components can include: Button Input Select Checkbox Radio Toggle Chip Badge Card Modal Sheet Alert Tooltip Tabs Navigation Avatar Table Pagination Progress Calendar Time Picker File Uploader Education-specific components can include: Course Card Module Accordion Lesson Row Continue Learning Card Lesson Player Transcript Panel Resource Card Quiz Question Question Navigator Quiz Result Assignment Card Submission Uploader Rubric Grade Badge Feedback Panel Deadline Badge Certificate Card Learning Path Prerequisite State Learner Progress Teacher Attention Card Grading Queue Learner Roster Announcement Card Cohort Card Live Session Card Autosave Indicator Accessibility Control Every component can define: Default Hover Focus Active Selected Disabled Loading Error Success Pending Overdue Locked Completed Draft Submitted Graded Returned The skill produces detailed screen specifications. Every screen can define: Role Purpose Primary Task Entry Points Information Hierarchy Primary Action Secondary Actions Learning State Deadline Progress Feedback Accessibility Empty State Error States Responsive Behavior Analytics Every learning flow can define: Role Learning Goal Entry Steps Decision Points Validation Assessment Rules Failure Paths Recovery Completion The skill performs dedicated audits. Learner Experience Audit: Reviews navigation, next action, course structure, progress, feedback, assessments, resumption, mobile learning, and support. Completion Audit: Reviews onboarding, first lesson, module transitions, quiz abandonment, assignment submission, return behavior, deadline recovery, feedback loops, and certificate completion. Retention Audit: Reviews progress visibility, reminders, feedback, instructor presence, pacing, notification burden, gamification, and resumption friction. Teacher Workflow Audit: Reviews grading, student-risk visibility, messaging, feedback, analytics, content maintenance, and bulk actions. Admin Workflow Audit: Reviews users, roles, permissions, enrollment, courses, certificates, reporting, and integrations. Learning Analytics Audit: Reviews definitions, data sources, denominators, cohorts, date ranges, completion logic, assessment logic, missing data, and actionability. Supported operating modes include: Full EdTech Product Architecture: Creates learner, teacher, and administrator information architecture, screens, flows, responsive behavior, accessibility, and design-system recommendations. Student Dashboard Architect: Designs Home, Continue Learning, courses, deadlines, feedback, progress, assignments, and certificate visibility. Lesson Player UX Architect: Designs video, text, interactive content, transcripts, resources, notes, progress, resume, and completion. Quiz & Assessment UI Architect: Designs instructions, questions, navigation, submission, results, feedback, retry, and accessible assessment behavior. Assignment & Feedback UI Architect: Designs instructions, drafting, upload, autosave, submission, rubrics, grading, feedback, revision, and resubmission. Teacher Dashboard Architect: Designs grading queues, learner rosters, student details, communication, course health, and actionable analytics. LMS Admin UI Architect: Designs users, roles, courses, enrollments, cohorts, permissions, certificates, reports, settings, and integrations. Learning Analytics Designer: Designs student and cohort progress, completion, quiz performance, assignment status, lesson drop-off, and actionable learning insights. EdTech Design System Builder: Creates foundations, learning-specific components, states, responsive patterns, accessibility rules, and content hierarchy. Learning Experience Auditor: Audits navigation, lesson UX, progress clarity, assessment UX, feedback, accessibility, mobile learning, teacher efficiency, completion friction, and learner retention. The core commercial promise is: transform educational functionality and course content into a structured learning experience that helps learners continue, complete, understand, and progress while giving instructors and administrators efficient, role-specific tools for teaching, feedback, monitoring, and learning operations.