top of page

My MHCID Journey at UCI

Improving my Design Thinking & Sketching

For these sketching actives we used the book Sketching User Experiences Workbook by Bill Buxton. The companion book was also was apart of our pre-reading before the start of the MHCID program. We brainstormed and reflected before and after our sketching assignments. We learned to become more comfortable with our sketching skills (letting go of trying to make everything look "pretty" or artistic), gaining an understanding to the point of sketching out our ideas, using timers so we don't waste time worrying about how it looks but more so on how it works, and getting into the groove of iterating multiple ideas. The lectures and combined activities helped us as HCI students to integrate design principles into our sketching as we progressed.

Image by Alyson Yin-UCI Campus
Sketching User Experience Workbook

Sketching Day One & Activities

image.png
image.png
New Scan 2023-08-25 0815-p1.jpg

S1 Sketching & Learning Pod

10 Plus 10 Method

After finishing the Crazy 8's, which involved iterating many ideas for a UCI front and back student ID card that included all of the criteria in the designs such as name, photo, the UCI mascot anteater (Peter the anteater), ID number, and so on... I included a QR code and a couple of vertical designs. We were then tasked to go to the book and work on the 10 plus 10 method described in Bill Buxton's Sketching for User Experience. The method gets the designer to make 10 different ideas but then focus on one favorite design and go more into depth with that idea by designing 10 more iterations focusing only on that idea whether it be a product, interface, various items, the list is endless.

Later on we took our Crazy 8's UCI ID cards we designed and digitally created how they would look like. Producing a high fidelity version using Figma (Figma tool was the popular choice but we weren't restricted to just using Figma)

Front (3).png

Sketching Day Two & Activies

image.png
AEnB2Uq_reA9cvF9DX_yfQStFjMhvVFxjKtS_4oT

S2 Sketching & Learning Pod

Scribble Sketching

Our learning pod team progressed as we spent more time in our breakout rooms following a live lecture. We progressed because we selected our roles and arranged contributions when creating a team contract.  We became more confident as we attended more lectures and spent time building our group relationships. We became more eager to share our sketches in our learning pod slack channel not just from the sketching assignments but also what we created from the live lecture activities. As the learning continued we began discussing more complex HCI principles as well as the various methods. During this journey, our confidence increased and we became comfortable to share more feedback and ideas.

Our second-day sketching assignment was scribble sketching. A rapid way to generate and translate ideas into various interfaces, products, and commodities.

 

One of the design activities I loved the most was taking our ID card sketches and making a prototype in Figma and the storyboard we made using Google Slides to see all the students' cohort creativity and how they made their sketches into a digital artifact to practical solve problems. I share below the Figma Prototype and Storyboard I made.

Learning Activities

Anchor 1

Figma Wireframe & Prototype

Front .png
Back (1).png

User Persona & Story Boarding

image.png

To Be Continued...

bottom of page