FileMaker Pro Design Tips
Pages: 1, 2
Mix and Match
Some UI elements can be created within FMP, but often they look crappy. Learn techniques (I'll cover these later) so you can mix and match elements from inside and outside FMP and keep the file size down.
I find that I typically use about 50/50, larger items coming from FMP and smaller icon-based elements coming from LiveMotion.
Themes
Be sure that once you define a graphical theme for your solution, you carry that across all of your files. Consistency is the key to user comfort.
Streamline Tasks
The reason we have wizards is because users often feel daunted by large screens with numerous fields and buttons. You don't want to overwhelm a user, so think of splitting some tasks into steps. However, try to keep steps within a few screens or layouts. You don't want the tasks to be tedious. I try to keep my tasks to three steps or less.
An example might be in building a list. I often use a series of three screens to help users build a list. One involves a menu of what type of list (this selects the right layout), the next helps them select the data, and the third helps them use that data (print, email, view, etc.).
Keep a Core Solution
I often find that I develop solutions for different clients with similar needs. I hate to reprogram everything from scratch, so I keep a simple set of solutions that I can quickly customize for a client. This saves me a lot of development time and decreases my turnaround time for projects.
Automate, Automate, Automate
Users don't want to mess with toggling status areas and windows. Provide as much automation for simple and complex tasks as possible, but organize that automation. You don't want to litter a screen with 500 buttons. I'll cover some of these techniques in the future.
Peace of Mind
Build in safety nets. I find most users forget things or make simple mistakes, so performing certain scripted tasks, without dialogue, makes for forehead-whacking moments. I think the biggest of these is printing errors between the current record and records being browsed. All you need is a user sending 5,000 pages to a printer, when they only wanted one.
Another safety net is a global "Home" button. Sometimes, early in development or with new users, you have an issue where someone gets lost in the database and needs to get back to some place they recognize. I create a global field with a Home button that can take the user to a familiar location.
One of my favorite safety nets comes in the form of preventative modification and deleting records. You don't want to give deletion and modification power to just anyone.
Let's talk about deletion. We all know when a record is gone ... well, it's gone. Even if you back up records, you can't possibly track hundreds of thousands of records going back months and months. I never give anyone "god" power in my solutions ... and this is for their own good. I build a deletion script/button that allows a record to be marked as deleted and moved to an invisible/hidden database, or the "scrub" database. This database keeps all "deleted" records with their deletion dates and who the user was. Then an administrator can go through and restore any record from this file with the click of a button.
When it comes to modification, you know that once you modify a record and commit it, that's it. Even I have accidentally erased fields and changed data. I'll go into how I prevent these mistakes in another article.
Lastly, a global field with a "Bug Report/Help" button is valuable. I have two support buttons, one for reporting bugs/feature requests/support, and another which links my Instant Messenger to a "Helpline" button. This gives my client a "red phone" for those 911 moments. Plus, as a business measure, it gives me an added stream of revenue for providing this level of live support.
The night before Thanksgiving last year, a 911 moment occurred. Thanks to my support button and VPN, I was able to ensure an entire office of people were able to get out and off to their families. I don't have a family ... I'm a developer.
Enjoy!
I'll be going into more detail on some of these topics in the future, but in the meantime I wanted to share a few files with you. The first file is a collection of buttons and other UI elements you can use in your solutions. They are LiveMotion files, so if you don't have the program, go over to Adobe and download the demo. You can play with them in LiveMotion, or you have 30 days to move them to your program of choice.
The second file is a collection of demos within FMP. I've built a run-only version (for those without FMP) and an open version that is unlocked and free to use anyway you like.
Alan Graham is the creator of the Best of Blogs book series and is a frequent writer on the O'Reilly Network.
Return to the Mac DevCenter.
You must be logged in to the O'Reilly Network to post a talkback.
Showing messages 1 through 14 of 14.
-
Next Installment
2003-10-01 07:55:03 anonymous2 [Reply | View]
When can we expect the next article in this series?
-
Link still doesn't work
2003-06-13 22:43:02 anonymous2 [Reply | View]
The link to the graphics still doesn't seem to work.
This is some great info. I took a class in college on relational databases. That was two years ago. This week my boss asked me to develop a database solution for keeping track of attenders (I am currently employed as an assitant pastor). Thanks to FMP in two days I am more proficient than I was after an entire semester wtih Access.
Thanks
-
Couldn't use link
2003-05-02 22:14:11 anonymous2 [Reply | View]
I had no problem viewing your demo UI. Some interesting features. Could not however get the sample buttons using the other link. I did download the trial Adobe program first...Any suggestions would be appreciated.
-
Resources
2003-03-09 12:15:35 anonymous2 [Reply | View]
Greetings,
As one who is interested in beginning with FMP your articles are truly appreciated. Can you, or do you have plans to, suggest some additional resources for beginners (and others) concerning creating relational databases with FMP? Specifically, the nuts and bolts of laying out forms, creating scripts, etc.
Thank You. -
Resources
2003-07-18 02:42:13 anonymous2 [Reply | View]
One of the great places that I go to is ISO FileMaker Magazine. They have a ton of resources for learning FileMaker Pro. I think they are also related to filemakerworld.com
-
Still wrong link
2003-03-09 11:44:37 anonymous2 [Reply | View]
The link from 'The first file is a collection of buttons and other UI elements you can use in your solutions.' is still pointing to Demo.sit which is the FMP Demo file.
-
Design Realization
2003-03-09 11:38:18 anonymous2 [Reply | View]
I fully agree with your explanations. They are good. But then the realizations of your templates aren't always as pretty as a real aqua Interface. In my opinion your templates should base a little bit more on Apple's Aqua Interface Design Guidelines.
There are other FileMaker Templates that I personally find have better design implementations.
Have a look here:
http://homepage.mac.com/jhobegi/Menu4.html
http://homepage.mac.com/jhobegi/.Pictures/aqua3.jpg
Michael
-
false link
2003-03-08 07:08:28 plr [Reply | View]
The link from 'The first file is a collection of buttons and other UI elements you can use in your solutions.' is pointing to Demo.sit which is the FMP Demo file. -
false link
2003-03-08 12:38:27 Alan Graham |
[Reply | View]
I'll mention that and get it fixed...thanks!
-
Optimization
2003-03-08 06:03:21 anonymous2 [Reply | View]
Your optimization of FileMakers Database-Layout isn't very good. I think that your remarks are correct, but your design isn't really an alternative. -
Optimization
2003-03-08 06:20:36 Alan Graham |
[Reply | View]
Perhaps you could elaborate...I'm not sure what you mean. If you are referring to my file...some of it is about trying new ideas. I think if you have some constructive ideas, why not share those...and I'm happy to reply to them...since you post is rather obscure. I'm willing to defend my work (especially work I did in an afternoon) or answer your points, if you are interested in posting them






Alan