
Time Bank Project
Time Bank Project
The Time Bank project is funded HKD$4M Innovation and Technology Fund (ITF) and led by professor Reynold CK Cheng from the year 2019 to 2021. This award-winning product is an online service utilising the technology of heterogeneous intelligence network (HIN).
Skill demonstrated
Research
UX Design
UI Design
Duration
Award
2019
Gold Award (Student Group)
The Hong Kong Game Development Association
2019
Best Music Award
The Hong Kong Game Development Association
2018
Best Student Work Nomination
China indie Game Alliance
About the service
This project serves mainly the elderly and the supporting NGOs by offering the platform of a reciprocity helping network. The heterogeneous information network (HIN) platform performs automatic matching algorithms to prioritise suitable recommendations from the pool for the elderly raising a specific request of requirement in a faster and better way.
Video
Videos
Feature
Playlist
Game Prototype
Other Deliverables
Media Coverage
設計簡單又美觀,而且功能好強大,我們也看到很多細心的考慮。能設想這應用程式推出後,可以改善服務配對,大幅減省同事使用電話口頭動員配對的功夫。更可以持續調整後台設置,使系統更吻合老友記的特性。
Leung King Sang 梁敬生
Leung King Sang 梁敬生
設計簡單又美觀,而且功能好強大,我們也看到很多細心的考慮。能設想這應用程式推出後,可以改善服務配對,大幅減省同事使用電話口頭動員配對的功夫。更可以持續調整後台設置,使系統更吻合老友記的特性。
Leung King Sang 梁敬生
Leung King Sang 梁敬生
Development Document


Case Study
Background
Considering that the people nearing retirement could still participate in a wide range of activities, this application aims to help the supporting NGOs move their daily SOP from manual to data-driven model by fostering a reciprocity-based, work trading network among the elderly.
<text-colour-orange>My process<text-colour-orange></text-colour-orange></text-colour-orange>

Keywords
Elderly Design
Information Ontology
Time Bank
Work-trading
Research Questions
Research Methods
Observation
Reference materials for Observation
Findings
<text-colour-orange>Pain points of the staff and senior users<text-colour-orange></text-colour-orange></text-colour-orange>
There was a preliminary version of the application available before me being one of the team. The statistic shows that the elderly still rely much on the old way of seeking help - ringing the staff; the staff remains using pen-and-paper for the management work.
<text-colour-orange>Senior users' pain points<text-colour-orange></text-colour-orange></text-colour-orange>

- <text-colour-orange>Vision impairment<text-colour-orange> </text-colour-orange></text-colour-orange>
The senior users often pull themselves too close or too far to the screen to read more clearly. - <text-colour-orange>Learning difficulties<text-colour-orange></text-colour-orange></text-colour-orange>
Few applications consider lowering the learning curve for the non-tech elderly users who are not their target users. The elderly often find the steps difficult to memorise and perform. - <text-colour-orange>Cognitive difficulties<text-colour-orange> </text-colour-orange></text-colour-orange>
Comprehension towards same set of icons could be difficult for them. - <text-colour-orange>Poor gesture performance <text-colour-orange></text-colour-orange></text-colour-orange>
Failure of performing specific hand gestures makes them feel confused and frustrated.
<text-colour-orange>Staff's pain points<text-colour-orange></text-colour-orange></text-colour-orange>

The existing application could only support simple request handling - posting, accepting and declining a request.
The staff would still need to take care of:
- <text-colour-orange>Account management<text-colour-orange> </text-colour-orange></text-colour-orange>
Profile, scores, records... - <text-colour-orange>Helper matching & prioritisation<text-colour-orange> </text-colour-orange></text-colour-orange>
Candidate's availability/ skill set/ age... - <text-colour-orange>Requests management<text-colour-orange> </text-colour-orange></text-colour-orange>
Changes, deadlines, cancelation... - <text-colour-orange>Follow-up actions<text-colour-orange></text-colour-orange></text-colour-orange>
Settling dispute, changing scores... - <text-colour-orange>Data analysis<text-colour-orange></text-colour-orange></text-colour-orange>
Active users, use rate...
While the existing products could not help much, the elderly prefer directly contacting the staff, making the staff handles almost every case manually with pen-and-paper. Not only the workload is huge, rigid and repetitive, the lack of a data management system also hinds the data accuracy for analysis in long-run.
<text-colour-orange>Identifying the problems<text-colour-orange></text-colour-orange></text-colour-orange>

