Interface Overview - User Manual

Design Philosophy: Zen and Minimalism 🍃

MononoMori’s interface is designed with a “Digital Zen” theme. Stripping away unnecessary decorations, it’s built so your content (Items and Spaces) takes center stage.

Home Screen (Forest) 🌲

This is the main screen you see when you start the app.

Main Area: Displays your Spaces (Woodlands). You can switch between Map View and List View.
Top Bar: Search button, View switch button.
Bottom Bar: Main navigation tab.

Bottom Tab Bar 🧭

The control panel located at the bottom of the screen.

🌲 Forest (Home): Manage Spaces and Locations. The origin of everything.
📦 Items: All items list. Search, sort, and browse by category.
🌙 Memory: The “Memory Forest”. A place to look back on items you’ve parted with. A collection of records and memories.
⚙️ Settings: App preferences, data management, help, etc.

Floating Action Button (FAB) ➕

The plus button located at the bottom center (or right) is the magical entrance to all creations.

Short Tap: Shows the menu to add new items, locations, or spaces suitable for the current context.
AI Scan (Pro): Launch the camera to automatically identify and register items using AI.

Item Detail Screen 📄

The screen displayed when you tap an item card.

Hero Image: A large display of the item’s photo.
Properties: Information like name, category, quantity, location path.
Story: A memo field to record memories or purchase notes.
History: A timeline recording when it was created, moved, etc.
Action Menu: Edit, Move, Clone, and the “Parting Ritual”.

Visual Feedback ✨

Haptic Feedback: Subtle vibrations transmit the sensation of operations (like moving items).
Smooth Animation: Transitions between screens are seamless, preventing you from getting lost.
Dynamic Type: Text size automatically adjusts to your device settings for readability.

Dark Mode 🌙

MononoMori fully supports system-wide Dark Mode.

Day: Clean white and soft green, evoking sunlight filtering through trees.
Night: Deep blue and phosphorescent colors, evoking a fantastic forest at night.

It automatically switches according to your device settings, but you can also fix it in Settings > Appearance.

Accessibility ♿️

VoiceOver: All elements are set up with proper labels for reading aloud.
Color Contrast: Designed with color combinations that are easy to distinguish.
Reduce Motion: Respects settings to reduce screen movement.

🌐 Multi-language Interface

Full localization of interface elements
Layout support for RTL (Right-to-Left) languages
Culturally sensitive icons and color choices

Performance Optimization ⚡

Fluid Experience

60fps scrolling and animations
Smart preloading of important data
Background refresh and data sync
Memory usage optimization

Storage Management

Smart image compression
Incremental data updates
Automatic cache cleaning
Offline data support

Mastering this interface knowledge will allow you to fully utilize all of MononoMori’s features and enjoy an efficient and beautiful item management experience! 🌲✨

Page Overview