UX Design for Coders


Course Number: UX-110

Duration: 2 days (13 hours)

Format: Live, hands-on

UX for Coders Training Overview

As the volume of development has grown, fewer organizations have the luxury of a dedicated usability research and design team. It is now common practice for designers to be embedded within product teams or for engineers to be tasked with overseeing design as well as development. The result of this evolution is that many designers need to know more about code and many engineers need to know more about design.

The good news is there are now open-source and cloud-SaaS tools and frameworks that make both design and development faster and simpler for everyone.

This UX Design for Coders/Code training course brings together the tools and insights designers and developers need to be successful immediately on their projects. It’s not about becoming an expert in any one piece of software, coding language, or stack, it’s about gaining skills across a range of technologies to deliver usable, accessible, and performant experiences using the expertise and best practices of others.

Location and Pricing

Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.

Objectives

  • Understand industry trends driving the change in how we do development today
  • Leverage the design ecosystem to discover and implement well-validated UI interaction patterns
  • Use popular CSS and JavaScript libraries and frameworks to synthesize the best practices of other designers and not reinvent the wheel
  • Learn some shortcuts that designers use and vice-versa
  • Apply the 80/20 rule to language and framework decisions
  • Use popular cloud-based tools to automate and crowdsource usability research, validation, and testing

Prerequisites

Participants must either be full-stack or front-end engineers, or UX or Interaction Designers with basic knowledge of HTML, CSS, and JavaScript.

Outline

Expand All | Collapse All

Introduction
The State of UX, Interaction Design, and Engineering
  • Design and engineering role convergence
  • Design transformation, from static design files to design-in-the-browser
  • Design consistency as an accelerator (it’s easier to maintain one style than 2)
  • Consolidation as an accelerator (it’s easier to train for 1 stack than 2)
  • Essential design steps in the Agile development process
Guerilla UX Research
  • How to know what you don’t know - heuristics for uncovering usability gaps
  • Crowdsourcing your Usability Testing with UserZoom
  • Some heuristics for separating essential from nice-to-have
  • The importance of Marketing, If you don’t have a designer at least have a design validator
  • Eating your own dog food (If you don’t have time to develop personas, be the persona)
Leveraging Frameworks
  • Using Node.js and the NPM ecosystem
  • Using Bootstrap and Codepen to rapidly construct and validate uI
  • Scaffolding a site with Node, Gulp, and Netlify
  • CMS versus flat-file website building systems
  • Rapidly building a flat-file site with Jekyll [or Gatsby, or
  • How to maintain design consistency across third-party tools
  • Quick, tech-agnostic design using SASS (syntactically awesome style sheets) variables and mixins
Low and No-Code Solutions
  • Prototyping with data in Airtable
  • Do you even need an app? (Using Formstack to gather user data without code)
Conclusion

Training Materials:

All UX Design training attendees receive a copy of the instructor’s presentation and links to online resources.

Software Requirements:

All attendees would be provided with access (via their browsers) to a remote environment for the class.



Learn faster

Our live, instructor-led lectures are far more effective than pre-recorded classes

Satisfaction guarantee

If your team is not 100% satisfied with your training, we do what's necessary to make it right

Learn online from anywhere

Whether you are at home or in the office, we make learning interactive and engaging

Multiple Payment Options

We accept check, ACH/EFT, major credit cards, and most purchase orders



Recent Training Locations

Alabama

Birmingham

Huntsville

Montgomery

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

Los Angeles

Oakland

Orange County

Sacramento

San Diego

San Francisco

San Jose

Colorado

Boulder

Colorado Springs

Denver

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Jacksonville

Miami

Orlando

Tampa

Georgia

Atlanta

Augusta

Savannah

Hawaii

Honolulu

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Frederick

Hagerstown

Massachusetts

Boston

Cambridge

Springfield

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Minneapolis

Saint Paul

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Las Vegas

Reno

New Jersey

Princeton

New Mexico

Albuquerque

New York

Albany

Buffalo

New York City

White Plains

North Carolina

Charlotte

Durham

Raleigh

Ohio

Akron

Canton

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Oklahoma City

Tulsa

Oregon

Portland

Pennsylvania

Philadelphia

Pittsburgh

Rhode Island

Providence

South Carolina

Charleston

Columbia

Greenville

Tennessee

Knoxville

Memphis

Nashville

Texas

Austin

Dallas

El Paso

Houston

San Antonio

Utah

Salt Lake City

Virginia

Alexandria

Arlington

Norfolk

Richmond

Washington

Seattle

Tacoma

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Calgary

Edmonton

British Columbia

Vancouver

Manitoba

Winnipeg

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan