For people who want to find over-the-counter medications free of certain ingredients for themselves or their family. SHIELD is a simple and responsive web app that allows people to quickly and easily see if a product has an ingredient they're allergic to, or find alternatives that are safe to use.
- Summary of Approach: README.md (this file)
- Labor Categories and LOE: TBD
- Usability Testing and Results: TBD
- Design Style Tile: TBD
- Design Techniques Used: TBD
- Technologies Used: TBD
- Prototype Creation Process Documentation: TBD
The first step in the creation of this prototype was an analysis of the available data sets from the FDA API, to understand the scope of problems a prototype could solve. We wrote out a set of possible user scenarios, then chose a leader who wrote out an initial product vision statement based on the most viable scenarios. Using Trello, we set up a simple Kanban board to track deliverables, and a design backlog of potential user stories for each major scenario.
Over the course of the project, we continually revised our user stories based on our scenarios for upcoming usability tests, the capabilities of our data set and tools, and our available bandwidth. We used whiteboards to iterate quickly on our target users, screen and data flow, wireframes, choice of technologies, and any outstanding issues discussed at the daily standup/grooming meetings. Each user-facing story was written with acceptance tests and sample API queries, and was prioritized to support the milestones needed for effective user testing.
The development of the prototype was carried out using open-source or freely available tools and technologies: [INSERT TECH BLURB HERE] Usability testing was conducted with GoToMeeting Free to broadcast testing sessions for remote note-taking. Digital wireframes were created in Balsamiq, but stored in the repository and used as references for prototype development in PDF format, since Balsamiq is not a free tool.
- Write a brief description, no greater than 750 words, of the approach used to create the working prototype.
- Evidence of Playbook: Demonstrate that they followed the U.S. Digital Services Playbook by providing evidence in the repository.
- assigned one leader and gave that person authority and responsibility and held that person accountable for the quality of the prototype submitted
- assembled a multidisciplinary and collaborative team that includes at a minimum three of the labor categories limited to the Design Pool Labor categories to design the prototype as quoted in Attachment C. The quoter’s proposed mix of labor categories and level of effort for its working prototype, as reflected in Attachment C, shall be evaluated to assess the quoter’s understanding and capability to supply agile delivery services.
- understand what people need, by including people (anyone not directly involved in the design or development of the prototype) in the prototype design process
- used at least three “human-centered design” techniques or tools
- created or used a design style guide and/or a pattern library
- used at least three modern (released, created, initiated or finalized in the last 5 years) and open source frontend or client side (executed within a user-agent, e.g. web browser) web technologies
- performed usability tests with people
- used an interactive approach, where feedback informed subsequent work or versions of the prototype
- created a prototype that works on multiple devices and presents a responsive design
- provided sufficient documentation to install and run their prototype on another machine
- prototype and underlying platforms used to create and run the prototype are openly licensed and free of charge
- Photographs:
- Screenshots:
- Mockups:
- Notes:
Daily standup meeting 6/22/15:
- Decision about single-page/multi-page application
- Basic user needs can be supported in either approach
- Single-page avoids some development overhead
- Multi-page allows flows to be developed more flexibly
- Current flows are not solid, heavily dependent on technical limitations + results of usability sessions
- Therefore, going with a multi-page system
- Discussed current work
- Limitations of FDA API: no ability to query possible values for fields directly, noisy data, no disambiguation support natively
- Hooking up initial search results for a basic prototype, in order to support user feedback and testing
- Infrastructure continues to be built out
- Initial wireframes for the prototype and system flow given above information
- Query construction for future queries