![]() One way of doing is to guide the user through the workflow with specific colors. We aimed for the workflow process to come as naturally as possible to the user, without confusion or hesitation. Color ConsistencyĪnother important aspect of user experience we focused on when designing these custom solutions is the use of consistent colors throughout the app. 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. Using the Get (WindowWidth) and subtracting the navigation menu’s layout width (in this case 320pt), the navigation window will always open to the rightmost side of the window. ![]() 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. We chose a slender window that appears on the far right on the screen. 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 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. You only have to make changes to a single layout versus changing every layout that includes the navigation menu. It also allows for easier manipulation of the navigation menu. It gives the user more space on each layout and eliminates layout clutter. 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. We created a navigation layout that displays as a card window. ![]() Rather than have a navigation bar on each layout, we took advantage of one of FileMaker’s newer features, card windows. Strategic Navigationįor example, see how navigation between different layouts moves throughout the app. We made our goal to build these solutions to feel and operate much like the apps we enjoy every day. User interface describes the overall look and style of the app. Consider usability, efficiency, and the overall flow of the app. User experience depicts how the user perceives certain features of an app. User Interface & User Experience Best Practices I’d like to go into some detail about some of the best practices we hit on as we worked through our design and development process for them. Unlike starter solutions, these files are meant to be dissected, understood, learned from, and actually built upon. 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. Look under the hood and you’ll find much of the same. File Foundation Built for YouĪt the core of the FileMaker templates, you’ll find a solid, consistent design, clean look, and strategic user interface and user experience. These files encourage workplace innovation without requiring extensive development experience. Our team worked with FileMaker to build several template files to help businesses launch specific functionality.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |