Web upload UX sample and recommendations section
- Almir Selimagic
This section presents recommended UX design samples, showcasing practical options for implementing the Gini Pay API. Explore the examples below to see how you might integrate user-friendly interfaces, simplify workflows, and enhance the overall user experience.
Step-by-step Process:
Scan & Preparation
Documents are uploaded through either Smart Web Upload or the Capture SDK, and initially processed for optimal readability.Optical Character Recognition (OCR)
The prepared documents are analyzed using OCR technology, converting images of text into machine-readable data.Data Extraction & Quality Check
Relevant information (such as invoice numbers and totals) is accurately extracted and validated. The extracted data is structured into an XML file.Transmission to Endpoint
Structured data is sent directly to endpoints such as:Banking Apps (e.g., enabling a “Pay Now” functionality)
Submission Folders
Input Management Systems
Example Implementation: Easy and Automatic Payment Data Entry
This example demonstrates a user-friendly interface allowing quick and automated entry of payment information. Users have the flexibility to choose from multiple options:
Drag-and-drop PDF: Simply drag the PDF document directly into the designated area.
Upload PDF: Easily select and upload PDF files from your device.
Copy and Paste: Directly copy data and paste it into the system for instant processing.
Key Benefits:
Enhanced User Experience: Quick, intuitive interaction reduces manual effort.
Flexibility: Multiple options cater to different user preferences and workflows.
Efficiency: Automating data extraction significantly reduces input errors and processing time, enhancing accuracy and reliability.
This implementation makes payment handling straightforward and efficient, streamlining your document payment processes.
This video demonstrates a seamless user experience for uploading payment documents into the banking web upload system. Users effortlessly drag and drop PDF files, quickly preview the extracted payment details, and confirm the accuracy with minimal clicks. The interface streamlines data extraction, significantly simplifying the payment data entry process.
