Learn user experience design by applying the process to a real-life project that will provide your first portfolio piece. The project can be an app or website of your choosing. It can be your own app idea or a real-life project you are currently working on. See pictures of an actual UX class in action. If you don’t have a project, we have samples for you.
Practice the UX Design Process & Create a Prototype
You’ll conduct user research, create user scenarios and personas, and build user flows. You’ll sketch, wireframe, prototype and test with user interviews, then present your findings to the class. Along the way, you will document your process and work to create a case study that will go into your real-life portfolio. This intensive UX class prepares you to understand the basics of user experience practice through various methodologies and real-world projects. It will require some work outside of class.
User Engagement: Conducting user interviews, creating user personas, and user scenarios
Concept Development: Building user flows, sketching, and wireframing
Iterative Process: Prototyping and testing
Client Engagement: Aligning with business goals and creating design recommendations
Through critical analysis understand how user experience as a field sits in the intersection of different areas of the product.
What is the difference between User Experience Design and User Interface Design?
Learn about heuristics and apply heuristic evaluation to various websites, including CNN.com and AirBnB.com.
Homework: Think about your class project. Select a new business idea, a current project, or choose a sample project from class.
Knowing Your User
Learn how to structure and conduct user interviews to better identify the needs and current behaviors of the user.
Understand how to engage the user to work through assumptions and preconceived notions that arise during the process.
Write down assumptions for your class project.
Homework: Interview 1–5 people about your project.
User Research Through Interviews
Review user research questions/review homework.
Refine user interview questions.
Interview classmates for your project.
Homework: Continue to refine interview questions and research. Interview more people about your project.
Refining User Research and Creating Personas
Create user personas from the interviews to represent the goals and behaviors of the users within the system.
Develop user scenarios to show when and how the user engages with the system.
Homework: Begin to synthesize results of user research.
Synthesis of User Research, Journey Maps, and User Flows
Continue to synthesize results of user research to find patterns.
Create a journey map for your project.
Think through the different features of the system by building user flows.
Take the written narrative to the next level through sketching and improvising using techniques such as storyboarding and bodystorming.
Homework: Refine your user flows.
Wireframing, Sketching, Prototyping
Practice a sketching session for an existing website or mobile application of your choice. Start with sketching on a whiteboard or your notebook.
Sketch wireframes for your class project.
Learn Sketch to create wireframes/prototypes.
Learn the power of prototyping and testing an idea. Understand different methods of prototyping and their levels of fidelity.
Discuss the motivation behind the prototyping, such as newly discovered user goals, business needs and improved functionality.
Homework: Finish all Sketch lessons. Finish prototyping your user flows.
Prototyping & User Testing
InVision for clickable prototypes.
Use Sketch and InVision to create a clickable prototype for your project.
User testing methods and strategies.
Do's and don'ts of user testing.
Do a user test on your project with a classmate.
Clearly list the assumptions and test your concepts. Work on multiple iterations of the prototype based on the test results.
Homework: Test your prototype on 1–5 users.
Iterating the Prototype and Further User Testing
Report conclusions based on user testing.
User testing reports.
Rework the prototype based on user testing conclusions.
Homework: Finish iterating the prototype based on user testing.
Building a Case Study
Finish clickable prototype.
Case study examples as web pages and PDFs.
Using a compilation of user research, prototypes, photographs, and user research, build your case study as either an HTML page or a PDF using the application of your choice.
Final Project Presentation + The Business of UX Design
Present class projects as case studies on-screen.
Getting into the business: strategies and ideas.
Work as a team to solve user needs
User paper prototypes to verify assumptions
Prioritize tasks based on user research
Learn to prototype with Sketch and InVision
Communicate your findings through design recommendations
Practice with a real-world client
Learn UX Design at Noble Desktop’s Intensive Bootcamp
In this hands-on UX Design class, you’ll apply UX design principles to your own real-life projects, such as an app or website. Learn these skills in interactive and collaborative classes led by a top user experience professional.
“If you want a great environment with quality instructors you have found the right place. I've not come from any sort of tech background and felt confident the entire class being able to perform all the tasks put in front of me. Can't recommend this place enough.”
“Great bootcamp, I highly recommend for the price if you are looking to learn UX for the first time and the processes involved in creating an app or website idea. You get to leave the course with your very own prototype project if you are willing to put in the time and effort.”
“One's idea always starts with UX and this class helps how to go about it! ”
“The UX Design Bootcamp is a MUST for anyone pursuing the field. You will learn step by step how to create and make a case study, which is essential in this field. Michelle Boisson is the perfect instructor and I appreciate her sending us helpful documents and related articles. Glad I chose Noble Desktop!”
“This class allows you to take a real world idea and walk through the steps to bring it to life. It opened my eyes to a whole different world of design.”
Research Scientist, NYCDOHMH
“The UX Fundamentals class was an in-depth look into the behind-the-scenes work that takes place before a site or app goes live. For people like me that thought coding knowledge was the only thing needed to break into digital, this was a revelation. User testing and flows, journey maps, ideating, wireframing and prototyping are the true heart of web design. If you want to wear many hats in the digital world (as potential employers will practically demand of you), this is the class for you.”
Art Director, Men's Fitness
“I just completed the UX Design Bootcamp and highly recommend this course to anyone interested in learning about UX. The class gave a very comprehensive overview into the philosophy and process of UX, showed real world UX case study examples and then had us apply the UX process to our own class project. In the end I built a working prototype of an app that was based on and informed by me conducting actual user interviews, personas, journey maps, etc. etc. It was a great experience to apply the UX process to building my app all while learning a new program—Sketch. The last class everyone presented their case study and app—very inspiring to see what some of my class mates accomplished in a few weeks! ”
Built a working prototype of an app in the UX Fundamentals class.
“Every class I take at Noble gives me something I can directly apply to my life a a graphic designer. UX Fundamentals was no exception.”
Art Director, The Foundry @ Meredith Corp.
Learned the fundamentals of UX design in our UX Design Bootcamp
“The professor was amazing and so inviting. I felt respected and was treated like a true UX professional! The connections I made with the rest of the class really fueled my creativity, insights, and understanding of the work.”
Katlyn learned the core processes of user experience in Noble's UX Fundamentals bootcamp.
“When I entered the UX Fundamentals class, I felt that I was a complete newbie to the UX field. After I finished the class, not only was I able to finish a prototype that I really love, I'm most likely going to develop it soon.”
Eva took Noble Desktop's comprehensive UX Fundamentals course to learn all the major skills for user experience design.
“Very comprehensive class on UX theory and process. I learned many new concepts as well as a new program, Sketch.”
Attended the UX Design Bootcamp
“The UX Fundamentals class was a really great way to step into the world of UX Design. The teacher really explained the principles and concepts from his years of actual experience in the field. There was not a question he couldn't answer. The hands-on work within each class really helped drill in the ideas and get us familiar with how a UX Designer's job works. Excellent class!”
Director, Web Services, Brain & Behavior Research Foundation
Attended our comprehensive and hands-on UX Design course
Learn user experience by applying the process to a real-life project that will provide your first portfolio piece. Take a project from initial idea to clickable prototype—it can be a real-life challenge, an app idea, or a website idea.
Class prototype project using Sketch & InVision
Build a Case Study
Learn to use industry-standard applications including Sketch & InVision to create clickable prototypes. Use that as the basis for a case study to highlight your project.
Student learning UX in hands-on class
Leverage the Design Thinking Framework
Use Stanford d.school's Design Thinking framework to become a better UX designer through empathy and collaboration.
Stanford d.School Design Thinking at Noble Desktop
Sketching is a quick way of visualizing a new interface by using pen and paper. Sketches are useful for validating product concepts and design approaches with both team members and users.
A wireframe is a visual guide that represents page structure, as well as hierarchy and key elements. Useful for discussing ideas with team members and clients, and to assist the work of designers and developers.
A prototype is a simulation of a product’s navigation and features, commonly using clickable wireframes or layouts. It’s a quick and dirty way to test and validate a product before fully developing it.