Discover how to use the design and organizational tools in Sketch to create a modern purchase workflow—and incorporate user experience design best practices along the way.
- [Manny] Building great designs is usually a team effort which involves thorough user experience research, planning and a good execution of those ideas. After the user experience research is completed and you have user data, the next step it to build a design. If you're looking to a build purchase workflow while incorporating user experience best practices and you have some knowledge of Sketch, this is the course for you. Hi, I'm Manny Henri, and for every application that I've built, I've gone through this exact process we'll be doing here today, and it is my great pleasure to help you learn about how I approach the design of an application workflow.
First, we'll do some visual research and planning to make sure that our design is user friendly and follows a simple workflow. Next, we'll review the low level mockups in Balsamiq to make sure we get a good idea of our approach. Then we'll build our design, piece by piece in Sketch while learning advanced techniques and learner experience best practices. Finally, we'll organize our visual assets so that they're ready to be exported to other software or developers.
So if you're ready to design in Sketch while learning UX best practices, fire up your Sketch program and let's get started.
- Getting visual inspiration for your project
- Researching a user-friendly purchase flow
- Creating initial mockups
- Adding an initial background with symbols
- Creating the shipping view
- Creating the payment view with credit card fields
- Creating the order success view
- Labeling and organizing artboards to make them ready for exporting