UX Training Difference between Pretty and Easy to Use Joann Vogtman – Office of Information Technology Brigham Young University

What’s wrong with this intersection? Many People are Experts Respect Their Input What’s wrong with this intersection?

Stakeholders Sponsor – High on Org Chart – At BYU – Vice President Customer – Department Head Users: BYU employee Faculty Staff Part-time vs. Full-time BYU student BYU parents BYU applicants BYU Alumni Non-BYU Affiliated Person

Stakeholder Relations Identify all the Stakeholders Who else uses this app? Who do you get calls from? Openly discuss decision making hierarchy Who thinks that they should be making the decisions Who could change the decisions Establish – “The Decider” Write simple generalized goals

KNOW Your User (Standard Marketing Phrase) Basic Market Research Understand HOW they use the app in the context of their work Testing in a dedicated testing room is probably a mistake Real location factors: distraction, light, size of screen, speed of computer, speed of internet Show the video “ROI of UX” https://www.youtube.com/watch?v=O94kYyzqvTc MAKE PEOPLE HAPPY – MAKE THEIR JOBS EASIER

The Actual User Probably not the Department Head The person who has to stare at that screen all day long. Person who uses the app the most - Students Target Market Understand the user’s skills Understand the business process/task that needs to be accomplished Design consistently so user can anticipate/match design clues Use simple dialog

Student Surveys

Short and Simple

Beginning Questions – Send Before 1st Meeting so users can ponder and prep What currently drives you crazy? What work-arounds do you have? post-it notes, notebook, typed file, reminders in your head. What makes it hard to train a new employee? Do you have a checklist anywhere? What other programs do you use? What paper files do you use? What complaints have you gotten from actual users?

Make Yourself At Home Spend some time at their office/location Learn about the external factors Show your respect Earn their trust

Interview Stakeholders Why do we need this app or site? What’s wrong with the existing system? What got left out of the last system? Ask for a “Piece of your mind.” Hand drawn diagrams – whiteboard or paper Post it notes Great Value in the creation of the workflow “No, that’s not what I meant” – Key concepts before design and building

Design Process Questions Answers Lists – Is that what you meant? Rough prototypes – Is that what you meant? Will this work for you? Design – pretty it up – colors, logos, font Will this work? Task list – Did we leave anything out? Release Tasks Customer Review as project goes along

Draw out the workflow WITH the User

Basic Mock-Up Balsamiq App

Admin Page Numbered Steps

Change Requests – Opportunity Costs AFTER the bid and start of Project: “If you want that change, we’ll have to delete something else off your requirements list.” Which previous request is less important than this one?

Testing Testing Tools Who to Test CANDY – bill to project budget Nametags so you don’t look like stalkers. Official tablecloth (no kidding) Survey Pens Large Signs Reserve table with Campus Scheduling Team’s Students Service Desk Random Students at the Wilk Candy, Tablecloth, Nametags, Few Questions Customer/User Testing Release

Actual Finished App Microsoft Word Prototype Cheap - Effective Elections for 2016-2017 Candidate Statements We are dedicated to developing an alliance between Students and Staff to have more activities The Testing Center needs more comfortable chairs *** We need a campus monorail system. Build an outdoor pool! We suggest a service internship be required of all majors. Actual Finished App Microsoft Word Prototype Cheap - Effective Click to Vote

Design Principles for UX Don’t surprise Users Use fewer words Search Options User Menus Don’t leave users wondering Put objects where users would expect them to be. Example: Submit button Technical Writing Class at BYU Bulleted lists (BYUI) BYU Provide clear feedback – did it save, what’s the error, next steps Does this format annoy you?

Design Principles for UX Problems Solutions Don’t Surprise Users Put objects where users would expect them to be. Example: Submit button Use Fewer Words Technical Writing Class at BYU Search Options Bulleted Lists (BYUI) Search by Role BYU Don’t Leave Users Wondering Provide Clear Feedback – did it save, what’ the error, next steps? Organizational Issues Group by Color Group by Proximity

BYU Idaho Multiple ways to find something

Role Based Menus

Great Free Resource - Nngroup.com