- Colour and contrast coding a form prototype
Using my previously created visual form flow and wireframes, I began coding an interactive form wizard prototype. I sought to develop a better process and design superior artifacts as part of a form wizard project.
- Creating form navigation for a web prototype
Create navigation within and between steps of a prototype registration form. Use semantic HTML instead of classes for CSS. Patterns for back links and branching.
- Wireframing a web form wizard
I sharpened my wireframing skills, uncovered form and flow improvements, and created thoroughly commented artifacts that aided my handover conversation.
- A small win to fix your LibCal interface
It’s a small win to fix the interface in your library room booking software. Add stripes to help sighted users distinguish their booking.
- How to make improved form validation messages
Our registration form wizard used a mix of inaccessible default browser error messages and ambiguous custom form validation messages in red text.
- When and where to set input spellcheck =false
A form will spellcheck your name, email and postal address, giving false positives. I’ll share how I tweak this for a less jarring form-filling experience.
- Identify input purpose for awesome usability and accessibility
Identify input purpose (autocomplete values) makes easier and faster form filling experiences for everyone entering personal or payment information.
- Digital prototyping workshop at the 2019 UXLibs conference
To improve the mobile experience of reserving a group study room – the case for my digital prototyping workshop at the 5th UXLibs conference.
- Input width makes it easy to guide sighted people
Setting input width to guide users reduces cognitive effort needed to fill out forms. I’ve created HTML and CSS code to set the width of a postcode field.
- Form wizard remediation – from research to design
My lightning talk on remediation of technical and non-technical issues in a registration form. This effort brings us nearer to our goal of no barriers.
- Easily removed HTML5 article tags found lurking in form
While manual accessibility testing a form wizard, HTML5 article tags were announced by the screen reader. This confused our participant on every step!
- Results of accessibility testing a multi-channel form wizard
In September 2018 I conducted manual accessibility testing on the first iteration of member registration as a form wizard. This was my lightning talk.
- 4 Mobile form improvements for better UX – registration
I designed 4 mobile improvements to a registration form. These UX improvements make it faster to complete, easier to fill out, and increase data accuracy.
- Service blueprint shows the pains of delivering membership
In January 2018, I created a service blueprint showing inefficient internal processes of how the business delivers membership.
- Happiness tracking to measure the user experience
To measure the user experience of Deakin Library Search, I adapted Happiness Tracking Surveys. Data analysis can inform decisions to optimise experiences.
Using my previously created visual form flow and wireframes, I began coding an interactive form wizard prototype. I sought to develop a better process and design superior artifacts as part of a form wizard project.
Create navigation within and between steps of a prototype registration form. Use semantic HTML instead of classes for CSS. Patterns for back links and branching.
I sharpened my wireframing skills, uncovered form and flow improvements, and created thoroughly commented artifacts that aided my handover conversation.
It’s a small win to fix the interface in your library room booking software. Add stripes to help sighted users distinguish their booking.
Our registration form wizard used a mix of inaccessible default browser error messages and ambiguous custom form validation messages in red text.
A form will spellcheck your name, email and postal address, giving false positives. I’ll share how I tweak this for a less jarring form-filling experience.
Identify input purpose (autocomplete values) makes easier and faster form filling experiences for everyone entering personal or payment information.
To improve the mobile experience of reserving a group study room – the case for my digital prototyping workshop at the 5th UXLibs conference.
Setting input width to guide users reduces cognitive effort needed to fill out forms. I’ve created HTML and CSS code to set the width of a postcode field.
My lightning talk on remediation of technical and non-technical issues in a registration form. This effort brings us nearer to our goal of no barriers.
While manual accessibility testing a form wizard, HTML5 article tags were announced by the screen reader. This confused our participant on every step!
In September 2018 I conducted manual accessibility testing on the first iteration of member registration as a form wizard. This was my lightning talk.
I designed 4 mobile improvements to a registration form. These UX improvements make it faster to complete, easier to fill out, and increase data accuracy.
In January 2018, I created a service blueprint showing inefficient internal processes of how the business delivers membership.
To measure the user experience of Deakin Library Search, I adapted Happiness Tracking Surveys. Data analysis can inform decisions to optimise experiences.
