The UX/UI Design Process - Creating Wireframes and a Final Design

Go to class
Write Review

Free Online Course: The UX/UI Design Process - Creating Wireframes and a Final Design provided by Skillshare is a comprehensive online course, which lasts for 2-3 hours worth of material. The course is taught in English and is free of charge. The UX/UI Design Process - Creating Wireframes and a Final Design is taught by Lindsay Marsh.

Overview
  • Walk through the entire UX/UI design process and create a working wireframe and design for a mobile app.

    learn user interface and user experience design by following a mobile app design project from start to finish.

    We will first walk through the UX process by learning the basic fundamentals of UX design and developing a wide variety of UX deliverables including a user persona profile, a user journey map and a user flow diagram. 



    The first section of this course (the design theory lessons) can be taken right here on Skillshare: UX/UI Design Process and Theory: For Everyone. 

    Next, in this course, we will hop into Adobe Xd to create a low fidelity wireframe and finally create a polished design by adding final icons, colors, buttons and styling. 



    Lastly, we will link all this together to create a working prototype we can use for user testing, client presentation or just a fantastic starting piece for your new or growing UX/UI portfolio. 

    Everyone needs to understand the foundations of great UX design and the process behind it. After taking this class, you will be able to incorporate UX/UI ideas into your everyday work projects and even get a glimpse into the UX/UI designers’ life.



    This class is for EVERYONE, that includes graphic designers, web developers and anyone interested in finding out more about the UX and UI process by doing a practical real-world project.

    So, join me for this extensive and fun journey through the entire UX/UI process so you can start to get excited about this fantastic and rewarding arena of digital design.

Syllabus
    • Class Preview
    • Course Guide and Facebook Group
    • Low fidelity wireframe - getting setup
    • Low fidelity wireframe - login screen
    • Low fidelity wireframe - login process - part 2
    • Low fidelity wireframe - home screen finish
    • Low fidelity wireframe - the listing screen
    • Listing Screen Cont.
    • Menu listing
    • Shopping Cart
    • Finishing Up Checkout
    • High fidelity wireframe - Getting Started
    • High fidelity wireframe - the Login Screen
    • High fidelity wireframe - Login Screen - part2
    • High fidelity wireframe - Login Screen - Part 3
    • High fidelity wireframe - Popup Screen
    • Listing Screen
    • Menu Screen
    • Prototyping - Linking It All Up
    • Prototyping - Creating Animations