What is One UI?

One UI is Samsung's custom Android interface designed to create a more intuitive and cohesive user experience across Samsung devices. At ECOIN Wallet, we've embraced One UI 6's design principles to create a wallet that feels natural and familiar to users, especially those accustomed to Samsung's ecosystem.

And the best part? Even if you don't own a Samsung device, our app lets you experience a taste of One UI, bringing the same fluidity, organization, and visual comfort to any Android smartphone.

Basic layout

1. Better reachability

Following One UI's philosophy, One UI screen are designed to consider user movements and allow intuitive, easy use. The top part of the screen is the viewing area where titles appear. The rest of the screen is the interaction area,user actions occur.

• Viewing area: The viewing area mainly contains content that users simply look at without any interaction. Components that require touch interaction are avoided here. It has wide margins to give the user the impression of open space. This also provides a natural connection between a user's eyes and the flow of action through the margin contrast with the interaction area.
• Interaction area: Place frequently used by components, such as recicler view, buttons and navigation buttons (e.g., tabs), and arrange dialogs that require user actions at the bottom of the screen, making them easily reachable with one hand as it colapses and expand scrolling up and down.

2. Typography System

We use "One UI Sans" as the primary typeface for One UI throughout the app. This geometric sans-serif font is designed for optimal readability, offering a modern, clean, and contemporary look. Carefully selected sizes and weights ensure a balanced and visually appealing text hierarchy

3. Color System

Our color palette follows One UI's guidelines:

• Primary colors: Purple theme inspired by ECOIN's identity
• System colors: For notifications and status indicators
• Neutral colors: For text and backgrounds

Key Features Implementation

1. Themes

ECOIN Wallet supports One UI's theming capabilities:

• • Dynamic color adaptation based on wallpaper (Android 12+): ECOIN Wallet fully leverages Android’s theming feature, introduced with Android 12 (API level 31), to offer a dynamic color experience. The app’s color scheme automatically adjusts to match your system’s color palette, ensuring a seamless and consistent look across your device.
• • Custom ECOIN purple theme: Inspired by Ecoin’s identity, the Purple Theme brings a unique and vibrant aesthetic to your wallet experience. This theme celebrates the core colors of Ecoin, offering a visually striking yet functional interface. Designed to provide an engaging and personalized experience, it enhances the way you navigate your wallet, all while maintaining a sleek and modern look.
• • Dark / light mode: The contrast between text and background must be high enough to ensure good readability. Similarly, the contrast between backgrounds and focus blocks should be subtle enough to maintain a visually comfortable experience. Dark mode offers particular advantages, especially at night. When enabled, backgrounds, menus, and other UI elements turn black or dark gray to reduce glare and eye strain. Additionally, on devices with OLED or AMOLED displays, a 100% black background can help conserve battery life.

2. Navigation Patterns

We follow One UI's intuitive navigation patterns:

• • Predictive back gesture support (Android 13+)
• • Bottom navigation for main sections
• • App bar menu buttons
• • Hambuguer menu

3. Components

Our UI components are built following One UI guidelines:

• • Rounded Cards with (26dp radius)
• • Bottom sheets for additional options
• • Toast messages
• • Alert dialogs
• • DrawerLayout
• • Buttons
• • FrameLayout, ToolbarLayout
• • Related Cards for extra content at bottom

Animations and Haptics

1. Smooth Transitions

We integrate One UI’s 6 motion principles to ensure natural, fluid transitions between screens and states. These animations create a seamless and intuitive experience, reducing abrupt changes and making navigation feel effortless.

2. Haptic Feedback

Haptics enhance touch interactions by providing intuitive and satisfying tactile feedback. Refined and precise haptic responses prevent overstimulation, delivering a subtle yet distinct clicking sensation when interacting with the screen. Additionally, haptics can provide distinct vibration patterns to indicate different outcomes—such as a gentle pulse for success, a sharper buzz for rejection, and a smooth transition for navigation—creating a more immersive and responsive user experience.

Future Developments

As Samsung continues to evolve One UI, ECOIN Wallet remains committed to implementing the latest design guidelines and features. We're actively working on:

• • Enhanced Material Design for a more intuitive experience
• • Improved support for tablets and foldable devices
• • New One UI 7.0, the latest version from Samsung