Improve Touchable Code Editor's Efficiency & Usability

Improve Touchable Code Editor's Efficiency & Usability

Improve Touchable Code Editor's Efficiency & Usability

Redesigned the code editor in ABB robot controller to improve user experience for robot programmers

Redesigned the code editor in ABB robot controller to improve user experience for robot programmers

Redesigned the code editor in ABB robot controller to improve user experience for robot programmers

Project Type

Project Type

Project Type

Individual

Individual

Individual

Strategies

Strategies

Strategies

UX Design

User Research

UX Design

User Research

UX Design

User Research

Tool & Method

Tool & Method

Tool & Method

Figma

Robot Programming

Figma

Robot Programming

Figma

Robot Programming

Date

Date

Date

June 2023

Project Overview

This project is to improve the user experience of robot programmers using ABB OmniCore FlexPendant for programming robot tasks. This code editor is designed for touch screens and is used to generate text-based code lines. 

Context

ABB latest version industrial robot controller launched in 2019, with entirely new operating system.

Challenges

Baby Duck Syndrome: user resistance to transitioning to the latest version

The older version robot controller IRC5 has been in the market for 20 years.

UX was not a focal point in the early stage of development

Compared to IRC5, the interface and interaction have a huge difference

Objectives

Enable robot programmers to complete tasks more efficiently

Prestudy: What is out there

7 Companies

9 touchable code editors

3 types of interface

  • The market lacks an exemplary text-based programming interface

  • Our competitors also grapple with the issue of redundant steps and cumbersome interaction

Empathize: What users Think About

16 participants

From 7 countries

Internal & External users

Interview

Online interview to gain feedback

Contextual Inquiry

understand users' workflows in their actual working environment

The participants covers four types of target audience

Define: Problems

30 UX issues

4 problem prioritizations

Affinity map

Through thematic analysis, the affinity map was created. there are four main themes: User Experience Overview, User Experience Problem - productivity, Expectation - more efficiently, Role

Fancy UI is not needed, high productivity is important

To better understand the UX issues, I created UX issue cards. After listing all the problems, I employed the MoSCoW Metric method to categorize them into: 'Must Improve', 'Should Improve', 'Could Improve' and 'won't Improve' category.

Drawing on the results of the user study, I established a set of design principles and objectives to guide my work.

'big and bigger' buttons for big fingers

Less tap and cumbersome interaction

Replace drop down menu

Shortcuts & Customization

Design for touchscreen with limited size and sensitivity

Prototype: Design Solutions

Program Structure:  Users now can swiftly navigate through files under various tasks and modules and track recent modification.

Program Editor:  Users now can swiftly toggle between operation panels, customize their interface, and define their own shortcuts for enhanced usability.

Property Panels:  The data and instruction editing panels are designed to present information more clearly and in an organized manner.

PROTOTYPE: ISSUE → SOLUTION

New Solution Click to View Current Solution

01

01

Issue: It takes time for user to find the location of error. 

Issue: It takes time for user to find the location of error. 

Solution: Syntax errors are now highlighted in orange for quick and easy identification.​​​​​​​

Solution: Syntax errors are now highlighted in orange for quick and easy identification.​​​​​​​

01

Issue: It takes time for user to find the location of error. 

Solution: Syntax errors are now highlighted in orange for quick and easy identification.​​​​​​​

02

02

02

Issue: Users cannot remember the location of instructions.

Issue: Users cannot remember the location of instructions.

Solution: Users can now mark their favorite instructions, and the system can identify frequently used instructions.

Solution: Users can now mark their favorite instructions, and the system can identify frequently used instructions.

03

03

03

Issue: It takes several steps to access clipboard shortcuts.

Issue: It takes several steps to access clipboard shortcuts.

Issue: It takes several steps to access clipboard shortcuts.

Solution: Users can now set up frequently used actions as shortcuts, which are displayed at the top right. 

Solution: Users can now set up frequently used actions as shortcuts, which are displayed at the top right. 

Solution: Users can now set up frequently used actions as shortcuts, which are displayed at the top right. 

04

04

Issue: The dropdown menu is inconvenient and easily trigger accidental selection.

Issue: The dropdown menu is inconvenient and easily trigger accidental selection.

Solution: Users can quickly switch using sidebar menu and pin favorite data on the top.

Solution: Users can quickly switch using sidebar menu and pin favorite data on the top.

04

Issue: The dropdown menu is inconvenient and easily trigger accidental selection.

Solution: Users can quickly switch using sidebar menu and pin favorite data on the top.

05

05

Issue: Users cannot view only one parameter's information

Issue: Users cannot view only one parameter's information

Solution: Users can double-tap on the desired parameter to open a data detailed bar.

Solution: Users can double-tap on the desired parameter to open a data detailed bar.

05

Issue: Users cannot view only one parameter's information

Solution: Users can double-tap on the desired parameter to open a data detailed bar.

Test: How Is The Performance

3 Tasks

2 Versions

Time Consumption

Questionnaire: SUS & UEQ

  • The new solution decreased the average task's time consumption by 15%

  • UEQ: All metrics showed the new design performing better than the existing one.

  • The solution received a usability score of 72.9, indicating satisfactory usability.

  • The new solution decreased the average task's time consumption by 15%

  • UEQ: All metrics showed the new design performing better than the existing one.

  • The solution received a usability score of 72.9, indicating satisfactory usability.

Lesson Learned

The user's strong desire for a feature doesn't always translate into a best solution. Therefore, user testing is a necessity.

Providing much freedom in customization could decrease efficiency, and it is challenging to cater to all users' needs.

The new solution is heading in the right direction

The new solution is heading in the right direction

The new solution is heading in the right direction

You may also be interested in…

You may also be interested in…

You may also be interested in…

Nice to meet you here!

Let's have a coffee chat about UX, Tech, life, cat and podcast :)

© 2024 Xuanling Xu

Nice to meet you here!

Let's have a coffee chat about UX, Tech, life, podcasts and cats :)

© 2024 Xuanling Xu

Nice to meet you here!

Let's have a coffee chat about UX, Tech, life, podcasts and cats :)

© 2024 Xuanling Xu