Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Desktop/Mobile Hybrid Design

(0 reviews)
No Access? Watch the preview video here. video-x-generic.pngDesktopMobileDesign_Pre.mp4
Attachment Size
package-x-generic.pngDesktopMobileHybridDesign.zip 294.58 KB
By Matt Petrowsky

More and more these days, we find ourselves jumping back and forth between desktop computers and using our increasingly convenient mobile devices. At least, that’s how it’s been with many of my personal FileMaker projects./Users/matt/Desktop/filemaker-desktop-mobile-design.png

While designing for each target device, in an ideal world, is a luxury we’d like to afford, there just isn’t an unlimited supply of time and money.

The solution is to create a hybrid design which will work as well on mobile as it does on desktop. In order to accomplish this, you have to leave some of your “desktop ways” behind and adopt some of the minimalism you find within mobile design.

While FileMaker is adding more and more for the mobile platform, we still have a somewhat limited set of field widgets for interacting with data. At least as it relates to portals and related data. On mobile, a portal typically needs to be scrollable via a finger or thumb flick, yet on desktop we tend to want to enter/edit data quickly because of the tab key and physical keyboard access.

Striking a balance is the goal, and it can certainly be accomplished with the tools we have today. This video is about a common pattern for input of data. It covers a number of tips and tricks about keeping data presentation minimal yet exposing the necessary functionality.

Tags: 


View the full article

0 Comments

Recommended Comments

There are no comments to display.

Important Information

By using this site, you agree to our Terms of Use.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.