This project was my final project/disertation at University. The title of the project was “An investigation into whether Progressive Web Apps improve the User Experience of Ecommerce Mobile Websites” and I received a grade of 81% helping me get a First Class degree in Digital Media Technologies at the University of Greenwich.
UX Designer and Developer
Progressive web app prototype for a ecommerce grocery store and first class dissertation result
Progressive Web App
This website implements Google’s Progressive Web App user experience which allows for offline usage, fast load times even on slow networks, HTTPS for a secure connection and a “Add to Homescreen” prompt allowing for a native application UX once installed. When tested with the Google Lighthouse Audit it scores a perfect 12/12 score.
Prototyping and Design
Before development both low fidelity and high fidelity prototypes were created using Adobe XD. The low fidelity prototypes are in the form of wireframes which allowed for rapid prototyping and important decisions relating to grid structures, information architecture and responsive web design to be made.
The high fidelity prototype helped as a guide for development as well as making decisions such as colour and branding as well as images and final placement of information.
First off the PWA is fully responsive with a responsive Bootstrap grid used on all pages and responsive images that fit better on mobile or desktop. The PWA features include “Add to Homescreen” allowing for a native application like experience once installed. A service worker is being utilised for offline usage and fast load times on slow networks. All pages are served over HTTPS to be more secure. In terms of ecommerce features there is a product page, product details pages, a cart and a work PayPal checkout using the sandbox version of PayPal. Additional pages include About, Customer Service and Privacy Notice.
The user evaluation was conducted with the aim of finding out whether PWAs improve the user experience of ecommerce mobile websites. The evaluation was conducted with a user group of 12 students aged between 20 – 25 with a mix of 8 males and 4 females. Each user completed 4 scenarios in a controlled environment with some written guidance, once the users finished the scenarios they had to complete a questionnaire which provided quantitative data to help answer the investigation. The results of the test did show a slight improvement in user experience however as the mobile website was built in the same framework as the PWA and already featured elements such as HTTPS and responsive web design there was not a massive difference. Due to the results and conclusion of the investigation an obvious path for further research and development is to carry out a similar investigation in a country that does not have as good mobile hardware and does not have as good network infrastructure as the UK as the PWA improvements theoretically should be more noticeable.