Lili Tong

lilitong.work@gmail.com

I am a frontend developer with UX research background. I love what I do

Experience

Senior frontend developer

ABB E-mobility, Eindhoven, Netherlands

I work in a scrum team to design and develop our EV fast charger products.

November 2022 - Present

Frontend developer

Philips Research, Eindhoven, Netherlands

I collaborated with a talented multi-disciplinary team to design and develop a clinical prototype on patient monitors, aimed at assisting nurses in analyzing patient conditions and speeding up diagnosis.

As a key member of the team, I also worked closely with the UX team to ensure that the clinical application was user-friendly and easy to navigate. This involved incorporating user interface design principles to create responsive web pages that met the design requirements of the clinical application.

We delivered high-quality code with over 85% test coverage, including unit tests and end-to-end tests, to fulfill the rigorous medical software standards. By conducting thorough testing and debugging, we ensured that the prototype was reliable, efficient, and safe for patients and healthcare providers.

I am proud to have played a vital role in the development of this cutting-edge clinical prototype, which will improve patient care and assist healthcare providers in delivering critical services.

Technical stack: React, Typescript, Remix.run, Cypress, Jest, Storybook

October 2020 - October 2022

Frontend developer

BDO Global IT, Eindhoven, Netherlands

As a member of a Scrum team, I have played a critical role in designing and developing several products that are used by our auditors across 150+ countries worldwide. This has involved working collaboratively with cross-functional teams to identify and understand user requirements, and then using my expertise in front-end web development to create intuitive and engaging user interfaces.

I am also the principal developer of our UI library. This library is a set of reusable React components that streamlines our front-end development process, reduces development time, and ensures consistency across our products. In addition, the library has helped to maintain a cohesive and aligned corporate visual identity, making it easier for our users to recognize and navigate our products.

Technical stack: React, Typescript, LESS, Sass, Jest, AngularJS, webpack, Jasmine, .Net, C#

December 2017 - September 2020

UX Researcher

Lenovo, Beijing, China

In lenovo, I collaborated with a diverse group of researchers, designers, and developers to design and develop a novel system for Augmented Reality interactions.

Through this experience, I discovered my passion for programming in an industry setting. I found that my skills and interests were better suited for industry instead of academia, where I could work on projects that had a more direct impact on businesses and end-users.

May 2017 - November 2017

PhD Researcher

Laboratory LIRIS, Lyon, France

As a PhD researcher, my primary research interest was in the area of Human-Computer Interaction, which focused on exploring interaction, collaboration, and applications in multi-surface environments.

I have designed and developed several web-based applications. This was also when my passion for frontend technologies started. Welcome to check my projects here.

September 2013 - May 2017

Education

Doctor of Philosophy

INSA de Lyon, University of Lyon, France

Computer Science - Human Computer Interaction

My thesis: Designing and analyzing collaborative activities in multi-surface environments.

September 2013 - May 2017

Master of Science

Jilin university, Changchun, China

Electronic Engineering

Graduation with distinction

September 2010 - July 2013

Bachelor of Science

Jilin university, Changchun, China

Physics

September 2006 - July 2010

Skills

Programming Languages & Tools

Web technologies: Html, CSS, Javascript, Typescript, REST APIs
Javascript frameworks: React, Angular, Vue
CSS preprocessors: Sass, LESS
Build tools: Nodejs, npm, webpack, Gulp
Unit testing: Jest, Jasmine
Git and GitFlow
Cloud service: Azure, Heroku

Workflow

Agile Development & Scrum
Cross Functional Teams
Responsive Design
Cross Browser Testing & Debugging
Azure DevOps

User Experience (UX)

Design: Wire-framing, storyboarding, mockups
Quantitative research: data-driven investigation, observational and experimental studies
Qualitative research: questionnaire, interview, user observation and coding

Language

English (working professional)
French (conversational)
Dutch (beginner)
Mandarin (native)

Projects

Here I list several projects that I have done during my PhD (2013-2017).

General methods & tools that I have used:

Development: AngularJS, NodeJS, Mapbox (customizing map), Bootstrap, CouchDB (database), Heroku (hosting), Hammer (touch gesture), and Websockets (communication among devices)
UX: users interview, usability tests, qualitative & quantitative analysis methods

Pickit

A decision-making activity for high school students

