FileMaker tips, techniques, and news.

By Jeff Tzucker  Posted on  October 30th, 2009  in  FileMaker

FileMaker UI Design for Beginners

Thanks to FileMaker's WYSIWYG editor, it's easy to get a lot of great design practice without a lot of time invested in learning a program. For the beginning designer, though, knowing where to start when designing a FileMaker user interface (UI) can be daunting. Or maybe not, but still, designing a new UI can be a complicated mess that leaves you wondering where to start... or finish.

To help give a framework for how to think about UI design, it helps to break it into two broad, but distinct and equal chunks:

1) Visual Design - This is the static, visual parts of the interface. Examples include layout, grid, legibility, readability, color palette, alignment, visual hierarchy, icons, aesthetics, and so on. A good, clean visual design helps users easily navigate between fields and pages.

2) Interactive Design / Usability - Usability includes everything from the relatively simple design problems like feedback (e.g. What alerts a user that they have, say, clicked a button? A visual cue? A click noise?) to easy navigability, all the way to how a database is organized into sensible, intuitive chunks that help guide a user through the different parts of the database.

Some of you might be wondering whether interactive design is the same as interaction design. Although the two terms are so closely related as to be nearly indistinguishable, they are different. For our purposes, Interaction design refers more to the user in relation to the greater business and how the system will support that process. Interactivity looks more at the software program outwards towards the user. I digress.

Either way, breaking up UI design into these two chunks can help to slow your head down or route around difficult problems as they arise. You can also use it as a framework to discuss yours or anyone else's UI work. Look at the designs and ask yourself what's working visually and/or interactively. Write it down. Or don't. Doesn't matter, just think about all the little pieces branching out from the two different chunks of graphic design and interactive design. Look at your own work and ask yourself why a piece of information is in one area and not grouped with another? Test how many clicks it takes you to get between the two deepest areas of your database. Is it reasonable? Give your interface to the client or a friend and have them try it out. Is it easy to use? Does the system make sense?

What you're ultimately looking for is a clean, easy-to-use system that gets out of the way of the user and lets them do their job. Separating the areas of interface design into two discrete parts can help give the beginning designer a framework for thinking about how to tackle the complexity of a new UI.

A great resource for best practices regarding usability can be found in Jakob Nielsen's articles on heuristics.

Jeff Tzucker thumbnail
Jeff Tzucker

Jeff’s background is a varied mix of communication design, information design, interaction design, and writing. He holds a Master’s Degree in Design from Carnegie Mellon University in Pittsburgh.

FileMaker 18 Certified Developer
FileMaker 17 Certified Developer
FileMaker 16 Certified Developer
FileMaker 15 Certified Developer
FileMaker 14 Certified Developer
FileMaker 13 Certified Developer
FileMaker 12 Certified Developer
FileMaker 11 Certified Developer
"We were actually able to add more features than we thought would be possible within our budget. We always experienced a ‘can do’ attitude and DB Services was incredibly patient and easy to work with."
Courtney Hartman
Art Director
"The new FileMaker custom website interface is very user-friendly and easy to follow for our clients. In addition, it is much faster than the old Instant Web Publishing (IWP) interface. Thank you and all the others who have helped us out at DB Services. I am very grateful for the excellent service you provide us. Its nice to know we can call you for help if we have an issue."
Wayne Capek
President
"We needed a solution that would simplify the administration of our responsibilities under our contract with the State of Indiana. We have seen a dramatic increase across the state in the number of potential foster and adoptive parents that have begun the preparation and training process. This increase has resulted in a significant opportunity for children available for adoption. That’s a big win for everyone! And it’s all because we can refer potential parents to the proper state contacts efficiently and quickly."
Chris Morrison
Executive Director
"Thank you for all of your expertise and valuable help. I am so grateful to have found DB Services."
Linda Findlay
Owner
"Thank you for our new database system. We transitioned from a carbon copy paper based system to a digital database. The software has saved us time and money. We used to archive all our jobs in cabinets, now we can look up a job in seconds from anywhere. The software allows us to easily email estimates to our customers in pdf format. In a year there was a return on investment just from eliminating the purchasing of our carbon forms."
Todd Cartmel
Owner
"The new system allows us to create and track jobs for customers along with inventory, something we had been doing with separate word and spreadsheet files. Because it’s now so intuitive, new staff members are able to begin using the database immediately without our usual training session and ‘cheat sheets’ for getting around within the file."
Tom Andrews
President