Digital Collegium 2025 - Freshen Up Your Forms_ A UX Case Study.pptx

rose0414 0 views 34 slides Oct 02, 2025
Slide 1
Slide 1 of 34
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34

About This Presentation

It is remarkable how many of the interactions students, staff, and faculty have at our institutions involve online forms. Unfortunately, those forms often don't receive the attention they deserve when it comes to user experience. They end up asking questions that don't need to be asked and p...


Slide Content

Freshen Up Your Forms: A UX Case Study David Rosen User Experience Analyst University of Minnesota

Forms?! That sounds kinda dull…

https://giphy.com/gifs/cbc-schittscreek-schitts-creek-BYnh6KLTUdiZSBtvdk

Project Background

The Before Times Contracted ticketing solution Access provisioning was distributed Many forms were in the system Some were still in PDF

The Before Times The Key Issue Forms in the system: C ouldn’t pull any information about the person automatically Couldn’t adjust dynamically during completion

Cognitive Load This image was created 9/4/25 using Microsoft Co-pilot. Prompt: “Create an image that represents cognitive load”

Why are they trying so hard ? These forms were to request access to technologies and systems around the University Users didn’t want to have their request rejected They figured extra time and energy spent now was better than doing it all over again

It wasn’t working There was a lot of back and forth communication to determine if someone could have access Despite users’ best efforts this was due to their submissions having: Insufficient information Incorrect or incomplete answers

One door closes… The contract with their current ticketing vendor was expiring An RFP was required The current vendor didn’t take the RFP process seriously The cost and complexity of the tool became more than was acceptable

A new beginning

Leadership had a vision Product Owner and Senior Director of User Support wanted to take a fresh look We’d been using ITIL (Information Technology Infrastructure Library) for 7 years and had matured Product owner knew we had UX frameworks to work from They learned from past experience Included business owners in the form digitization

Assemble the team https://www.supanova.com.au/25-years-power-rangers/

Our starting point We discovered forms by looking in the previous system and Provisioning and Access identifying PDFs that they receive We identified and informed the business owners The project team needed to learn the tool The vendor would answer questions as an implementation partner, but they wouldn’t do it for us.

The Style Guide

UX Approach I relied heavily on this book: https://www.oreilly.com/library/view/forms-that-work/9780080948485/

UX Approach I focused on the following things in creating the new forms: Logical flow Consistent terminology Consistent use of form field types Clear and explanatory labels and instructions We also leveraged: Information that we already knew about the user from them signing-in

Preparing for the style guide We needed to complete our exploration of the functions available in the tool We needed to work through our 4 pilot forms

Detail is key The style guide covers nearly everything How we refer to the person filling out the form Tone of voice Rules about using different form fields and features Character limits Naming conventions of admin-side features

Example of a style guide section

Cognitive Load Clearly labeling fields and avoiding jargon Giving explicit instructions for text-based form fields Only showing users the information they need to see when they need to see it Parent/Child relationships in the tool allowed us to reduce what was on the screen

Example of better labels and help text

Building Trust with Business Owners

Setting up the meeting Our project manager set up meetings with the business owner of each form Here was the agenda Brief description on how the components hook together in TDX View what the access roles (for most users) form looks like in the sandbox environment Document changes the business owners would like to incorporate Brief overview of workflow of the form

Checking the questions There were 3 things we needed to know: Who needs this information? What do they use it for? Is it required or optional? Jarrett, Caroline, & Gaffney, Gerry (2009) Forms that work: Designing web forms for usability. p. 37

Example: Question Protocol

Follow-up to the meetings After meetings we would: Make changes to the form to match the question, language, and information changes the business owners needed Either set up another meeting or plan to send a link to the mocked-up form to review Repeat until the business owners signed off

Example: Canvas Application/Data Roles

Outcomes Remember the 85% incorrect completion rate for Canvas access requests? Here is what the business owner said when I asked them on 9/10/25 (more than 5 years after the transition) “ I have forgotten the bad old days of [previous vendor]. Submissions to the Canvas ARF are completed correctly for the most part… Thanks for reminding me that this process is much improved and not the pain point it once was.”

Maintaining Good Practices

New forms and changes A team was built to continue the creation and maintenance of forms The team references the style guide in their work UX still has a role Within the workflow, there is a stage called UX Review

Example of a UX Review

Future processes Artificial Intelligence (AI) Train it on the style guide Load in forms to give it a first pass

Q&A / Thank You