JOANNA MA

  • Home
  • About
  • Portfolio
    • Engineering
    • Human-Centered Design
    • Hackathons
    • Woodworking
    • Cakes
  • It's Jo Cake
  • It's Jo Card
  • Blog
  • Home
  • About
  • Portfolio
    • Engineering
    • Human-Centered Design
    • Hackathons
    • Woodworking
    • Cakes
  • It's Jo Cake
  • It's Jo Card
  • Blog

Let's hack IKEA!

8/28/2016

0 Comments

 
Picture
So I've been using my IKEA LACK table as as a nightstand for two years now. While it's cheap and has a lot of space, I end up having everything scattered across the table and nowhere else to put them. One night, my roommate and I had a conversation about what to do with his plastic drawers that he had used for his previous bed setup. I just had to search a few words on Google, and BAM! Of course it's already been done.  
​
What I used: 
  • LACK side table
  • 4 TROFAST wall storage guide rails (2 if you use the longer ones)
  • TROFAST storage box
  • Drill
  • #6 - 3/4" wood screws
  • 7/32" drill bit ​
  • 5/64" drill bit

I originally used BLANKETT handles but there were a few issues: 
  1. The storage box wasn't flushed against the underside of the table. It left a pretty decent gap between the top of the drawer and the table. 
  2. The lower part of the rail was shorter than the top, meaning that the drawer can easily fall out when you pull it all the way out. Because of that, it just didn't feel sturdy!

Picture

​Step 1:
 Drill two holes at the ends of each rail. The shorter side will be attached to the table. I used  7/32" drill bit so that it can catch the wood screw. 
Picture
Step 2: Figure out where railings go on the table and mark them with a pencil. You'll most likely need two rails for each side.
Picture
Step 3: Make pre-drill holes so that it's easier to put the wood screws in. I used a 5/64" drill bit. 

Step 4: Put in wood screws into holes. I had to angle it a bit to screw them in. You can also drill a larger hole into the other side of the rail so that you can just put the screwdriver straight through. I used the #6 - 3/4" wood screws that are in the toolbox. 
​
Picture
Picture
Picture
Project complete! ​I'm now inspired to hack more IKEA tables in the near future. 
Picture
0 Comments

Bits + Blocks Makeathon

3/21/2016

0 Comments

 
On March 12th, I had the pleasure of participating in the Bits + Blocks Makeathon at the one and only IDEO in San Francisco! I was amongst the 80+ participants selected out of 270 applicants, so it was already an honor to be able to participate. The grand prize for this makeathon is an 8-week summer fellowship at the Bits + Blocks coLAB at IDEO. 
I arrived bright and early at 8am to find that I've been assigned to Team 15. With the table full of post-its & sharpies (the only tools you really need for innovation!) and with a hearty breakfast in my stomach, I was ready to start hacking the day away. 

Design Prompt: Time Travel

Our design prompt was to design at device for the year 2066. In our first exercise, we each had 5 minutes to brainstorm how technology might be different in the year 2066, and how it would impact our lives. 
Picture
Picture
After the 5 minute brainstorm session, everyone in the group shared their ideas. We all had ideas around a more seamless integration with technology: one member more focused on changing the whole coffee shop experience, and another on a smart water bottle, but we all had pretty similar ideas. Other members had ideas about changing the way we interact with society, whether it's changing how we wait in line at the bank, or how we interact with strangers we meet walking down the street. ​We decided that we wanted to create a project that focuses on building interpersonal relationships. 

Let's Start Designing!

Because it's the year 2066, we decided to take advantage of potentially available technology of nanobots. Nanobots are promising tiny machines for the future of healthcare, as they can deliver medicine to areas we currently can't. 
Picture

How Might We...

Picture
Picture
Picture

Presenting: The VIBE System!

Picture
Picture
Picture
0 Comments

'Tis an Adventure!

2/14/2016

1 Comment

 
In the spirit of Valentine's Day and all things DIY, I'd like to share a rather ambitious light-up card I made last year. I am always so grateful to be able to celebrate Valentine’s Day every year, whether it be with friends, family or a significant other.

I made this card using the following materials: 
  • Cardstock from Daiso
  • 5mm wide copper tape
  • 3V coin cell battery
  • LED
  • Clear tape
  • Electrical tape
  • Gluestick
  • Scissors
  • Box cutter

​and the help of these two awesome tutorials: 
  • Sparkfun: Light-Up Valentine Cards
  • Technochic: Circuit Sentiments
Initial sketches:
Picture

​I struggled all Friday morning with figuring out how to wire it properly but finally got it!
Picture
Picture
Picture
Picture
We're getting there!
Prototype vs Real Card:
Picture
Front of Card:
Picture
Back of Card:
Picture
MAGIC!!
Picture
And of course, a Pocky envelope:
Picture
Picture
Happy Valentine's Day, everyone!

-Joanna
1 Comment

Team Meeting #0: Meet Oaklandish Impact!

5/18/2015

0 Comments

 
Welcome to class!

