These files encourage workplace innovation without requiring extensive development experience. Our team spent a great deal of time determining how these apps should look, how they should flow, and most importantly, how to develop them. Unlike starter solutions, these files are meant to be dissected, understood, learned from, and actually built upon.
User experience depicts how the user perceives certain features of an app. Consider usability, efficiency, and the overall flow of the app. User interface describes the overall look and style of the app. We made our goal to build these solutions to feel and operate much like the apps we enjoy every day. For example, see how navigation between different layouts moves throughout the app.
We created a navigation layout that displays as a card window. Card windows, introduced in FileMaker 16, allow you to layer windows within the same window, a great feature to take advantage of when designing file navigation.
It gives the user more space on each layout and eliminates layout clutter. It also allows for easier manipulation of the navigation menu. You only have to make changes to a single layout versus changing every layout that includes the navigation menu.
We used a small button with the hamburger icon in the upper right corner of each layout with a script attached that opens the navigation layout in a card window. Because you have control over the size and position of card windows, you have the power to display the navigation layout anywhere within the window. We chose a slender window that appears on the far right on the screen.
Setting the Height within the New Window script step to Get WindowContentHeight , we are able to allow the navigation window to always keep the same height as the active window. The finished product is a clean, functional navigation window that only displays when the user needs, giving the main layouts a sleeker look and feel. Another important aspect of user experience we focused on when designing these custom solutions is the use of consistent colors throughout the app.
We aimed for the workflow process to come as naturally as possible to the user, without confusion or hesitation. One way of doing is to guide the user through the workflow with specific colors. This means selecting colors for each different type of call-to-action, whether a button or clickable text. Therefore we built a more muted color for this case, gray.
This part of the user experience carries throughout each of the core files and their additional build-ons. For any action we wanted to guide the user through or call an action to, we used blue for buttons and hover states. Any buttons or text we wanted to keep as an option but steer the user away from as the unnatural next action, we used a shade of gray.
Setting a design theme at the beginning of the development process allows you to easily apply a consistent design throughout the entire solution. You can use a custom theme, one of your own design. It should include consistent colors, fonts, and styles set for each type of object. We recommend choosing a single theme at the beginning of your design process and avoid making changes.
This eliminates design inconsistency during development. For our team, this process took a few iterations, but we landed on a custom theme, with styles for all layout parts, shapes, buttons, portals, edit boxes, and more.
The marketing template allows you to manage your marketing campaigns including designing content. The invoice template gives any business everything it needs to manage clients and generate invoices. This tool is combining the three different interfaces in order to managing your FileMaker server. ProMaps feels like just another view in your solution: add FileMaker fields and buttons to your maps. Enter keywords to search. Templates Need some help solving your everyday business challenges?
Learn more. Square Integration This file will walk you through the steps needed to integrate Square with your FileMaker system. Gmail Integration This file will walk you through the steps needed to integrate Gmail with your FileMaker system. Tools like barcodes make it possible to transmit this essential data much more quickly. Did you see our course, Mastering FileMaker Server?
Are you using a calendar in your FileMaker solution? Tools like FileMaker make it a cinch to work faster and smarter. But you still need a solid process behind the tools you use. If you want to minimize miscommunications, … Read More. How does your business interact with its customers?
0コメント