Learn how to design a chat client interface using Photoshop CC and InVision, and pick up UX best practices along the way.
- [Emmanuel] Building great designs is usually a team effort which involves thorough user experience research, plotting, and a good execution of those ideas. After the user experience research is completed, and you have user data, the next step is to build a design. If you're looking to build a chat application or a feature, while incorporating user experience best practices, and you have some knowledge of Photoshop, this is the course for you. Hi, I'm Emmanuel Henri. And for every application 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 to approach the design of a chat feature workflow. First, we'll do some visual research and plotting to make sure that our design is user-friendly and follows a simple workflow. Next, we'll build our design piece-by-piece in Photoshop while learning advanced techniques and user experience best practices. Finally, we'll create a design system so all stakeholders have a single source of through for leveraging assets. So if you're ready to build your design system while learning UX best practices, fire up your Photoshop program and let's get started!
- Getting visual inspiration for a project
- Designing the main chat list
- Creating a splash screen
- Designing the conversation screen
- Prototyping with InVision
- Setting up Craft in Photoshop
- Adding quick hotspots into a prototype