Ry A t brightwheel Case study of the Redesign Lo) biol Ue MCL CUA=, “2 brightwheel Case study of the redesign of the app Overview ‘Team & Duration : Tools & Methods : Brightwhee!is a parent-teacher | was on a team of three UX + Usability testing ‘communication app for pre-schools. Designers to conduct research, * User intorviews ‘The leadership team of Brightwheet | analyze feedback, ideate «Sketching design options app wanted to create a more user- solutions, and create a + High fidelity wireframes (sketch 3) friendly experience for teachers & comprehensive redesign plan + Prototype (invision) administrators who visit this app for | for brightwheel. the first time. Duration : 14 days My Role + Met with client & to understand the challenges they were facing with the app created + Conducted usabilty testing of current app with pre-school teachers & administrators to further understand the problem + Identified the key elements of an app for teachers & administrators + Created personas, identified their needs & formed scenarios + Skeiched possible design options based on the personas & their requirements, + Created wireframes & prototype + Presented the new & improved design to brightwheelProblem “My first time u: brightwheel, its kind of confusing ” Main Concern: “The first tit \@ users seem to have a difficult time navigating the flow of the brightwheel app” + The teacher's have a difficult time navigating since the demo of the app is offered after signing up for the service. They would like to explore the app before signing up. + The activities button to the teachers looks more like a design than a actual button that works + The teacher's who own a pre-schools privately are unable to carry out admin activities in the current interface of the appSolution A) “Improve overall app design to increase efficiency & ease-of-use to complete core tasks” Long Setup wizard Demo offered after sign up Top hamburger menu Current Design New Design No Setup wizard Demo offered before sign up bottom global navigation along with more (menu + setup)Solution B) “Reduce the number of steps to finish core tasks” ‘Setup Wizard Current Design ‘Sotup Wizard Final Design Be 3] sewenem FT A EIOur Approach Test, Iterate, Repeat ace “When in class my time with my students is my no. 1 priority” Pre-school teacher “I want to be able to work on all the aspects of my daycare” Bay care owner/teacher/admin “Understanding teacher & admin requirements was of utmost importance ” + We started by testing the current design frst to determine the exact road blocks teachers faced while navigating the app. + Priority was on watching teachers & administrators use brightwheel, who never used the app before + Observing & understanding their goals and needs while using this app was the focus. + And then designing options based on the feedback both from teachers & brightwheel then testing it again just to refine the option created, was the focus (test, iterate, repeat).The Process : Understanding the issue Testing # Feedback on the current app ‘The setup wizard was not something teachers wanted to go through before signing up or watching the demo Teachers found Activities button in student profile confusing Needed events on calendar Allergies a big concern Check in code in profile Daily reports tab was confusing since it was not a button ‘The phone icon gave the contact info. for the child's parents which could be under the information tab» Brightwheel wanted the Menu to be in the bottom nav vs on the topThe Process - Creating Design option | Testing #2: Feedback on design option | Hamburger Menu & settings on top __J Elements . Top hamburger menu Feedback . teachers liked check-ins in the room view » :Gneck ei + Staff appreciated allergies alert in red + Liked calendar in global nav + Allergies in room view + Did not like the activities button on student profile + Brightwhee! wanted bottom MenuThe Process - Creating Design option II Testing #3: Feedback on design option II ae rn m nt profi ——__Started wire framing ___ Elements + Demo before account is created Feedback - Demo of app ahead works well with users however should be accessed later ‘+ Menu moved to bottom nav as a tab Unconventional activities button under student + Setup, Admin mode, Check-ins under Profile not liked menu tab Users think Demo is a video might skip it + Events tab confusingThe Process - Creating Design option III (Final Option) Bringing user needs & client needs in one comprehensive design Classroom & student profile page More & entering Admin modeThe Process - Design option III (User “Ss HS: Miss Rhonda Day care owner “1 Want to be able to work on all aspects of my day care” 12The Process - Design Option III (User Flows) Miss Liz Stratford Schools Pre School Teacher “When in class my time with my students is my no. 1 priority”The Process - Design option II| wireframes Bringing user needs & client needs in one comprehensive designResults & Reflections Testing #4: Feedback on design option II -All usability testers responded welll and did not have issues navigating, received quicker response, found it very efficient -Most iterated Design incorporating User Research from Usability Testing -Cleanest visuals, consistent -Follows current best practices for iOS Navigation (bottom global nav) -Fastest on-boarding flow for a first-time user, cut down steps -Option for Demo Room at beginning allows for learning the app before exploration. -Exploring app is also intuitive using the Speech bubbles enticing call-to-action -Room Navigation: Home Room as the Home Page, spend most time doing daily tasks in home room. -Admin can easily get to their destination under “More” tab ‘Something to consider: -Extra step to Select Students after Selecting Activities, even when accessed from individual Student just to be able to keep a conventional global bottom nav.Results & Reflections Next Steps: -Test a high-fidelity version of Option 3 -Design and test an option with a unique admin ux. ~"Demo” Room: Consider Renaming “Demo” to something that entices users to click and learn, instead of avoid or assume it is a video. -Check-in process for teachers and students -Consider Security functions when teachers access the app or privacy protection if phone stolen -Users liked sliding between rooms but it may need more testing to confirm -moods button to help send update of the child's mood to parents -emergency button to send a quick notification to all parents at onceEnd Of Case Study