_cover image.jpg

UI/UX Curriculum (for CS Students)

UI/UX CURRICULUM
ui/ux, web design

April - June 2018

In Spring of 2018, I became the design teaching assistant for ECS 162, a computer science class lead by Professor Nina Ameta that teaches CS students various front end programming languages like HTML, CSS, and JavaScript.  My role was to design web pages for 3 different assignments and present to the class about basics of UI/UX Design.  My goals were to:

  • Create UI/UX designs and design curriculum that would supplement the students’ understanding of front-end programming.
  • Bring awareness to design principles to those not familiar with design (i.e. the students).

a1: Wayne thiebaud

A1 - header image.jpg

PROMPT

Create a website showcasing Wayne Thiebaud exhibit at the Manetti Shrem University Art Museum.

STUDENTS LEARN

  • HTML & CSS
  • JavaScript

a2: book club

A2 - header image.jpg

PROMPT

Create a website to search for books that uses a pre-existing database.

STUDENTS LEARN

  • JavaScript
  • Google Books API
  • JSON

final: photoq

A3 - header image.jpg

PROMPT

Create a photo searching website that automatically applies tags for each photo.

STUDENTS LEARN

  • Google Cloud Vision API
  • React
  • SQL
  • AJAX
 

assignment #1: Wayne thiebaud 

 
 
A1 - final product.jpg
 
 
 
A1 - final product (tablet + mobile).jpg
 
 

process - iterations

 
A1 - iterations-all.jpg
 
 

ASSIGNMENT #2: BOOK CLUB

 
A2 - overview.jpg
 
 
A2 - final product 1.jpg
A2 - final product 2.jpg
A2 - final product 3.jpg
A2 - final product 4.jpg
 
A2 - final product (mobile).jpg
 
 

process: iterations

 
A2 - iterations all.jpg
 
 

final assignment: photoq

A3 - overview.jpg
 
A3 - final product1.jpg
A3 - final product2.jpg
A3 - final product3.jpg
A3 - final product4.jpg
 
A3 - final product mobile.jpg
 
 

process: iterations

 
A3 - iterations - all.jpg
 
 

reflection

WHAT WENT SMOOTHLY?

  • Trust: between the professor, TA's, and students in terms of design knowledge
  • Community: students helped each other solve problems

WHAT WAS CHALLENGING?

  • What do non-designers already know / don't know about design? 
  • To teach or not to teach? What design concepts are worth teaching to a CS classroom?
  • Quick Changes! Needing to adapt to an ever changing curriculum & last minute changes

Want to learn more about the specific design decisions I made for each project?

read about my process in depth on medium!