I viewed requirements and gathered raw user data. I created a sitemap and Identity Access Management (IAM) personas. I also researched, contributed, and coded some of the SAM Web Design Standards (Design System), a branch of the USWDS. I helped perform user testing, and created user flows and mockups for IAM, My Access pages, Sam.gov Reporting, and designed an easier way for users to search government documents for the new Sam.gov. Sam.gov Reporting has data visualizations displaying government and small business contract awards. I also took part in a SAFe Agile process.
Accessibility: I was in charge of ensuring all wireframes and the Dev environment followed WCAG 2.1.
Sign-Up Page
I created IAM Personas based on real users. Sam.gov users are Government Workers and Contractors. I also updated existing Personas for Sam.gov Reporting, using recent User Research results, and posted it to Confluence.
Created a sitemap using REST and templated it in Confluence for the back-end developers to add to it while in development. The interface is large so keeping track of the pages will help stop page redundancies an helps the flow of implementing Sam.gov. (The screenshot only shows a partial of the sitemap).
The Process Model was developed to show how the user navigates through the system, how the system interacts with the user, and how the users Data is stored.
I researched, presented, and illustrated a section in the Design System for IAM (ex. Contextual Help) and graphic Reports; created by the integrated reporting tool Micro Strategy, and text only reports that are not created by the tool.
The Reporting team set up a workshop to gather more requirements from the Stakeholders. On the wall our team marked three rows for the Reporting dashboard feature requirements: “Must Have” features, “Should Have” features, “Parking Lot” features, and to the lower bottom right “No” features. The Stakeholders will vote which feature goes into which row. I assisted, collected, recorded, and analyzed the results.
Note: Our mockups were first demoed, then coded by the Developers.
This is a wireframe of a Micro Strategies interactive Map and an accessible text only chart underneath.
I analyzed existing user and Stakeholder research and applied what was necessary to the new webpage. I also contacted the users/stakeholders involved in the existing user research and testing (as seen in example below), and asked them questions and their thoughts about new features.
Note: existing user research = before I was contracted.
I created a Landing Page design and HR and Procurement online forms for The World Bank. On display are a couple of examples of Procurement online forms designed in Axure. I also did a version of the Purchase Order Change Form using Bootstrap. In addition, there are also on-display examples of personas (pictures are not based on real people), user journey maps, and a sitemap.
Landing Page for HR and Procurement
Step One Procurement Form
Step Two Procurement Form
Step Three Procurement Form
STC/STT New Hire (HR) - Personas
Procurement - Personas
STC/STT New Hire - User Journey Map
STC Extension - User Journey Map
PR - User Journey Map
PO Change Form - User Journey Map
STC and PR Web Usability Standards Checklist
Site Map
Gathered requirements, created user stories, use cases, sitemaps, wireframes, coded front-end UI’s, and worked with developers (etc). Performed heuristics and user testings. This process lead to the creation of a user friendly mobile app and a module for users (using gamification) to gain health knowledge and incentives for cheaper insurance.
Site Map
Wireframe Layout
Both modules are for users to gain health knowledge and incentives for cheaper insurance
Both modules are for users to gain health knowledge and incentives for cheaper insurance
The images displayed are a couple of wireframes and final mockups for a proposed Interactive Security iPhone app. I created the requirements for the app, performed market research, and made sure the app designs were user friendly. The app also followed the iOS Human Interface Guidelines.
Home Alarm System Menu
Thermostat Monitoring
Arming Alarm History
Lights Monitoring History
Activate Lights
Controlling Front and Back Door Locks
Login Home Alarm System
About My Toolbox
An inventory list of a user’s tools which helps the user:
1. Know what tools need to be replaced (status of the tool)
2. Have easy access to buy another tool
3. See recommended tools when replacing a tool.
4. Search tools to add to inventory list or order tools.
5. Be able to Scan Tool Barcode to add the product to the inventory list or to delete it.
Users: Estimated 16-50 age group. Occupation: Construction Worker, a user that has a DIY job or project, Small Business Owner.
Login to My Toolbox App
This is the My Toolbox Menu, which also alerts the user if a tool needs replacing.
Displays what tools need to be replaced and the status of the tool. It gives the user an option for recommended tools and to order a tool.
The Tool Inventory marks the tool's name and status and gives the option to delete or replace a tool. The user can also add tools to the list of inventory.
Gives the user a way to search for new tools and where to buy them.
Search for a product or scan a barcode to add the tool to the inventory list.
Site Map
I have done UX Research for an ad agency Gmmb to plan out Bill Gates Foundation Program Related Investments (PRI) site. Wrote a requirements document for the project. Gathered user data from stakeholder interviews and incorporated valuable data in creating personas (pictures not based on real people). I had set up a card sorting activity to choose the best menu options and received great results. I created low-fidelity wireframe designs and presented the homepage concept to the team. The other pages already had set content and design.
Fall Lights is a sensory room game designed for autistic students at Kennedy Krieger. It provides a way to calm the student’s and prepare their cognition and sensory skills before classes. As the student approaches the sensor system, their distance is measured with a ultra-sonic ranging device. LED’s behind painted leaves on an acrylic panel change color corresponding to the distance. The student's will be able to control the color of the leaves by moving to exact distances, simulating the changing color of Autumn leaves. In order to see all of the lights, the student has to move slowly to different distances. It enables them to be more alert to their environment.
The results of user-testing showed that the device successfully increased attention span in autistic students ages 5-13 and it served as a good reinforcer for work completion.
A sensory room device with a shadowbox and ultra-sonic ranging device. LEDs behind painted leaves on an acrylic panel change color corresponding to the distance.
The device in a sensory room is used by autistic students.
The device changes color corresponding to the student’s distance.
Fall Lights is a sensory room device and a game designed to help autistic students with their studies. The video shows how the student interacts with the device.
Starting (10/2013) I worked as an intern at E-ISG Asset Management/ E-ISG Asset Intelligence providing ux support to app and website development.
I created a timeline, gathered requirements, created user stories, did market research, site maps, heuristic eval, wireframes, low and high fidelity mockups of an online getting started wizard application that enters the information in the eQuip! mobile app.
The bottom mockups I created a timeline, gathered requirements, did market research, created user stories, a user flow, wireframes, and low and high fidelity prototypes. I also coding some pages in Wordpress using HTML5, CSS3, Javascript, and jQuery.
Wireframe layout for the Getting Started Wizard for Asset Management
Wireframe layout for the Getting Started Wizard for Asset Management
Landing page for the Getting Started Wizard
Asset Import Template page for the Getting Started Wizard
Enter Sites page for the Getting Started Wizard
Completed confirmation page for the Getting Started Wizard
An error message is if the user needs to return to a page and correct the information provided
Sign-up for Equip an Asset Management Tool
Fashion Computing
When shopping, the vision-impaired need clothing-related information, such as color, item, size, price, store, and washing instructions. The mobile app wireframe will read barcodes, QR codes on the clothing tags, and information gathered from a picture of the clothing item. The user can give and get clothing feedback by selecting the "Feedback Exchange" button. I used Figma for the screens.
Login Page
Camera and Tag Reader
Giving Clothing Feedback (top of page)
Giving Clothing Feedback (bottom of page)
Loading Receiving Feedback From User
User Receiving Feedback
Menu
Video navigating the “Fashion for the Blind” app.
Market Research: TapTapSee app, Seeing AI app, and Two Blind Brothers website
Market Research: Making Fashion Accessible for People with Vision Impairments (research paper), Be My Eyes app
Market Research: Fashioneyesta blog
Personas
Crazy 8s
Stories and Flows 1
Stories and Flows 2
Stories and Flows 3
Usability Testing
Usability Testing Results