Hi, I'm Lucia

UX Designer

About Me

I started my path in product design. My interest in technology and creating innovative products motivated me to pursue a Master's where I specialized in Computer Science in the scope of Human-Computer Interaction (HCI).I have one year of experience as a research assistant, where user-centered design and accessibility was the main focus. I am detail-oriented and focused on creating joyful, delightful and utilitarian user experiences that are meaningful for users and impactful for the business.

📱 Contacts

🎯 Portfolio

toio™ for braille learning

A system to help visually impaired children to learn to read and write braille with toio™ robots and braille cards

LEGOWorld

Repurposing Commodity Tools & Technologies to Create an Accessible and Customizable Programming Environment

Sign Up Form - Active State

Tactopi

A Playful Approach To Promote Computational Thinking to Visually Impaired Children

folio - virtual gallery

Folio is a virtual gallery that exhibits students' work and presents the institution's projects to potential future candidates.

foodly

Foodly provides the food ordering, payment facility and restaurant advertisement through a cross-platform web app.

📃 Coming soon Full Case-study

toio™ for braille learning

Overview

In the UIST Student Innovation Contest (aka the "SIC"), explores how novel input, interaction, actuation, and output technologies can augment interactive experiences. In 2021 they had a partnership with Sony Interactive Entertainment toio™ team, seeking who will push the boundaries of input and output techniques with the toio™ micro robot platform. We were fortunate to be one of the 12 selected teams worldwide.

I was happy to win the 🏆 t-shirt design contest for the volunteer students at UIST 2021.

Role

I was responsible for the ideation, system interaction and design deliverables.

What is it about?

We propose a system that will help visually impaired children to learn to read and write Braille with toio™ robots and braille cards.

How it works?

The cards represent letters of the alphabet with the raised dots and an identification zone for the robot. The robot will reproduce a sound when it finds each card. The tasks can be individual or collaborative and it ranges from identifying sounds and letters to building paths between cards to create words. There are also tasks with two robots on the map that can simulate mobility situations, important for spatial navigation.

Why it matters?

During our research in the needs of visually impaired children in schools we understood there is a lack of accessible, interactive and playful materials that visually impaired children can have in their classrooms.

🎞 3-min DEMO

Learning

We received good feedback from this challenge and spread more awareness during the conference to design more inclusive environments for children.

LEGOWorld

project overview - Legoworld

Overview

LEGOWorld is an accessible and customizable programming environment for children with visual impairments that repurposes the use of commodity tools and technology, such as LEGO and Ozobot Bit. This work was part of a colleague's master thesis. I gladly helped with the concept and design of the LEGO-compatible pieces.

Role

I gladly joined this project with the concept and design of the LEGO-compatible pieces.

lego braille
Lego and cap
Legos and textures
Lego map

Tactopi - A Playful Approach To Promote Computational Thinking to Visually Impaired Children

Overview

This work is about my Master Thesis, and it also includes a published article. I had the opportunity to learn more about IoT, build this game, and learn more about accessibility. I did interviews with many specialists and user tests with children, exploring qualitative research methods and research tools. This work positively impacted the community and spread more awareness about accessibility for visually impaired children.

Tactopi is a system that consists of a tangible environment that promotes navigation skills training and enriches sensorial experiences using sound, visual and tactile elements.It allows the learning of introductory concepts of computational thinking, embedded in playful activities with storytelling, that promote environmental education for children with visual impairments from 4 to 7 years old.

folio - virtual gallery

Introduction
Folio is a virtual gallery that exhibits students' work and presents the institution's projects to potential future candidates.
This project was developed in the year 2018 in the scope of the discipline of Interface Design at Faculdade de Belas-Artes.

My Role
I was responsible for planning the interviews, architecture, wireframes design, graphic and video materials.

Problem
1 We verified that the Faculty of Fine Arts, University of Lisbon, would not have any specific official platform to promote their student's work.
2 The institution understudy does not keep an archive of what was done, nor the work done by its students during the period they attended.3 Potential candidates have no access, even if only an overview, to the possible works done in each course.

