Multi-device support

EchoPastel supports annotations on desktop and mobile, allowing you to test your interfaces and collect feedback on all types of devices.

Overview

EchoPastel's multi-device support allows you to:

• Test on desktop: Annotate your websites on computer
• Test on mobile: Annotate your websites on smartphone and tablet
• Compare experiences: See differences between desktop and mobile versions
• Collect complete feedback: Get feedback on all types of devices

Desktop usage

Supported browsers

EchoPastel works on all modern browsers:

• ✅ Chrome: Full support
• ✅ Firefox: Full support
• ✅ Safari: Full support
• ✅ Edge: Full support

Desktop features

On desktop, you benefit from:

• Cursor precision: Precise annotation placement with the mouse
• Full keyboard: Fast typing with the keyboard
• Large screen: Overview of the page
• Advanced tools: Access to all features

Mobile usage

Supported devices

EchoPastel works on:

• ✅ iPhone: iOS 12 and above
• ✅ iPad: All recent versions
• ✅ Android: Android 8 and above
• ✅ Tablets: All formats

Mobile features

On mobile, you can:

• Annotate with your finger: Touch elements to annotate them
• Test touch interactions: Verify that your interfaces work well with touch
• See the mobile version: Test directly the responsive version of your site
• Collect mobile feedback: Get feedback specific to the mobile experience

Switch devices

Device selector

In EchoPastel's interface, you can switch devices:

1. Open your Echo
2. Use the device selector in the controls
3. Choose between:
   • Desktop: Computer version
   • Mobile: Smartphone version

Preview

When you switch devices:

• The page reloads with the corresponding version
• Existing annotations remain visible
• You can add new annotations for this version

Annotations by device

Device-specific annotations

Annotations are associated with the device on which they were created:

• An annotation created on desktop appears only in desktop mode
• An annotation created on mobile appears only in mobile mode

This allows you to:

• Separate feedback by device type
• Identify device-specific problems
• Organize feedback clearly

View all annotations

You can see all annotations (desktop and mobile) in:

• The annotation list: All annotations are listed
• The device filter: Filter to see only desktop or mobile
• Statistics: See the number of annotations per device

Best practices

Test on both devices

For complete coverage:

1. Start with desktop: Test the computer version
2. Switch to mobile: Test the smartphone version
3. Compare experiences: Identify differences
4. Collect feedback: Get feedback on both versions

Identify device-specific problems

Some problems are only visible on one device type:

• Responsive problems: Only visible on mobile
• Performance problems: May differ between devices
• Interaction problems: Different between mouse and touch

Involve users

Invite your users to test on:

• Their own devices: For a realistic experience
• Different browsers: To cover all cases
• Different screen sizes: To test responsive design

Responsive design

Responsive testing

EchoPastel helps you test responsive design:

• See the mobile version: Test directly the responsive version
• Identify problems: Find elements that don't adapt well
• Collect feedback: Get feedback on mobile adaptation

Annotations on responsive elements

Annotations work even on:

• Elements that change position: The fingerprint system finds them
• Elements that change size: Relative position is preserved
• Elements that appear/disappear: Orphaned annotations are handled

Statistics by device

Overview

EchoPastel shows you statistics by device:

• Number of annotations: How many annotations on each device
• Active annotations: Resolved vs unresolved annotations
• Orphaned annotations: Annotations whose element no longer exists

Analysis

Use these statistics to:

• Identify problems: See where feedback is concentrated
• Prioritize fixes: Focus on the most problematic devices
• Measure improvement: Track the evolution of feedback

Next steps

• Discover the fingerprint system - Understand how annotations remain attached
• Learn annotations - Master all features
• Collaborate effectively - Share your feedback with your team