There are several data connector services out there like IFTTT, Zapier, and Integromat. QOMPLX also has its own data connector service platform under their product Q:OS, for better and easier workflow automation. My internship project was to redesign the connector service at QOMPLX.
To understand how the system works and the structure of the connector service, I created architecture map. I've taken some notes on pain points and design opportunities on the map with the orange texts.
First, I started with clarifying the problem space. I analyzed the current information architecture, user behaviors and workflows, then translated insights into personas and flows that shaped our design scope.
To understand the customers' wants and needs, I've created personas with another designer and technical product manger.
Based on 4 different scenarios of user cases, I created different user flows to propose new ways to interact with the system, and determine the design opportunities in the system — which screens need to be redesigned.
Architecture map
Persona
User flows
Internship goals
To be involved in the end-to-end design process (Research, Ideation, Wireframing, Prototyping... )
Develop Figma Skills
Understand and learn how to interact/communicate with different stakeholders like designers, developers, engineers, managers, customers, etc.
Get familiar with the design system and process that is unique to QOMPLX.
Get familiar with the agile work environment
Learn which part of design process I enjoy the most!
Connector redesign project
Design process
Research
Background
Architecture map
User flow
User flow
Persona
Wireframing
UI elements design
High fidelity prototyping
Usability testing
Synthesis
Research
Ideation
Prototyping
User research
Development



Having defined the pain points and design opportunities through research, I got my hands on the wireframing and prototyping.
With low fidelity wireframes, I am aiming to see the functionality, usability, and feasibility of the ideated design.
During the wireframe review meeting with the connector team (developers, engineers, and PM), I was able to:
1) Go through research (architecture map, personas, user flow) to explain how I understood the platform and seek the design opportunities,
2) Walk through the wireframes reflecting the design opportunities and new approach,
3) Answer questions from the team regarding the design,
4) Ask questions to the developers in the team about the system and feasibility of the design, and lastly,
5) Share the wireframes with the team so they can look through them in their own pace later and leave more feedbacks.
I have designed the interface of this data connector web platform and finished the working prototype. Feel free to contact me so that I can share how I worked on it!
4 days of test planning and 2 days of test sessions
Conducted the usability testing with 5 participants with different levels of knowledge of the technology and data connector service (Novice and Advanced)
Each session was 30 minutes
They were given the prototype to interact with, to complete a series of tasks
Roles: Facilitator, Note taker 1,2,3, and observers (optional)
100%
of participants were able to complete all tasks*
80%
of participants had difficulties in task #1
60%
of participants thought the check point #1 was not clear
100%
of participants thought the main task was straightforward and easy
Wireframe
Wireframe review with cross-functional team
User interface design and Prototype
Test plan
Findngs
Usability testing process
Ideation + Prototyping
User research
Planning
Testing
Synthesis
Testing brief
Screener
Test script
Remote testing with 5 participants
Test report
Recommendations

Qomplx
Product Design Internship
Working as a Product Design Intern at QOMPLX, Inc., a cloud native, data analytics and risk management platform to help clients solve challenges in cybersecurity, insurance, and finance. I created UI elements including pixel-fitted iconographies, and currently working on redesigning the data connector service.
July – August 2021
Tysons, VA (Remote)
Figma

back


