Mobile App UI Library
Objectives
Across all our mobile apps, there are common screens and workflows with a lot of redundant and inconsistent design and development from scratch. The creation of a UI library of commonly shared components and design standards and guidelines would enable the following:
Improve developer experience and ease of development
Create a consistent look and feel of UIs for all apps
Defined process for updating User Experience of apps.
Develop common UI library to ensure consistency of all apps
Could potentially be a valuable upstream project in and of itself to create mobile fintech apps
Deliverables
Ultimately the UI library will consist of the following components:
Common UI library
UI Designs
UI Guidelines/Standards
UX Documentation
other scope for common error messages, elements.
Open Banking Fintech App can be used as a reference implementation of UI library
Process
Resources
Current Designs
Design Standards
Other Designs
Mobile Banking (Mexico Bank Example): Mobile Banking - Mexico Bank Example.pptx
Mobile Banking (Mifos Example): Mobile Banking - Mifos Example.pptx
Mobile Wallet (PDF): Mobile Wallet.pdf
Mobile Wallet (Figma File): Mobile Wallet (Mifos Editable).fig
External Components to be Leveraged
Research into external libraries and components that can be utilized can be included here.