[ECO Bounty] ioPay Mobile App - "Tips" Modal Missing Visual Assets & Design Polish

App: ioPay Mobile Wallet (Android)
Version: v5.1.0 (Build 3963) - visible in screenshot
Severity: Low-Medium (UI/UX Polish)

Description: The "Tips" modal/dialog that appears when attempting restricted actions on a watch-only wallet is visually incomplete. It displays as a plain text box without any accompanying icon, warning symbol, or branded visual element, resulting in a jarring user experience that appears unfinished compared to other app screens.

Steps to Reproduce:

  1. Open ioPay app (v5.1.0)

  2. Navigate to a watch-only wallet (imported address without private key)

  3. Attempt to execute an action requiring signing (Backup)

  4. Observe the "Tips" warning modal that appears

Current Issues:

  1. Missing Icon/Image: The modal has no visual indicator (no warning icon, info icon, or illustration) to immediately convey the nature of the message

  2. Plain Design: Appears as a simple dark rectangle with basic text β€” inconsistent with the app's otherwise polished card-based UI design

  3. Generic Title: Uses generic "Tips" heading instead of more descriptive "Watch Address" or "Action Unavailable"

  4. Alignment: Modal appears slightly off-center or inconsistent with standard iOS/Android dialog patterns

Expected Result:

  • Visual Indicator: Include a warning/info icon (e.g., eye icon for "watch only" or alert triangle) at the top of the modal

  • Enhanced Styling: Use consistent card design with proper padding, rounded corners, and brand color accents

  • Better Copy: Change title from generic "Tips" to "Watch Address Restricted" or similar

  • Iconography: Consider adding the watch-only icon (eye symbol) to reinforce the wallet type

Environment:

  • Device: Android Mobile

  • App Version: v5.1.0 (3963)

  • Screen: Wallet settings/management interface

Suggested Fix:

  1. Add a 48-64px icon at the top of the modal (warning or eye/watch icon)

  2. Apply consistent shadow/elevation styling matching other modals in the app

  3. Update title to be more descriptive of the restriction

  4. Ensure proper padding and text alignment per Material Design 3 or iOS Human Interface Guidelines

Screenshot Evidence:

  • Modal shows: Title "Tips" + message text + "Close" button only

  • No visual hierarchy or iconography present

  • Arrow indicates the plain header area where an icon should be

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
πŸ’‘

New Issue

Date

2 months ago

Author

cryptotestnet

Subscribe to post

Get notified by email when there are changes.