September 2021
City of Seattle
Project Overview:
I was recruited by the City of Seattle to conduct a market analysis of city service. My team specifically focused on creating a usability assessment for affordableseattle.org, a department within the City of Seattle. This usability assessment was then used to develop a white paper for UX research for the city.
We began with indexing every service offered on seattle.gov, including complementary sites like affordableseattle.com. This services map was helpful later on in our project as well, as we identified 105 services available on seattle.gov as 'affordability services' that were missing from affordableseattle.org
Using our excel sheet, we converted it to a csv to create data visualizations in tableau. Here is an example of such a visualization, illustrating the number of services available for each impact group.
We then created a usability assessment with a 5 point scale to distinguish discrete levels. We gave affordableseattle.org a score 1-5 on each topic. We then began testing with users to complete the user testing category of the assessment. We struggled with finding members of our target audience due to COVID-19 restrictions, so our first round of testing was done with peers. Their responses are listed below:
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/a1e0f08d-2cb2-465a-b651-99687187dd61_rw_1920.jpg?h=b1c4b41a5ec61318f049487de03a5a96)
After testing affordableseattle.org with our peers, we compiled their feedback in Miro. This gave us a starting point to begin testing with our target audience.
From our testing, we gained some valuable insights to the usability of the platform, but we still needed to test with members of the target demographic. After consulting the UX team at the city, we transitioned our user testing protocol to a Userlytics survey. This survey included a screener to filter out users who were not part of the target audience. Our team had one member ask the user informational questions (written below on white sticky notes), while the other team members recorded their responses and number of clicks.
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/1d7db67a-aabb-4a7a-bc57-3291da3e0bee_rw_1920.jpg?h=6e1530e6fc7e1d79eecfd65b8d5aa174)
From the responses from our peers and the Userlytics data, we created an affinity diagram with actionable recommendations for the city.
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/5ba7be34-de6e-463f-a385-115cefb0fb71_rw_1920.jpg?h=02afa95727faed3e2c622127b33f4cec)
A summary of our redesign recommendations can be seen below:
Our recommendations include replacing thumbnail images on affordableseattle.org, anchoring the page higher so users can see a breadcrumb navigation, and redesigning the eligibility calculator and results page. The eligibility calculator is a main feature of affordableseattle.org as it allows Seattle residents to discover money-saving programs and benefits they qualify for.
Redesign: Before and After
In this section, I will illustrate our design recommendations
Here is the current (as of 08/24/2021) homepage of affordableseattle.org
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/b6384884-07bc-4825-8da7-239f22a67f90_rw_1200.jpg?h=f71642a74102707bcdf3ed260f2eae25)
This is a high fidelity wireframe of the homescreen, including a new navigation bar at the top, two home buttons (home icon and the 'AS' logo in the top left), and a redesigned eligibility calculator.
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/108240d4-5226-463c-9bd3-c44f2230b66c_rw_1200.png?h=1f8c1e466bbc1b569b346b431182a7e1)
We also redesigned the page users see the programs they are eligible for. I included hyperlinks so users can apply directly from this page, as well as a description of the total cost of the program (instead of just the savings).
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/98df29fe-588d-4810-b3ac-d61bd1b297e9_rw_1200.jpg?h=46b5c10ad9e0335f23dc329841add90c)
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/701958ad-8d08-4a7b-89ca-9fc789a56e2e_rw_1200.jpg?h=ff5382b719e3027a3bb3f3c8d9d116e8)
Updated Service Thumbnails
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/3d4db8a2-a6c8-4de5-a8d9-230caed74edd_rw_1200.jpg?h=296ae3ced6ebc2b992a1dafbfcec996a)
![](https://cdn.myportfolio.com/a3e879af-f1c7-4095-a6c1-96e4f1943806/ad882500-5c41-43e4-a249-36db3f3ac993_rw_1200.jpg?h=cc8763832d553d532f8a5a6161bfeb59)
When I added all the missing services to affordableseattle.org, there was a new section that emerged: Parks and Recreation.
Pitch to the City
After pitching these design ideas to the City of Seattle UX team, IT department, and Affordable Seattle managers, I am happy to say that our wireframes are being consulted as Affordable Seattle engineers the new and improved site! In addition, my team's usability assessment and user testing protocol have been submitted as white papers for future City use.