Subscribe to this list via RSS Blog posts tagged in UI
From Vision to UX Design with RAD Studio - Webinar Replay How do you make your great app ideas come to life quickly with the least amount of pain, frustration and wasted budget? The answer is by creating a solid development plan that follows the three stages of application prototyping: wireframing, prototyping and production. While pen and paper is still an option, utilizing digital tools makes you and your apps competitive and agile, and offers the clearest path to success.  Last week, I held a joined webinar with Cindy Zablockis (Twitter: @cind...
Demo Listbox combined as master-detail relationship Watch this video demonstrating the operation of listbox combined as master-detail relationship. In my presentation at the Embarcadero Conference in Brazil on October 23, I showed a slide showing some screens of apps developed and recreated by me. In the video below the demonstration of the functioning of one of these UI, in which I worked with 3 listbox combined as if they were master-detail relationships. Watch the video

Posted by on in Blogs
Level Up Your UI Design Skills You’re short on time, and cash, so where can you go to learn new skills to improve your app UIs? There are a ton of free, or nearly free, on-demand resources if you know where to look.   Enroll in free, or inexpensive, Online Courses: I love taking classes from Coursera. You can access the same college and university classes taught by great schools for free by auditing classes. (I also use Coursera for non-technical courses like literature.) Design Principles by University of Californi...

Posted by on in UI
Touch-Friendly Navigation for Mobile Apps Over 20% of users abandon an application after using it the first time (per Localytics). How can you design your mobile app to avoid being one of these casualties? Start out by designing your application with mobile in mind. You can’t just replicate your desktop application and expect it to make sense on a smaller form factor. Each platform already has existing patterns your users are used to: iOS tab bars are on the bottom and include glyphs but Android tab bars are at the top and are text-on...

Posted by on in UI
Prototyping: from Vision to UX Design You have a great idea for an app, but how do you successfully get from idea to a well designed, functional app your users love? It starts with design wireframing and prototyping, a faster iterative process that requires less coding effort up front so you know what works and what needs to be improved - before you invest your hours and dollars coding. Application prototyping is an important part of application development. Since the initial release of iOS back in 2007, many mobile application focu...

Posted by on in UI
Introducing FireMonkey Stencils Last week, we released the FMX Stencils pack. The FireMonkey Stencils pack was designed to enhance communication between designers and developers who are building multi-device applications using the FireMonkey framework in Delphi, C++Builder and RAD Studio.   One of the challenges for designers in an application development cycle is understanding the breadth of UI components and styles available in the FireMonkey framework. We addressed this by providing visual assets that match the UI co...

Posted by on in Blogs
Create App Store ready apps with Community Edition Start building visually stunning multi-device applications right away with these great tools accessible from the IDE’s Welcome Page.   TIP: If you accidentally close the Welcome Page, you can reopen it by going to View > Welcome Page.  This article covers the following: Guided Tour in the IDE Code Samples and Mobile Snippets Stunning, ready-to-use Application Templates Guided Tour The Guided Tour is a step-by-step bubble pop-up tour that introduces you to the ...

Posted by on in UI
New in 10.2.3: FireMonkey UI Templates - Login Screens Delphi and RAD Studio 10.2.3 include 18 new FireMonkey UI templates, designed to highlight FMX's multi-device capabilities, showcase best practices, and help new users get started quicker. They showcase UI paradigms that mobile application developers need in today’s applications.  This blog post focuses on the three new login screen GUI templates, available for download in GetIt (Tools > GetIt Package Manager > Sample Projects). Each of the three templates uses one of the premium FireMonkey multi-platform styles.
Posted by on in UI
Creating custom TEdit styles with the FireMonkey Style Designer This tutorial outlines the steps for creating and customizing a new FireMonkey style element and applying the newly created style to your FireMonkey application. This tutorial focuses on deploying the resulting application to iOS, but the same steps can be repeated for creating custom style elements for macOS, Android and Windows applications.  
Design Considerations for Multi-Platform Applications - CodeRage Replay During my CodeRage session on Design Considerations for Multi-Platform Applications earlier this month, I covered the Dos and Don’ts of multi-device application development, common UI and UX paradigms, an overview of the FireUI Designer and how to create a modern settings and user profile screen, complete with native and custom theming. You can access the replay on EmbarcaderoAcademy.com. Signing up for an account is free....

Check out more tips and tricks in this development video: