Olajide Akinpelu

Mapping Tool The mapping application is a feature of a geospatial planning and analytics tool for public health programs. It allows users with little to no GIS technical skills to develop and print maps using available geodata. my role the team duration UX designer, 
 Frontend developer 2 UX designer
 2 Developers 4 Weeks Map generation and printing are important components of the microplanning Problem Problem Statement process that allows health workers to adequately plan and prepare for public Introduction health campaigns. 

 Often times, the maps are generated and sent to the health workers late in the microplanning process, and are difficult to read or understand. eh Project Goals What to do Build a mapping tool that allows people with no GIS capabilities to generate easy-to-use maps, and easily download or print them as needed. Process Design process R esearch Research Phase Understanding the users Understanding what the people want and people’s need, user centric design, user persona, User Persona Adamu Bashir 
 Project Cordinator Julia Fadilla 
 Pain points Pain points Grant Donor The maps always arrive late before preparing for a campaign.
 The maps always arrive late before preparing for a campaign.
 We can’t easily make changes to the map on the field or before the campaign ourselves. 
 We can’t easily make changes to the map on the field or before the campaign ourselves. 
 No easy tool to edit and print map for a campaign No easy tool to edit and print map for a campaign Needs/Goals Needs/Goals How can we make maps arrive on-time before a campaign kick-off?
 How can we make maps arrive on-time before a campaign kick-off?
 How can we create a tool that a non map expert can use to generate maps? How can we create a tool that a non map expert can use to generate maps? ArcArch hitec ture itecture information Designed a simple flow that shows how the application will work considering the user research data from the product owner and field officers using the application. Wi re f rame Wireframe design Wireframes to mockups With all my research and conclusions in mind, we started building the layout. Starting with some rough sketches on paper, we drew up some ideas on the whiteboard, sought feedback from my teammates and then brought the final ideations to life in Adobe XD (working together using the collaborator features). Expanded the features Added a save and reset map to default settings, to being able to view history saved maps and also create new map with just a click. First low-fidelity mockups for quick testing with the users. (they will rather prefer close to final as the users will have this issues on other third party applications. We added a customization button to the solution for map customization. mockup layout. Moc k u p s Mockups (hi-fidelidy) Final approved The screen displaying detailed mockups approved by the stakeholders and the team after testing with users on the field and also remotely. Before Testing Changed the labels on the textbox, after testing with our field users after they raised the issue of not understanding what the icon means. Before Testing Replacing the cards with a simple card that is dragable for the users with a not to help guide them faster. Before Testing We decided to include a map details button as it’s not clear to the field workers on how to view details before using the template maps and also change the call to action color of the Use Map button. The field workers requested a customize layout to tranform generated maps . Success Measure Success Rate of map download on the solution with no issues understanding how it works. Do we really solve the problem? How long it takes the field workers to generate maps. Retention (Returning user/fieldworkers using the solution) Increase in web(solution) traffic (measuring with google analytics) Doug Lead Product Manager “ "Thank you guys for all your hard work. I'm excited to show your work to the team and top stakeholders for their thoughts."