Sign in

UX Designer/Researcher @ Harvard University. My work ranges from design and user research, to design facilitation, to CSS theming. www.zoracabrera.com.

Explaining one’s UX process can prove very difficult. Most UX professionals can agree that the UX process is not linear. The process even struggles to follow the more complex, fancy, circular or diamond-like diagrams out there. While models can serve as jumping point to organize our thoughts, they seldom reflect reality. But beyond the problems with diagrams, another difficulty with explaining our process is that the question of process has two layers: 1) what is the project’s/product’s development process? 2) and how did you fit into the whole?

Take UX research for example, while an important part of the development…


Type scales can be difficult to maintain, but CSS Custom Properties can help.

If you have ever had to design a type scale, you know that, like grids, it can require quite a lot of calculations. Therefore if not structured properly type scales can also result into messy and difficult code to maintain.

As Mikolaj Dobrucki demonstrates in his CSS Tricks article, the dynamism of Custom Properties makes them an excellent choice for defining responsive and flexible grid styles. …


How the rainbow spreadsheet helped evaluate Harvard’s new visualizations-based course-selection tool.

Last November I helped moderate twelve usability tests to evaluate Curricle, a visualizations-driven course-selection platform for Harvard University. The web application was still in beta and the product team wanted to know if students understood how to use the tool and if they found the tool enjoyable. In the end, we discovered that while Curricle had a lot of potential, the platform still needed many usability improvements. But I don’t want to talk about the results. Instead, let’s talk process, specifically, let’s talk about how we analyzed the test results.

Our research team was completely separate from the Curricle design…


In the past few years, React has become one of the most popular JavaScript libraries. Several aspects make React a powerful tool for creating interactive user interfaces. This article describes some of the key concepts that every beginner should understand.

ES6

The first thing to know about React is that it uses ES6, a version of JavaScript released between 2015 and 2016. Unfortunately, not all browsers have ES6 compatibility. When working with React we must translate ES6 into an older version of JavaScript with a compiler. One of the most recommended compilers is Babel.

ES6 has slightly different syntax from old…

Zoraida Cabrera-Mieles

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store