https://www.bpattersondesigns.com/home daily 1.0 2021-07-16 https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/608642ea6a87341dd3fb85b8/1619412722153/DLPL0180.jpg Home A 14-year veteran Firefighter with a passion for Product Design & Management. I'm searching to explore and transition into a role that will allow me to find the balance between rigor and wonder in order to flesh out an innovative user experience, or a role that is tasked with the responsibility of managing a product's lifecycle. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/608dcfb03394c25cb54cdb95/1619906501033/DoubleDiamondThinking.PNG Home https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/60872d1ec18711269f782cc7/1619471649499/Non-Member+Homepage+Adventure.png Home https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/6095f9b792caf154da4fc354/1620441533063/User+Persona.png Home - Mobile App Research https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/6095f9d55cffb312c9c39acf/1620441568860/SidebySideAFIMobile.png Home - AFI Mobile Design https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/6095d33b11cfee36ac15bf7a/1620440627840/ButterflyVillageLandingPage.png Home - Butterfly Inc Case Study https://www.bpattersondesigns.com/about-me daily 0.75 2021-07-16 https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/608e0e17545ecb7daf966949/1619922997503/DLPL0165.jpg About Me - A Designer A 14-year veteran Firefighter with a passion for Product Design & Management. I'm searching to explore and transition into a role that will allow me to find the balance between rigor and wonder in order to flesh out an innovative user experience, or a role that is tasked with the responsibility of managing a product's lifecycle. Currently, I’m a Business Management major with a concentration in business intelligence and data analytics. Also, a recent graduate of Netflix's Pathway Boot camp for UX/UI Design. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/6095b563ede7427eebf804a7/1620424130869/RookiePic.JPG About Me - A Firefighter & Instructor… With 14 years of experience and plenty of stories to tell from just about every position on the apparatus! The skills and experience I bring along are valuable real-world experiences in leadership, mentorship, and expansive design thinking. In my current profession, I’ve assisted with graduating over 200 firefighters by ensuring the recruits met and exceeded departmental standards by setting benchmarks above the department’s requirements. In addition to the aforementioned, I've received multiple performance awards including EMS Provider of the Month and a Life-Saving award. https://www.bpattersondesigns.com/contact daily 0.75 2021-05-13 https://www.bpattersondesigns.com/my-projects daily 0.75 2021-05-13 https://www.bpattersondesigns.com/my-projects/netflix-case-study monthly 0.5 2021-05-12 https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609ab473a7efec39a1b34d54/1620793414234/MarcoGibbsProtoPersona.jpg My Projects - Netflix Case Study - Empathize During this phase, we begin by conducting an interview with the stakeholder. After the interview, the team collaborated to create a proto-persona. The proto-persona is a description of the target audience based on the assumption of the stakeholder. After the creation of the proto-persona, we begin conducting our user interviews. Using this research method gives us a better understanding of what the users are doing, thinking, and their feelings during the process. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609b129afed764437dde339b/1620793414239/AffinitydiagramNetflix.jpg My Projects - Netflix Case Study - Define. At this stage, the team and I gathered the artifacts from our research methods to define the goals and objectives for the user experience. As we dig deeper into this stage, I was tasked with collaborating with a teammate to complete a competitive analysis. We conducted a virtual brainstorming session where we fleshed out our affinity diagram in order to organize the data and ideas during the session. With all the key components aligned, we were able to produce a problem statement that was concise to the description of the design problem: “We believe collecting browser history data from potential users will achieve a more personalized experience. We have observed that Netflix isn’t personalizing the sign-up process which is causing a lack of conversion.” https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609aca5cb5106e16b7760870/1620793414243/MarcoGibbsNetflix.png My Projects - Netflix Case Study - User Insight Marco Gibbs, a thrill seeker, needs adventurous content to keep him inspired to constantly push himself and reduce the fear of being complacent. During Interviews, we discovered that uninteresting interfaces tend to drive new users away. We believe that this is due to a lack of engaging content and that we might be able to help if we include a way to better understand the user. We might do this by gathering data from their browser history. Doing this will allow our product to create a personalized experience. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609b1a0fb5106e16b77ed63b/1620793414246/Storyboard+Netflix.png My Projects - Netflix Case Study - Ideate (Storyboarding) In this phase, we begin the ideation process by developing a visual story that is related to the problem are user is facing. We use storyboarding to explore a user’s experience with the product. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609b1fd061c93629811cea1c/1620793414249/Non-Member+Homepage+Action.png My Projects - Netflix Case Study - Prototyping I was tasked with a teammate to convert a Lo-Fi sketch into a digital wireframe. My wireframe was to be used as a mock up of the interface to be validated by the users. My team members conducted rapid remote moderated user testing to measure the prototype’s usability. https://www.bpattersondesigns.com/my-projects/butterfly-case monthly 0.5 2021-05-13 https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c08363564a110736c2fbf/1620879407172/HeuristicEvalButterfly.PNG My Projects - Butterfly Village Inc Case Study - Empathize - Heuristic Eval. Part of the team’s research included stakeholder interviews, user interviews, creating a proto-persona, and conducting a heuristic evaluation that measures the usability of the organization’s website. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c59214d695545617245bc/1620879407176/AffinityButterfly.png My Projects - Butterfly Village Inc Case Study - Define. At this stage, the team and I gathered the artifacts from our research methods to define the goals and objectives for the user experience. As we push forward in this stage, I was tasked with contributing to the team’s affinity diagram. Having all the key components from a well thought out research plan, we were able to produce a problem statement: “We believe reorganizing the website’s information architecture will improve the user experience. We have observed that the Butterfly Village Inc website doesn’t have a strong information architect causing users not to reach the information that they are seeking. Our main focus is on the issue of micro-interactions, visualization, and the signup process for the programs. On their current website, they do not have a sign-up process for their programs.” https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c631f4243ea2353d635f4/1620879407180/User-PersonaButterfly.png My Projects - Butterfly Village Inc Case Study - User Insight Mia Brown, a high school student, needs access to content related to STEM to keep her inspired to constantly push herself towards a career in STEM. During the research, we discovered that the homepage has very little information in its corresponding tabs and it lacks visuals about their non-profit. Therefore, we believe that showing visuals and displaying the non-profit’s information will gain interest from young girls in STEM and that we might be able to help if we add more interactive visuals and change the information architecture of the website. How Might We Statement: How might we create a more organize information architecture to support our potential users in successfully finding the information that they are seeking? https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c5629a2a41c0524be78fe/1620879407183/ButterflyCardSorting.png My Projects - Butterfly Village Inc Case Study - Ideate (Card Sorting) In this phase, we begin the ideation process by card sorting. We used the card sorting method to build the information architecture of a system. The team accomplishes this by grouping individual labels written on virtual notecards (Miro) according to criteria that make sense. The result is an information architecture system that matches the expectation of the user. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c677b2ef65704e59ea00d/1620879407186/SiteMapButterfly.PNG My Projects - Butterfly Village Inc Case Study - Ideate (Site Map) As my team completed the user flow diagram and the site map for our new architecture redesign, I was tasked with fleshing out a prototype that follows the course of the map. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c78712fe5a167bae5cb50/1620879407190/ButterflyLandingPageOG.PNG My Projects - Butterfly Village Inc Case Study https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c90c1a4ef6b6e269b95af/1620879407197/LearnButterflyLanding.PNG My Projects - Butterfly Village Inc Case Study https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609c9082adaef523d8fdaf0f/1620879407194/CenterwillInspiration.PNG My Projects - Butterfly Village Inc Case Study https://www.bpattersondesigns.com/my-projects/mobile-app monthly 0.5 2021-05-13 https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609caf9f2be09025ffab5561/1620930467853/StreamingSourceProto.jpg My Projects - Mobile App Research - Proto-Persona. A proto-persona was created based on the stakeholder’s assumption of their product’s target audience. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609cbb30bf572730139e9484/1620930467859/BestResearchPlanMobile.PNG My Projects - Mobile App Research - Research Plan & Interview. After developing a research plan, we conducting interviews to gain more insight from the users about the needs and dislikes. The ideal participant consisted of people who currently use mobile entertainment apps such as Netflix, Amazon Prime, and Hulu. https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609cb9b4a24e4874f64f9dc7/1620930467863/Mind+MapStreamingSource.jpg My Projects - Mobile App Research https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609cbcc80192482b5541ef2c/1620930467867/User+Persona.png My Projects - Mobile App Research - User Insight Statement. Elizabeth, who has a busy schedule, needs to find a mobile entertainment app that will allow access to her favorite shows to help her decompress in between her busy schedule. https://www.bpattersondesigns.com/my-projects/mobile-app-design monthly 0.5 2021-05-13 https://static1.squarespace.com/static/60861b8ac9585824500c4f6d/t/609d748a2888fe173984de77/1620938451810/SidebySideAFIMobile.png My Projects - AFI Prototype Mobile Design - Prototype. Once I received the design requirements, I began the prototyping process by sketching out a Lo-Fi design. After receiving feedback, I moved forward by creating a digital wireframe within Figma. From there, I incorporated overlays and micro-interactions to assist with the users’ navigation through the site. *Recommend using a desktop to view Figma presentation