Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

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

via Skillshare

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

Taught by

Lindsay Marsh

Reviews

Start your review of The UX/UI Design Process - Creating Wireframes and a Final Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.