Posts tagged “interface”.

PivotBrowser UI demo from DevCon

One of our demo files was featured at the 2012 FileMaker Developer Conference (DevCon), at Bob Shockey’s session “The Design Universe.” During the session folks requested a copy of that file, happily provided here. (Thank you Bruce R. & Kevin F. for the nudge to get this out!)

button_parade_anim To recap, this file shows a UI proof-of-concept using the new button states in FMP12. The general idea was to explore how to streamline complex Finds (that usually are multi-step processes) in a way that was iOS-friendly. I also wanted to see if it made sense to use the same UI on the desktop, to provide a more seamless cross-device experience. To demonstrate one such solution we used a single global field, OnObjectEnter script triggers, and a couple short scripts. [9/13/2012: added a straight button-driven method. ~Lee]

exploring a movie database

exploring a movie database (click image to enlarge)

The use scenario is a casual user browsing a movie database. They don’t quite know what they want to see (no specific find criteria) so they will be using the “browsing” links provided to get ideas. True to mobile’s minimalist style, users interact by clicking (or tapping) directly on the content; the data fields ARE the “buttons” that initiate action. Users click/tap on “action” to see the list of movies with that genre, the director’s name to see a list of his films, etc.

The “pivot” descriptor comes from how a user in discovery mode interacts with a database. After each “find” the user sees different information that may take them in a completely new direction (hence, pivot). The user is rewarded with immediate results, with no extraneous criterion entry or navigation. The inherent difficulty with this more natural approach, however, is in how to construct the UI/UX for multi-criteria and complex (AND/OR/NOT) finds.
Read more… »

Serving the .fp7 MIME type

The Problem:
Clicking an .fp7 file download link on a web page results in a page full of garbage characters.

Mime or MIME?How do you go about sharing your FileMaker Pro files on the web with others? I’m not referring to hosting files on FileMaker Server — I mean giving someone the entire file to use on their computer or mobile device. With the advent of FileMaker Go for the iPad and iPhone, it has become preferable to post files as a straight .fp7 file (without compressing them to a .zip archive container), so that FileMaker Go can recognize and acquire the file directly.

But what’s wrong with this picture, Sparky?
Read more… »

Charting in FileMaker Go for iPad — what’s new in v2

Charting with FileMaker Go on the iPadWeb technologies have added functionality to FileMaker solutions since the Web Viewer layout object was introduced in version 8.5. The web viewer has proven especially useful for displaying Flash-generated charts from FusionCharts, Maani, AnyChart, and others.

FileMaker Pro v11 introduced a built-in chart layout object with 5 basic chart types. Charts suddenly became much easier to implement in FileMaker Pro!

However, with FileMaker Go for iPad and Phone (separate apps) built-in charting is not supported and Apple’s iOS doesn’t run Adobe Flash. The Google Charts API is popular, but for that you must be online.

Luckily, the potential of HTML5 for charting is huge, and the spec that affects charting functions (via the canvas tag) is fairly stable. Read more… »

Autoscaling Behaviors of the FileMaker Pro Chart Object

Ever have a FileMaker Pro chart “mysteriously” change its scale setting on you? Ever wonder how the FileMaker Pro chart object decides to set the y-axis scale? The FileMaker Pro documentation doesn’t provide that level of detail, so following are the behavior “rules” I’ve deduced through experimentation:

Scaling Behavior “Rules”…
(The following assume the y-scale min-max has not been set to static values.)

  • If the spread of values is less than 20%, the y-axis min-max will automatically adjust to show just the top portion of the plot.
  • If the high value is more than 90% of the y-axis max, the chart draws to the next larger grid line (which has its own set of display logic, by the way).
  • If the low value is less than ~14% of the visible scale, the chart draws to the next smaller grid line.

To experiment with settings on variously-sized charts download the demo file.

Happy exploring, and stay savvy!

-Lee

Fun with FileMaker Pro 11 Charts, v1.5

Knowing how to represent data visually often draws upon quite varied skills. A data visualist ideally possesses some of the traits of information architect, graphic designer, mathematician, statistician, web designer, teacher, user interface designer, cognitive psychologist, and storyteller. One could argue that these skills are essential to thriving in our future information-rich society. Until the future arrives, however, we must manage with whatever we have. And one thing we now have is FileMaker Pro 11 Charts! Charting is the feature that will drive a new stage of success.

The demo file explores using the chart object in new ways… Read more… »

FileMaker Go (Charting?!) on the iPad

Charting with FileMaker Go on the iPad[ Update Note: As of Oct 7, 2010 the demo file links return an updated v2 file that was released at DevCon in August. This was discussed in a subsequent blog post, Charting in FileMaker Go for iPad — what’s new in v2 (ChartingWithWebTech.fp7). ]

Web technologies have added functionality to FileMaker solutions since the Web Viewer layout object was introduced in version 8.5. The web viewer has proven especially useful for displaying Flash-generated charts from FusionCharts, Maani, AnyChart, and others.

FileMaker Pro v11 introduced a built-in chart layout object with 5 basic chart types. Charts suddenly became much easier to implement in FileMaker Pro!

However, with FileMaker Go for iPad and Phone (separate apps) built-in charting is not supported and Apple’s iOS doesn’t run Adobe Flash. Sure, you can load static images from the Google charts API into a web viewer — but what is really needed is an interactive and self-sufficient (as in no internet connection required) charting solution.

Luckily, the potential of Read more… »

QuickPost: TechNet charting webinar files

Hi all, here are links to the demo files I’ll be using in today’s webinar. I’ll write these up more properly later.

Fun with FileMaker Charts – SavvyData_ChartFun.fp7
Chart Scaling Behavior – SavvyData_Chart_AutoScale.fp7

Enjoy!

-Lee

Using Autoresize Layout Objects

One of the significant new capabilities in FileMaker Pro 9 is the "auto-resize" feature. We are thrilled with the user interface improvements this functionality makes possible. An added benefit is how auto-resize can reduce development effort, at the very same time.

In prior versions of FileMaker, making a particular layout look good on both small and large monitors meant creating multiple layouts—one for each target screen resolution. Now, however, layout objects can be made to automatically move and/or change size as a user changes the window size. So a single layout can adapt itself on the fly, to perfectly serve various monitor and window configurations.

In addition to providing a richer user experience and streamlining development, auto-resize is easily applied to existing .fp7 solutions, potentially producing huge usability gains for perhaps a half-hour or less of actual work per layout.

Movie: Auto-resize in action

Get QuickTime

Read more… »

Redesigning Layouts to Embrace the New FMP10 Interface

This workshop provides hands-on opportunity to apply suggested tactics for embracing the new user interface. Whether you think it boon or bane, incorporating the modernized Status Toolbar (formerly Status Area) requires new thinking about layout design and user interaction options. Its re-location and newly available buttons and features change the rules, especially when upgrading existing solutions or in cross-version deployments.
Read more… »