I viewed requirements and gathered from 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) https://gsa.github.io/sam-web-design-standards/ (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 that display contract awards for government and small businesses. I also took part in an SAFe Agile process.
Accessibility: I was in charge of making sure all wireframes and the Dev environment was following WCAG 2.0.
1. Designed wireframes, demoed them to UX team, the IAM team, and the Stakeholders. I used the feedback to update the wireframes.
2. Designed wireframes in an iterative process.
3. There was paper prototype and component testing within the teams.
1. Created four groupings for content which describes the steps for users to sign up.
2. After user-testing it was determined users do not like providing their business or personal phone number. This option was taken out of the form.
3. I made sure there was no horizontal scrolling, there was autotabbing added (for accessibility reasons), labels and buttons were clear to the users.
4. Inline validation (as seen above) and error messages were added. The text field border will highlight to green if correct, and red if it’s wrong. The “Password’s must” section would give green checkmarks if correct, and red x’s if wrong.
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.
The World Bank
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, user journey maps, and a sitemap.
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.
Report Dashboard for standard Excel health charts and a fixed left-hand menu.
Johns Hopkins University APL
I worked as an Usability Expert for Adecco at JHU APL, doing User Experience work with APL's internal websites and secure Virtual Machines. The work covered systems planning, analysis, design, and implementation. Work such as: creating UX workload timelines, gathering requirements, creating user stories, site maps, user flows, performing content analysis, creating wireframes, designing/implementing low and high fidelity mockups, performing user testing, and heuristics evaluations.
The first 4 documents below are a piece of a larger project for the APL Cloud User Guide. I performed an Heuristic Evaluation to create the final interactive PDF.
In the last screenshot, I used Axure to create the interactive newsletter for APL. The interactive mockup was also mobile friendly.
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.
Mock Up Idea
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.
Mobile App Diatonic Beat
The mobile phone app, allows a user to find information about a band by taking a band poster’s photograph. Our team interviewed and observed participants, who performed sample tasks with two prototypes. They suggested design changes and improvements to the application. Design changes were made to the chosen prototype, which was Diatonic Beat, designed by me.
MOIT Asset Management
I created a low fidelity user interface, which was designed for MOIT Asset Management Database. My team and I created a system's analysis for MOIT as a project in Systems Analysis and Design class:
Project Deliverables: Project Proposals Requirements Documents and Use Cases Process Modeling Data Modeling Design/Architectural Design System Design
Team: Jennifer Beser, Rashmi Deshpande, Ankita Shrivastava, and Yusi Zhou
Sensory Room Device
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.
Sensory Room Device
My Toolbox Mockup Idea
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.
Garage Sales app
1. Buyers can know the date and time of a Garage Sale
2. A user can set up date and time for their Garage Sale
3. Can receive bids or hold an item
4. Users can see and post (on their own garage sale page) a status of an item
5. Users can post inventory and favorite other users inventory.
6. Buyers can search Garage Sale locations and items and be directed to user profiles.
7. Maps and locations are provided
8. Can take pictures of inventory
9. Can message users holding a Garage Sale
Users: Estimated 20-50 age group. Occupation: any.
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 its valuable data in the creation of personas. I had setup a card sorting activity to choose the best menu options and recieved 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.