Skip to content

Enhancement: Improve share UX for iOS and Android #74

@renderghost

Description

@renderghost

Description

Enhance profile sharing to follow iOS and Android native sharing conventions and improve mobile UX.

Current Issues

  • Generic web sharing may not feel native on mobile
  • Missing platform-specific share features
  • Could better leverage mobile OS capabilities

Proposed Improvements

iOS

  • Use Web Share API with fallback
  • Support iOS share sheet integration
  • Add to Home Screen prompt for PWA
  • Share with proper preview (Open Graph)

Android

  • Web Share API support
  • Android share sheet integration
  • Install banner for PWA
  • Proper share target registration

Cross-Platform

  • Copy link button with toast confirmation
  • QR code for easy profile sharing (already implemented)
  • Share via email/SMS/social apps
  • Share text includes profile name and URL

Implementation

  1. Detect platform (iOS/Android/Desktop)
  2. Use Web Share API where supported:
    navigator.share({
      title: 'Name - Lanyards',
      text: 'Check out my research profile',
      url: window.location.href
    })
  3. Fallback to custom share modal
  4. Add native-feeling animations and feedback

Benefits

  • Better mobile user experience
  • Increased profile sharing
  • Platform-appropriate behavior
  • More engagement and discovery

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions