Git Product home page Git Product logo

ads-design's Introduction

ADS RFQ Pool Two Design

Prototype URL

Pool Two Repository on GitHub

Product Backlog on Trello

Product Vision

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.

Documentation Guide

  1. Summary of Approach: README.md (this file)
  2. Labor Categories and LOE: TBD
  3. Usability Testing and Results: TBD
  4. Design Style Tile: TBD
  5. Design Techniques Used: TBD
  6. Technologies Used: TBD
  7. Prototype Creation Process Documentation: TBD

Summary of Approach

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.

Deliverables

  1. Write a brief description, no greater than 750 words, of the approach used to create the working prototype.
  2. Evidence of Playbook: Demonstrate that they followed the U.S. Digital Services Playbook by providing evidence in the repository.
  3. assigned one leader and gave that person authority and responsibility and held that person accountable for the quality of the prototype submitted
  4. 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.
  5. understand what people need, by including people (anyone not directly involved in the design or development of the prototype) in the prototype design process
  6. used at least three “human-centered design” techniques or tools
  7. created or used a design style guide and/or a pattern library
  8. 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
  9. performed usability tests with people
  10. used an interactive approach, where feedback informed subsequent work or versions of the prototype
  11. created a prototype that works on multiple devices and presents a responsive design
  12. provided sufficient documentation to install and run their prototype on another machine
  13. prototype and underlying platforms used to create and run the prototype are openly licensed and free of charge

Supporting Documentation

  1. Photographs:
  2. Screenshots:
  3. Mockups:
  4. Notes:

Design/Development 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

ads-design's People

Contributors

dsolanopsi avatar lobsterrobster avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.