Pickit is a decision-making learning activity which I designed and developed for high school students. The shared display is used for supporting collaboration, such as discussion, negotiation and taking decisions. The personal devices are used for individual exploration, such as analysing data of each location, submitting comments and providing evaluation.

This study has been published on CSEDU (Computer Supported Education) 2017 and won the best student paper award. Welcome to check our paper here. Check the code here

GoNY

A trip planning activity

GoNY is a trip planning activity I designed and developed to study how the orientation of a large display (horizontal vs. vertical) used alongside tablets impacts participants' collaboration.

Our results show that using a horizontal surface will lead to better equity of interaction and more cohesive activities. On the other hand, group coordination is more structured and is organized around a main interactor when a vertical display is used.

This study has been accepted by INTERACT 2017. For more information, welcome to check our paper here and our video here.

InsectPuzzle

A mobile orienteering learning game

In this study, we designed and tested an orienteering mobile learning game to better understand how device use shaped collaboration in highly mobile conditions.

Our results emphasize the importance of considering the transitions between arrangements more than F-formations per se. We discuss the implications of these findings for the design and analysis of mobile collaborative activities.

The result of this study has been published on Mobile HCI 2016. For more details of this study, welcome to check our paper here.

Cross device infrastructure

An infrastructure that allows dynamic reconfiguration of the interactive spaces

It is an infrastructure which allows the dynamic reconfiguration of interactive spaces by grouping different devices together. I designed a simple web-based game using this infrastructure. The game world could be automatially extended when we bring in new devices.

To see how it works, please check the video here. This work has been accepted in ITS 2014. For more information of this work, welcome to check our paper here.

Publications

Lili Tong, Audrey Serna, Sébastien George and Aurélien Tabard. 2017. Horizontal vs. Vertical: How the Orientation of a Large Interactive Surface Impacts Collaboration in Multi-Surface Environments. IFIP Human-Computer Interaction - INTERACT 2017, 202-222. DOI: 10.1007/978-3-319-67687-6_14. (acceptance rate: 29%)
Lili Tong, Audrey Serna, Sébastien George and Aurélien Tabard. 2017. Supporting Decision-Making Activities in Multi-Surface Learning Environments . In Proceedings of the 9th International Conference on Computer Supported Education (CSEDU '17) - Volume 1, pages 70-81. DOI: 10.5220/0006313200700081. (Best student paper award, top 2%)
Lili Tong, Audrey Serna, Simon Pageaud, Sébastien George and Aurélien Tabard. 2016. It’s not how you stand, it’s how you move: F-formations and collaboration dynamics in a mobile learning game. In Proceedings of the 18th International Conference on Human Computer Interaction with Mobile Devices and Services (MobileHCI '16). ACM, New York, NY, USA, 318-329. DOI: 10.1145/2935334.2935343. (acceptance rate: 23%)
Audrey Serna, Lili Tong, Aurélien Tabard, Simon Pageaud, and Sébastien George. 2016. F-formations and collaboration dynamics study for designing mobile collocation. In Proceedings of the 18th International Conference on Human-Computer Interaction with Mobile Devices and Services Adjunct (MobileHCI '16). ACM, New York, NY, USA, 1138-1141. DOI: 10.1145/2957265.2962656
Lili Tong. 2015. Supporting Design of Interaction in Multi-surface Environments for Collaborative Learning. Dans 27ème conférence francophone sur l'Interaction Homme-Machine (IHM '15), ACM. Toulouse, France. 4 pages. Doctroal symposium.
Lili Tong, Audrey Serna, Sébastien George, Aurélien Tabard, and Gilles Brochet. 2014. Interactive Surface Composition Based on Arduino in Multi-Display Environments. In Proceedings of the Ninth ACM International Conference on Interactive Tabletops and Surfaces (ITS '14). ACM, New York, NY, USA, 369-374. DOI: 10.1145/2669485.2669548
Lili Tong. 2014. Toward rapid prototyping tools for designing collaborative learning activities on tabletops. Dans Rencontres Jeunes Chercheurs - Environnements informatiques pour l'apprentissage humain (RJC-EIAH '14), La Rochelle. pp. 75-80.

Awards & Service

Best student paper award for CSEDU 2017 (top 2%)
Outstanding Graduate Student Scholarship (top 5%) (2013)
Outstanding Undergraduate Student Scholarship (top 10%) (2010)
Conference Student Volunteer for ACM ITS 2014
Reviewer for ACM TEI (2018)