UI/UX Workshops

UI/UX, Design Education

Making Design Education Accessible



As proud as I am to be a student at UC Berkeley, the school doesn't offer many opportunities to learn about design. Fortunately within the past few years, UC Berkeley created a design school called Jacobs. However, this school is heavily geared towards mechanical engineering design and not software design.

Knowing all too well the struggles of being a self-taught designer, I have been doing my part to making design education accessible on my campus. In addition to teaching an introductory course on Photoshop and Illustrator, I teach UI UX workshops to campus organizations I'm involved in.

Intro to UI UX Workshops



I taught four workshops on introduction to UI UX for my Photoshop and Illustrator class, HEX, Blueprint, and Innovative Design. These workshops covered what UI UX is, why it matters, and key principles to keep in mind.



I emphasized the process of design and how it takes more than just being good at Illustrator or HTML to be a good designer. It really boils down to the problem you're trying to solve and who you are solving it for. I came up with 3 key UI UX principles: Be Contextual, Be Easy, and Be Human.


UI UX Best Practices



I taught another workshop on UI UX Best Practices for web design. Some things that I covered were readibility, card v. grid layouts, and consistent icon sets.


Figma Tutorial



I spent the second half of these workshops going through a tutorial on designing a simple corporate landing page. I used Figma because anyone can sign up for free and it works in a browser (I'm also a huge fan of the interface).



Here is a link to the tutorial I wrote. The final product is a landing page wireframe for a fake law firm called Associately:



I learned a lot about UI UX myself by preparing and teaching these workshops. It pushed me to reflect back on my experiences and understand the bigger picture about the design process. I hope to continue doing workshops like these for people interested in UI UX but don't know how to get started.

Takeaways


1. Don't take design education for granted.
2. Teaching is learning!