Desktop/Mobile Hybrid Design

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.

AttachmentSize
DesktopMobileHybridDesign.zip294.58 KB

Comments

This is great Matt. I hoped it might work on WebDirect too, but it doesn't seem to. My buttons stay hidden. I will try a few things , but wondering if you have a solution. It would be nice as I am trying to do Webdirect mobile / desktop layouts as well.