Learn UX & UI Design for Apps & Websites
Learn the art of creating user-friendly and engaging apps and websites in this hands-on summer program in NYC. This program breaks down the necessary skills for effective UI (user interface) and UX (user experience) design. With the help of Figma, a free prototyping app, you'll develop clickable product designs and put them to the test with real users.
The class will start with an introduction to user interface (UI) design, where you'll gain insight into the shared visual language and standard patterns used in app and website interface designs. You'll then implement your newfound knowledge by creating your own UI designs with Figma. Next, the class delves into user experience (UX) design concepts, where you'll develop user personas, user scenarios, and journey maps for the planning stage of your project. You'll apply this knowledge by using Figma to make clickable prototypes and refine them through testing to guarantee a user-friendly product.
Throughout the course, your instructor will discuss essential topics for anyone interested in a design education or career. You'll learn about creative briefs, workflows, portfolio development, and more. By the end of the course, you'll have portfolio projects demonstrating your new skills and a strong knowledge of UX & UI design.
Tuition
As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.
Full Tuition
$2,295$1,995
Early bird discount applied Due before the class starts
What’s Included
- 25 hours of hands-on instruction
- Live, project-based training from experts
- Verified digital certificate of completion
- Small class sizes
What’s included with my tuition?
- A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
- Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
- Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
- Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
- A certificate of completion to verify your accomplishment
Are there any additional fees or expenses?
There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.
However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.
Do you offer any discounts for this course?
We don’t currently offer discounts as we do our best to affordably prices our courses.
Take this course as part of a certificate program and save:
-
Price: $4,490 | Hours: 75 Hours
Learn the Skills Guarantee
Get personalized attention in small groups
Work on real-world exercises & projects
Became proficient in Java programming and computer science topics and knew nothing before. Would recommend!
—Zachary Waxman
Learn from industry experts with real-world experience
We supply computers in class, no need to bring your own
Interactive Training
Learn in Real-Time with Small Class Sizes
Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects.
Unlike other providers, these are not mass open-enrollment classes. At NextGen Bootcamp, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.
On Campus in NYC 185 Madison Ave, NYC
Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.
- Live, interactive class
- Experienced instructor in the room with you
- Computer and software provided
Live Online Remote, from anywhere
Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.
- Live, interactive class
- Experienced instructor teaching over Zoom
- Remote setup assistance provided
Earn a Certificate of Completion
Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!
Shareable on
Class Recordings
Missed a session or need a refresher? We have you covered!
Class Recordings
You can also access recordings of each session in your student portal within one business day of the session’s end. Recordings are available for one month after the session.
UX & UI Design Summer Program NYC Curriculum
What You’ll Learn at a Glance
- Learn UX & UI design concepts & best practices
- Design mobile & web applications
- Integrate user research in your designs
- Build clickable prototypes & conduct user testing to gain feedback
- Learn Figma for design and prototyping
Course Syllabus
UI Fundamentals
How & when to use common UI patterns
- Menus
- Tabs
- Bottom tab bar
- Buttons (including “Call to action” or CTA)
- Accordion
- Carousel
- Breadcrumbs
- Modals
- Forms
- etc.
Learn Figma
Create Visual Designs & Clickable Prototypes
- Learn how to use Figma to create clickable prototypes to show users for testing, or for clients to see your work.
- Design the UI (user interface of websites, apps, etc) in Figma.
UX Design Concepts
Intersection of Design, Technology, & Business
- 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 websites.
- Competitive Research
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.
User Research Through Interviews
- Refine user interview questions.
- Interview classmates for 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.
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.
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 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.
Prototyping & User Testing
- 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.
Iterating the Prototype and Further User Testing
- Report conclusions based on user testing.
- User testing reports.
- Rework the prototype based on user testing conclusions.
Case Studies
Building Case Studies
- Look at case study examples.
- Finish your clickable prototype.
- Using a compilation of user research, prototypes, photographs, and user research, build your case study.
- Present class projects as case studies on-screen.
Creative Briefs
Getting to Know a Project: Creative Briefs
- What is a Creative Brief?
- What to Include in a Creative Brief
Wireframing for UI Designers
Wireframing
- Why and How to Create Wireframes
- Issues to Solve
- Steps in Creating a Wireframe
- Designing on a Grid System (like Bootstrap)
- Get Critiques
- Incorporate Feedback & Improve Your Designs
Wireframe to Refined Design
- Iterate & Refine
- Understanding the Mobile Experience
UI or Visual Design Concepts
Learning from Existing Websites & Apps
- What Works & What Does Not?
Color
- Color Harmonies
- Creating Contrast with Color
- Guidelines for Proper Color Usage
Typography & Fonts
- Display Text (Such as Headings) versus Body Text
- Legibility
- Type Trends
- Typeface Selection & Pairing
- Where to Get Web Fonts
- Ideal Line Height
- Column Width (Line Length)
- Hyphenation & Justification
Design Elements
- Proximity
- Similarity
- Continuity
Trends in Web & App Design
- Analysis of Example Websites & Apps
Design Patterns
- Example Design Patterns
Multiple Screen Sizes
- Responsive Web Design
- Mobile Considerations & Limitations
- Discoverability Challenges
- Mobile Navigation
- Phone vs Tablet App Design
Workflow: Idea to Design
- Example Web & App Design Workflows
The Business of UX & UI Design
The UX & UI Design Industry
- Getting into the business: strategies and ideas.
- Resources
Portfolio Website & Job Preparation
Creating Your Portfolio Website
- Examples of UX & UI portfolio websites
- What you should include on your portfolio website
- Get 1-on-1 feedback on your case studies & portfolio website
Resume Development
- What you should include on your resume
- Get 1-on-1 feedback on your resume
Frequently Asked Questions
What’s included with my tuition?
- A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
- Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
- Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
- Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
- A certificate of completion to verify your accomplishment
Does this course require any prior knowledge or experience?
Students must be comfortable using a computer. No other prior knowledge is required.
Do you offer payment plans or student financing for this course?
This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
Can I take this course online (remote learning)?
Sorry, but this training is not available online.
What happens if I need to miss a session?
You have some options:
- You can watch a recording of the session. We will provide any course materials.
- If you can’t come into the classroom but can still attend remotely, we will provide you with the Zoom login information.
- You can use your free retake to make up any missed class time.
Compare UX & UI Design Summer Program NYC to Similar Courses
Select up to two courses and tap Compare selected courses to view a side-by-side comparison of UX & UI Design Summer Program NYC with your selected courses.
-
Graphic Design Summer Program NYC
50 hours $2,495Learn the graphic design theory and the essential Adobe applications, including Photoshop, InDesign, and Illustrator. In this summer course in NYC, high school students work on real-world design projects.
-
Graphic Design Summer Program Live Online
50 hours $1,299In this graphic design program for High School students, you'll master the most powerful tools in graphic design: Adobe Illustrator, InDesign, and Photoshop.
-
Video Editing & Motion Graphics Certificate NYC
50 hours $2,495Learn how to edit videos with Premiere Pro and design motion graphicss with After Effects.
-
Video Editing & Motion Graphics Live Online
42 hours $2,495Edit video projects and make your own animations in this hands-on summer course.