Visit LEDU token page

How to Wireframe your app using XD

How to Wireframe your app using XD

  • English
  • Design
  • UX designUX design
  • (1352)
  • Project length: 5h 42m

This tutorial will go through the process of basics wireframing app technics using Adobe XD. We are going to create 60 screens of main app functionality in different views.

Overview

Introduction

This tutorial will go through the process of basics wireframing app technics using Adobe XD. We are going to create 60 screens of main app functionality in different views.

What are the requirements?

  • Adobe XD
  • UX Design
  • Wireframing

What is the target audience?

  • You want to wireframe an app
  • Adobe XD learners who want to enhance their knowledge
  • This course will help the UX designers who are doing their projects]

Project Outline

Session 1: Sign Up Wireframes

  • Create an account
  • Login
  • Login with Facebook
  • Personal information
  • Forms

Session 2: Activity Feed Wireframes

  • Post
  • Post with a picture
  • Post with text
  • Post with likes and shares
  • Full-width post
  • Post with tags
  • Side post
  • Short post

Session 3: Profile Wireframes

  • Left aligned profile with a description
  • Centre aligned profile with a description
  • Profile with full-width photo
  • Profile with flying cards
  • Profile with cards
  • Profile with left navigation

Session 4: News Feed Wireframes

  • Classic feed with cards
  • Combined feed with text and photo
  • Feed with a text card
  • Flying feed card
  • Full-screen feed card
  • Full-screen photo with combined short version
  • Carousel style feed
  • Feed with tags

Session 5: Checkout/Payment Wireframes

  • Payment method
  • Payment inputs
  • Transactions
  • Payment wizard
  • Payment confirmation

Session 6: Contact Wireframes

  • Contact screen with full width with cards
  • Full-screen contact
  • Contact with lists
  • Contact with a map
  • Combined contact
  • Contact with square cards

Tools:

  • Adobe XD

Reviews

Average rating

4(1352 Reviews)