Goal
1 To benefit the institution with as a way to attract new students
improve the image of modernity and timeliness.
2 To benefit students who demonstrate their abilities to the world, namely to the entities that hire or offer internships positions.3 A delightful, consistent and intuitive user experience showcasing what can be taught and done.4 A clean and minimal interface, almost like the white gallery wall where the students' work on display is the prevailing focus point.

folio - virtual gallery

Introduction
Folio is a virtual gallery that exhibits students' work and presents the institution's projects to potential future candidates.
This project was developed in the year 2018 in the scope of the discipline of Interface Design at Faculdade de Belas-Artes.

My Role
I was responsible for planning the interviews, architecture, wireframes design, graphic and video materials.

Problem
1 We verified that the Faculty of Fine Arts, University of Lisbon, would not have any specific official platform to promote their student's work.
2 The institution understudy does not keep an archive of what was done, nor the work done by its students during the period they attended.3 Potential candidates have no access, even if only an overview, to the possible works done in each course.

Goal
1 To benefit the institution with as a way to attract new students
improve the image of modernity and timeliness.
2 To benefit students who demonstrate their abilities to the world, namely to the entities that hire or offer internships positions.3 A delightful, consistent and intuitive user experience showcasing what can be taught and done.4 A clean and minimal interface, almost like the white gallery wall where the students' work on display is the prevailing focus point.

Our Users
The target users would be the students and alumni of the Faculty of Fine Arts, the University of Lisbon and the general public interested in the works showcase.
The stakeholders would be the communication's department of the faculty Faculty of Fine Arts, University of Lisbon.
Information Architecture

Wireframes

Prototype

EvaluationTo test our app, we intend to evaluate several parameters, which are:User experience - If it is a fluid and simple experience;Control and freedom of the user - If the user makes a mistake in the operation he/she wanted to perform if he/she can easily undo the act and go back;Intuitive and functional - If the user needs to resort to memory to use it correctly or if this memory can be minimised through the recognition of the elements seen in the application. In other words, if through visual recognition only it is possible to use the app in an intuitive and functional way;Coherence and familiarity - If users are familiar with the elements represented and if the system follows the standards used;Essentiality - If there is any extra information that is not necessary, it diminishes the visibility of the relevant information.Evaluation Methods
2 open interviews: an alumnus from the Communication Design course; a spokesperson from the institution's communication office.
1 survey to 5 students from the institution about how students archive their works and expose their creations to interested people and eventual employers.
We also heard the uncertainties of some students finishing high school and what would be helpful in their academic choices during an event - Futurália that is one of the most significant national events for education and training in Portugal.After designing the high fidelity prototype, 5 volunteers were asked to test the prototype. No indications or instructions were given to the users. We tried to simulate it in a comfortable and natural environment for the users, their living room from the student residence. Afterwards, we conducted a brief interview with each volunteer about the experience.Results
When testing our prototype, we found that participants complied with the app's assumption. However, some did not recognise buttons as they thought, due to the colour, they would be part of the phone itself and not the app. Other buttons were in less prominent places. But in general, most understood the concept and underlined the opportunity of an app like this in their lives.
Users were quickly able to get around and back any mistake situation, and there we also noticed that there were some "bugs" of buttons that supposedly shouldn't be buttons and that restarted the mobile app.
Intuitiveness was verified in the app. Users didn't need to remember anything specific to use because everything they needed to understand was in plain sight.
About the interactivity, we observed that users want to see something concrete or simply use it in an inspirational or playful way. The social component and ways to contact the authors were also highlighted.
In the end, we have a positive balance of an intuitive application and that the volunteer users found to have a simple and accessible language.Future
Continue to design better experiences
To follow through the product roadmap and continue to stick to our design goals for the Folio app.
More user studies and iterations with the prototypeAs this was a project with a purely academic purpose, the studies carried out with potential users were limited to a small sample. Ideally, they would be extended to the community of students and teachers of the institution, who would also have other important inputs to add.A/B Tests and new interaction suggestions would also be interesting to incorporate. The creation of case studies observing the behaviour and justifications of the user compared with a heatmap of the prototype use would be interesting data to cross in order to better inform the user experience in this mobile application.

foodly

