Skip to ContentMini Arrow Down Icon
  • Codecademy Logo
  • Codecademy Logo
Accessibility
Animation
Annotations
Attitudinal Research
Behavioral Research
Button
Color Picker
Content Hierarchy
Context of Use
Convergent Thinking
Corner Radius
Deliverables
Design
Design Methodologies
Design Software
Design Thinking
Diary Study
Divergent Thinking
Double Diamond Diagram
Ethnography and Field Studies
Fill
Five Elements of UX Design
Focus Groups
Hero Image
Heuristic Evaluation
High-fidelity
Homepage
Image
Inclusive Design
Information Architecture
Interviews
Iterative Process
Logo
Low-fidelity
Navigation
Opacity
Persona
Placeholders
Product Development Life Cycle
Qualitative Research
Quantitative Research
Search Fields
Site Map
Sketching
Stakeholder
Stroke
Surveys
Technical Capabilities
Text
Text Properties
Usability Heuristics
User and End-User
User Experience (UX) Design
User Interface (UI) Design
User Research
User Workflows
User-Centered Design (UCD)
UX Honeycomb
Video
Web Analytics
Wicked Problems
Width and Height
Wireframe
Wireframe Elements
X and Y Coordinates
Back to UI and UX Design
  1. Docs/
  2. UI and UX Design/
  3. Deliverables

Deliverables

Open IconEdit on GitHub

Deliverables are what is produced when working toward a goal or outcome.

In the world of user interface and user experience design, deliverables such as user research, sketches, wireframes, and prototypes are several milestone deliverables to create in the product development process.

Contributors

  1. BrandonDusch's avatar'
    BrandonDusch
Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.
Open IconEdit on GitHub

Learn UI and UX Design on Codecademy

Career path

Front-End Engineer

Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
Checker Dense
Includes 34 Courses
Checker Dense
Certificate Icon
With Professional Certification
Checker Dense
Level Icon
Beginner Friendly
131 Lessons
Free course

Introduction to UI and UX Design

Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.
Checker Dense
Level Icon
Beginner Friendly
3 Lessons
Open IconEdit on GitHub

Contributors

  1. BrandonDusch's avatar'
    BrandonDusch
    BrandonDusch's avatar'
    BrandonDusch142 contributions

Company

  • About
  • Careers
  • Affiliates
    • Twitter Icon
    • Facebook Icon
    • Instagram Icon
    • Youtube Icon

Resources

  • Articles
  • Blog
  • Cheatsheets
  • Code challenges
  • Docs
  • Projects
  • Videos
  • Workspaces

Support

  • Help Center

Resources

  • Articles
  • Blog
  • Cheatsheets
  • Code challenges
  • Docs
  • Projects
  • Videos
  • Workspaces

Support

  • Help Center

Plans

  • Paid memberships
  • For students
  • Business solutions

Community

  • Forums
  • Chapters
  • Events
  • Discord

Codecademy from Skillsoft

Codecademy from Skillsoft

Subjects

  • AI
  • Cloud Computing
  • Code Foundations
  • Computer Science
  • Cybersecurity
  • Data Analytics
  • Data Science
  • Data Visualization
  • Developer Tools
  • DevOps
  • Game Development
  • IT
  • Machine Learning
  • Math
  • Mobile Development
  • Web Design
  • Web Development

Languages

  • Bash
  • C
  • C++
  • C#
  • Go
  • HTML & CSS
  • Java
  • JavaScript
  • Kotlin
  • PHP
  • Python
  • R
  • Ruby
  • SQL
  • Swift

Career building

  • Career paths
  • Career services
  • Interview prep
  • Professional certification
  • —
  • Full Catalog
  • Beta Content
  • Roadmap

Mobile

  • Download on the App Store
  • Get it on Google Play

Mobile

  • Download on the App Store
  • Get it on Google Play
  • Privacy Policy
  • Cookie Policy
  • Do Not Sell My Personal Information
  • Terms
Made with ❤️in NYC © 2023 Codecademy