For today's session, our group went through the Workshop Guide for Class 1 of the course. We started off the workshop with a brief exercise to introduce ourselves to the group, what we're currently working on and what we'd like to learn during the course. We then proceeded to play an Icebreaker called Visual Telephone to get our creative juices flowing. We each start by writing a phrase (silly or serious) on the top of a sheet of paper. The paper is passed to the person on the right and that person tries to draw the phrase, and this alternates until the sheet of paper comes back to the original owner. My phrase "Bears like to eat cupcakes" pretty much stayed the same throughout. However, I did learn that glitter is pretty difficult to draw on paper, as it ended up being mistaken for nails. 
Picture
The next portion consisted of going through logistics for the course. We decided that we will switch up roles every week for storyteller and class leader. We also decided on a set of ground rules for the course that will help our workshops run more smoothly: 
  • No Devil's Advocate.
  • Be on time!
  • Be prepared.
  • Use of more "I" statements, speak from individual experiences.

After discussing readings from our first class, we got right into the meat of today's workshop: Design a Better Commute! We split the group up into pairs and took turns interviewing to understand each other's morning commutes. Some things to keep in mind for these interviews was to be an active listener and to keep asking "Why?". 

Step 1: Interview (15 mins)
My partner, Lina, talked about her morning commutes of having to drive to multiple locations throughout the day. She typically drives because it's most the cost- and time-efficient, but prefers to find free parking as most people would. Sometimes she'll settle for having to pay for parking or parking a little further, and will go through multiple cycles to find parking, but usually won't spend more than 10-15 minutes looking for parking. If public transportation was more accessible, she would much rather prefer that option, but driving to each location to meet her clients currently suits her needs better. 

Step 2: Interpreting needs (5 mins)
We took the next five minutes to read over our notes and interpret our partner's needs from the interviews. 
What are three unique aspects of your partner's commute? 
  1. Having to drive to multiple locations throughout the day.
  2. Determined to find free parking.
  3. Would use public transporation if more accessible.
What are three needs that your partner faces each month?
  1. Find free parking. 
  2. Get to meetings on time. 
  3. Have everything packed for the day.  
Step 3: Brainstorm (15 mins)
For this section, we took fifteen minutes to brainstorm new solutions to improve our partner's commute. Some of my ideas for Lina included an app that helps you find free parking, co-sharing parking spaces, more locations on public transportation systems like BART and Muni, Clipper Card with unlimited monthly passes for the entire Bay Area, and parking garages. 

Step 4: Prototype (15 mins)
It's time to get tangible! We worked on more physical/visual prototypes to imagine the possibilities and pitfalls of our solutions. I decided to go further with my free parking app idea, and started to draw out the visuals of my app.  
Picture
Step 5: Feedback (10 mins)
After prototyping, we finally shared our ideas with the rest of the team. 
Picture
Lina's idea for a driving co-op to solve the issue of having to drive to work everyday.
Picture
Chris' idea for Annie's request for the best bicycle ever!
Picture
Annie-Rose's idea for Chris' problem of commuting across different public transportation systems with a bike, including a work station for Caltrain!
Picture
Team Oaklandish Impact!
Picture
Some lessons learned from today: 
  • Time constraints allow for creativity
  • Collaborative nature allows you to put out ideas you normally wouldn't

Class 1 complete! See ya next week!
0 Comments

First Human-Centered Design meeting!

5/12/2015

0 Comments

 
Today we had our first-ever meeting for the +Acumen Human-Centered Design course! 4 of us ended up showing up at Impact Hub Oakland for the meeting, which isn't too bad of a turnout! Just the right number of people for the ultimate design team... granted that we stick to the entire course.  We got right down to business and scheduled all of our seven meeting dates for the next two months. I'm very excited for the commitment everyone's putting in from day one and for the potential collaborations as we progress through the course. Two of us are amateur UX designers, and the other two have a background in education, so I can't wait to see what great ideas we come up with!  

Go team! 
0 Comments

Let's Learn some Human-Centered Design!

5/11/2015

0 Comments

 
Back in January, I found out about the +Acumen Course on Human-Centered Design through the XX+UX Google+ Group. I was extremely excited for this course for a number of reasons: 
  1. I still aspire to learn the ways of UX/UI Design, and would like to learn things the right way. 
  2. It's IDEO.org! It's a nonprofit born out of the super amazing IDEO. So why not learn from the best? 
  3. I want to take on a project where I can actively participate in the community to bring about social change while becoming a better designer. 
I initially tried get a group together, but soon enough did I find how difficult it was to start a group where we would be working somewhat remotely, especially for an intensive course like this one. So that was the end of that.  

Then last month, a little message popped up in my inbox from the Hylo community over at Impact Hub Oakland. Someone announced that the course was starting up again soon and that she's looking for a group of people to take the course with:   
Picture
I finally have the opportunity to take this course with others again, and in a place I'm already familiar with! So of course, I jumped right on that thread, along with a few others. We'll be having our first meeting tomorrow and I can't wait! 

Stay tuned for updates from my journey into this course! 
0 Comments

    Oh, Hello!

    Don't mind me here... Just posting random musings about some awesome things I've been working on. 

    Archives

    August 2016
    March 2016
    February 2016
    May 2015

    Categories

    All
    Acumen
    DIY
    Hackathons
    Human Centered Design
    Human-Centered Design

    RSS Feed

Want to learn more?
Check out some more projects and say hello!
Made with ❤️ & 🦕 in San Francisco.