Adam Christopher Hoegsgaard Barnes

Evaluate the LEGO builders app from a user perspective and suggest design changes Role and Role: Designer Design Client: LEGO Time Scale: 3 days Process Phase 1 Evaluate app Find problem areas Phase 2 Solution Development Phase 3 Compile Prototype Presentation Validate with user testing User testing Design Loop Create user stories Problem LEGO App Analysis Problem Area I worked through the app and pinpointed some problem areas that could be improved Problem Location 1 Age confirmation Could be clearer Onboarding 2 Homepage organisation What does the yellow box do? Homepage 3 Accessing building instructions Too many steps Set/instruction page 4 Adding sets Not logical Accounts page User Testing Questions and Tasks Explained app concept of building instruction library I took 3 flows that I felt could be improved and did user testing Asked what they thought the graphical boxes did on on 10 people to validate my the home page hypothesis Asked, based on that, what they thought the yellow box at the top left did Asked them to find and open building instructions Asked them to save a LEGO model to their account Test Results My hypothesis broadly proved right, but saving was logical and there were loading screen issues I had anticipated 70% 70% of users found the loading bar for building 80% 80% of users paused after or questioned where 100% 100% did not know what to expect when they 90% 90% did not understand what would happen 10% instructions confusing the instructions were after the “start building” pressed the first yellow “LEGO” box when they pressed the first yellow “LEGO” box 10% had difficulty saving a LEGO set Test Summary The test produced and confirmed some useful and interesting pain points that I could work with 1 The loading bar for building instructions needs a cleaner communication 2 Step after “Start building” needs removing or clarifying 3 The yellow “LEGO” box link needs rethinking, assuming it shows all LEGO sets by year Alteration 1 The loading bar for building instructions needs a cleaner communication Non descriptive animation Page needs clarity on what is happening See Animation Before After Interesting and fun animation added Clarity given to what is happening. Added text and progress bar Downloading See Animation Alteration 2 Step after “Start building” needs removing or clarifying No explanation text Step not necessary when there is only one instruction book Before 1 2 Press “Start building” 4 Choose instruction 3 Wait..... Get instructions to start building After Press “Show instructions” Choose instruction 3 Wait..... Book 1 Downloading Show Instructions NB 1 2 For occasions when only one book is available this step would not be necessary 4 Get instructions to start building Alteration 3 The yellow “LEGO” box link needs rethinking, assuming it shows all LEGO sets by year Users didn’t know its purpose It linked to an odd page Very prominent position for such a vague purpose and bad link Before Yellow button confused users Destination page was unexpected, potentially has an error Button has prime location NB See Original The exact purpose of the button and page is unknown but the assumption I worked on was that it would display all LEGO sets filtered by year of release/availability After Vague button and link removed Horizontal slide function added Presumed page purpose of being able to refine results by year added to home page. Filter option added Filter by year 1999 1998 All Sets 2023 2022 2023 2022 2022 2021 See Prototype NB All Sets Filter by year Horizontal slider allows user to flick between years.

 Selected year displays new filtered results, enlarges and has a LEGO plate underscoring it