- <text-colour-orange>The senior user reluctancy<text-colour-orange> </text-colour-orange></text-colour-orange>
Due to the frustration and pain points they encountered using the application, more than 96% their daily requests end up being handled by the staff manually. - <text-colour-orange>Little support from existing products<text-colour-orange></text-colour-orange></text-colour-orange>
These tools, which were gifts given by the companies, have their original purposes and target users and therefore not customisable and have 0 linkage to the NGO's database. - <text-colour-orange>Insufficient manpower<text-colour-orange> </text-colour-orange></text-colour-orange>
More than 80% of the staff effort goes to manually inputting, cross-checking and managing repetitive data and the situation gets worse as the user community grows. - <text-colour-orange>Lack of data management system<text-colour-orange> </text-colour-orange></text-colour-orange>
Over 60% of the workload can be possibly be automated, leaving more time and capability for the staff to handle non-routine incidents and hence to improve the service quality and user experience for the senior.
Reference materials for Research
Insight
<text-colour-orange>Analyzing behavior & experiences<text-colour-orange></text-colour-orange></text-colour-orange>
I created a swimlane diagram to illustrate journey maps of different stakeholders in sequence. This diagram helps me get an in-depth knowledges about the senior users and the staff, their tasks and time spent at different stages throughout the standard operation procedure (SOP).

<text-colour-orange>Framing the problems<text-colour-orange></text-colour-orange></text-colour-orange>
The major problems and needs are listed as follows:
- The preliminary version of the Time Bank mobile application was not elderly-friendly and therefore frustrated the users and lowered the successful rate of placing an online request (on their own).
- The low successful rate of the elderly placing an online request also creates extra workload for the staff.
- The feasibly-automated procedures take up at least 80% of the manually-handling time.
- The long manually-handling time lowers the successful matching rate for a request.
- The staff needs flexibility in the automated process to solve any non-routine situations at any point.
Design Goals

- <text-colour-orange>Raising elderly user involvement<text-colour-orange> </text-colour-orange></text-colour-orange>
Intuitive and elderly-friendly design can help encourage them to self-helping with the mobile application. - <text-colour-orange>Simplified SOP & management<text-colour-orange> </text-colour-orange></text-colour-orange>
Feasible with automation in repetitive routine procedure. - <text-colour-orange>Faster & better match<text-colour-orange> </text-colour-orange></text-colour-orange>
Feasible with the support of HIN intelligence. - <text-colour-orange>Improved data accuracy<text-colour-orange></text-colour-orange></text-colour-orange>
Automation reduces human mistakes. - <text-colour-orange>Enhanced data analysis efficiency<text-colour-orange></text-colour-orange></text-colour-orange>
Empowered by algorithms and a variety of report generation.
Design Process
Design Decisions
Mechanics
<text-colour-orange>User flow design<text-colour-orange></text-colour-orange></text-colour-orange>
Learning the goals and design principles of the application, Jessie and I designed this user flow. pdf for our users to understand more easily so as to ensure every procedure and routine condition is included.

<text-colour-orange>Wireframing & Prototype<text-colour-orange></text-colour-orange></text-colour-orange>
Jessie and I created the following wireframing for both the mobile application and web-portal.
Mobile application:
Web-portal:
<text-colour-orange>Remapping user journey<text-colour-orange></text-colour-orange></text-colour-orange>
I have remapped the elderly and staff journey as follow. The green container indicates the procedure being automated; the green path shows the path ran or triggered by the Time Bank application. The manual workload for staff is greatly reduced and shifted to the Time Bank application, meaning <text-colour-orange>more handling capacity, faster response rate, higher matching and hit rate. <text-colour-orange></text-colour-orange></text-colour-orange>

Level Design
Challenges
Iterations
Reflection
Additional Discussion
Aspects which are not covered in this break-down but could be worth discussing in person.
- User training
- Elderly design tactics
- Version control
Interested in working together on a project?
Go ahead, I'd love to connect with you.