This project was developed under the course - User Experience during the Masters's course.Our way of life has become a bit on autopilot, and our food decisions end up being directed towards fast food, eating just a snack to disguise the hunger or worse, skipping a meal. These are not healthy options and can increase the risk of serious diseases.The above mentioned are some of the reasons, we decided to develop Foodly. Foodly is a private company that has protocols with a group of restaurants and provides the food ordering, payment facility and restaurant advertisement through a cross-platform web app. The application allows customers to access on a desktop or mobile device, anywhere, schedule meals in a restaurant within the network, and make payments in advance. Users will have the right to know in real-time the status of their order so that the pick-up of their order can be done efficiently and at the time specified.

🎨 Skills

Languages

Native - Portuguese
B2 - English and Spanish
A1 - Swedish

Software and Tools

Design and Wireframes
Adobe Illustrator
Adobe XD
Figma

Physical Prototyping tools

Laser cutter
3D Printing
other Fablab machines

Basic 3D Software

Fusion 360
3Ds Max
Unity

Data Visualization

Qlikview
Quirkos

Basic Programming/Script

HTML/CSS
Python
Javascript

Basic Physical Programming

IOT
Mobile Robots
Raspberry Pi, Arduino, Micro:bit

💻 Work Experience

2020 - 2021
Researcher
Tech&People, Lasige
Lisbon

2019 - 2020
Part-Time Bookseller
Didatic by Edicare
Lisbon

Summer 2018
Research Assistant Internship
M-iti
Funchal

September - November 2016
Materials Designer
Productized
Lisbon

📚 Education

2020
Erasmus
Master’s in Informatics
Alumni Ambassador
Karlstad University, Sweden

2018 - 2021
Master Degree
Master’s in Informatics
Faculty of Sciences University of Lisbon

2014 - 2017
Bachelor
Equipment Design
Faculty of Fine-Arts University of Lisbon

2010 - 2013
High School
Science and Technology
Liceu de Jaime Moniz, Funchal

📃 Research Publications

2021
Gonçalo Cardoso, Ana Cristina Pires, Lúcia Verónica Abreu, Filipa Rocha, and Tiago Guerreiro
LEGOWorld: Repurposing
Commodity Tools & Technologies to Create an Accessible and Customizable Programming Environment.

DOI 10.1145/3411763.3451710
CHI 2021, Yokohama, Japan

2020
Lúcia Abreu, Ana Pires, Tiago Guerreiro
TACTOPI: a Playful Approach to Promote Computational Thinking for Visually Impaired Children
DOI 10.1145/3373625.3418003
Assets 2020, Greece

2019
Junwu Park, Susana Bongkeum, Lúcia Abreu, Christopher Csikszentmihalyi, et al.
Designing for Interaction - A Robot Toy for Children
HCI Korea 2019, The HCI Society of Korea, pp. 19-23, Jeju, Korea, 2.15.2019.
ISBN: 979-11-88046-02-7

📜 Certificates

🔮 Daily UI

Daily UI is a series of daily Design Challenges, and I decided to give it a try and improve my UI design skills using Figma.Even though it is a UI challenge, my goal has been to also focus on UX.

001: Sign Up

The signUp, if required, is an essential step of the onboarding process. It should be quick and easy for users; otherwise, it can make users feel frustrated or give up. I have checked some of the best practices from UX Planet.

UI design at Figma.

Sign Up Form

Sign Up form.

Sign Up Form - Active State

Sign Up form active state.

002: Credit Card Checkout

Here the challenge was to design a credit card form. I used Figma and learned more about Auto Layout.

Sign Up Form - Active State

I like to review the Growth Design case studies and the psychological principles behind each decision.

🧠 Daily UX

Similar to the UI challenge, I also wanted to create the habit of learning something new about UX, every day. Why every day? Because every day there are changes, new trends, new case studies and new practices are adopted.The pool of content is large in recent years and attracts more and more experts and enthusiasts. It also becomes essential to choose content objectively and from credible sources.On this section, I want to show some resources that are essential for my design thinking process.

  • https://www.ideo.com/eu

  • https://www.nngroup.com/

  • https://www.interaction-design.org/

  • https://www.uxdatabase.io/free-product-design-course-curriculum