Discover Classes. Earn Rewards.

UX & UI Design Summer Program NYC (High School)

Unleash your creativity this summer with a program in user experience and user interface design especially for high school students. Dive into the world of designing engaging digital experiences and user-friendly interfaces.

  • All levels
  • 13 - 18 years old
  • $1,499
  • Live Virtual
  • 30 hours over 5 sessions
UX & UI Design Summer Program NYC (High School)

Start Dates (1)

  • $1,499
  • Live Virtual
  • 30 hours over 5 sessions
20 seats left
Book
Show all 5 sessions
  • Mon, Jul 22 at 10:00am - 4:00pm
  • Tue, Jul 23 at 10:00am - 4:00pm
  • Wed, Jul 24 at 10:00am - 4:00pm
  • Thu, Jul 25 at 10:00am - 4:00pm
  • Fri, Jul 26 at 10:00am - 4:00pm
Showing 11 of 1

Class Description

Description

What you'll learn in this web design class:

Learn UX & UI Design for Apps & Websites

UX (User Experience) Designers focus on designing apps, websites, and other products that are easy and pleasant for people to use. UI (User Interface) Designers focus on the appearance of apps, websites, and other products so they are beautiful and visually effective. In this summer program, you'll learn key UX & UI design concepts, workflows, and tools and start making your own prototypes.

All projects will be completed with Figma, an app that allows you to create clickable designs that you can share for collaboration and testing. No coding required!


Learn more about UX & UI Design Summer Program at NextGen Bootcamp.

Remote Learning

This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.

Upon registration, the instructor will send along additional information about how to log-on and participate in the class.

Also available in-person in NYC

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

Refund Policy

Note: This provider has a temporary cancellation policy for COVID-19 related cancellations which is as follows: 

We are allowing attendees to reschedule at no charge or keep class credit for up to two years. Email us at [email protected] 

---- 

Original cancellation policy (non-COVID-19):

  • Registration Fee: All courses include a non-refundable registration fee of 10%.
  • Cancellations: Students may cancel up to seven business days prior to the course and receive all monies paid, less the non-refundable registration fee. Cancellation requests within the policy should be made directly to CourseHorse.
  • Rescheduling: Students may reschedule once up to three business days prior to the start date of the course at no charge. Reschedules within three business days incur a $20 rescheduling fee. Reschedule requests should be emailed to [email protected].

Reviews of Classes at NextGen Bootcamp (61)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Similar Classes

NextGen Bootcamp

NextGen Bootcamp, a Noble Desktop partner company, is dedicated to providing high school students with a state-of-the-art education in computer science and digital design. Our programs include hands-on, immersive summer camps and after-school programs.

Read more about NextGen Bootcamp

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified Online educator.

NextGen Bootcamp

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Professional Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...