Matching Items (2)

Filtering by

Clear all filters

134551-Thumbnail Image.png

Accessible Web Applications in React

Description

This project explores how web applications can structure their User Interfaces to best accommodate their users who may not be able to use standard input devices like a mouse and keyboard, or differentiate subtle color differences in text, or who

This project explores how web applications can structure their User Interfaces to best accommodate their users who may not be able to use standard input devices like a mouse and keyboard, or differentiate subtle color differences in text, or who may be overwhelmed with heavy animation or auto-play videos. This project serves as a proof-of-concept of an accessible Virtual Learning Environment to be used by students of online classes, particularly at younger grade levels. It is a functional application that handles user login, lecture presentations and materials, and quizzes. The development of the front-end is done through the React JS library, an open source library from Facebook used for building UIs. This project finds that React has strong capabilities of building accessible UIs that is consistent with modern accessibility web standards. As React is one of the most popular emerging JavaScript libraries that is already being incorporated to large-scale web pages and applications, this project hopes to inform other developers on some of the tools and techniques that can make their work accessible to all users.

Contributors

Agent

Created

Date Created
2017-05

134492-Thumbnail Image.png

Eating Smart: Getting the Most Amount of Food

Description

Cravingz is a web-based application that allows users to learn the maximum number of food items that they can purchase at a restaurant within a defined personal budget. We created two versions of this web-based application and asked 40 users

Cravingz is a web-based application that allows users to learn the maximum number of food items that they can purchase at a restaurant within a defined personal budget. We created two versions of this web-based application and asked 40 users to perform an A/B test to determine which version provides the best user experience in terms of efficiency and performance. Users who participated in this study completed a set of tasks to test these applications. Our findings demonstrate that users prefer a web application that does not require them to input data repeatedly to view combinations for multiple restaurants. Although the version which required reentry of data was more visually-pleasing, users preferred the version in which inputting data was a one-time task.

Contributors

Agent

Created

Date Created
2017-05