Blog

As we all get more comfortable using mobile apps in our everyday personal and working lives, we are demanding more functionality from them. But the very simplicity of using mobile apps has been one of their greatest strengths that attracts us to keep using them.

So how do we increase the complexity and functionality of the apps we design, while retaining the ease-of-use vital to an engaging user experience for their on-going use? This article will show you how ViziApps new Sliding Panel feature provides complex app navigation that is very easy for the user to access and use.

Sliding Panel App Navigation

Slide Panel

You have no doubt used a slide panel in the mobile apps that you interact with every day – it can be seen in mobile apps for Facebook, Google Drive, LinkedIn, Box, and many others. Look in the top-left corner of the app, and you’ll see a slide panel icon. Sometimes it’s a company logo, sometimes it’s the ubiquitous stacked-menu icon, and sometimes a combination of these.

Sliding Panel App navigation

Tap on the menu icon, and the Slide Menu appears from the left of the screen. The menu shows a list of app pages that the user can navigate to. Since the menu icon takes very little of the screen’s real estate, it’s very unobtrusive, yet it’s in a familiar position so users can find it easily.

Sliding Panel App Navigation 2

The list of menu items can be arbitrarily long, which the user can scan through quickly by scrolling, so this is how the set of app features can expand without burdening the user with the feeling of complexity.

Sliding Panel App Navigation

To build a Slide Panel into your ViziApps app, click on the Slide Panel field button in the ViziApps Studio. You can enter a list of menu selections, and then for each selection, specify the page that the app will turn to when the user taps on that selection. Finally, create a menu button using your own image or one of our many stock images, and for the user action select “Show slide panel”.

How can business process applications be re-imagined to leverage the power of mobile devices, or to quickly create completely new business benefits with custom mobile apps? How are the new apps deployed and managed to ensure high levels of adoption?

Join our ViziApps/Apperian webinar on February 26th to hear about the new era of full mobile app lifecycle management. David Asher, VP of Product Management at ViziApps and Stephen Skidmore, Director of Product Marketing at Apperian will explore the new enterprise app lifecycle, including:

  • The key success factors for developing, deploying, and updating enterprise apps within the new reality of employee mobile apps
  • Practical tips on improving the user experience of employee developed apps to ensure the highest levels of end-user adoption
  • How to dynamically test and update enterprise apps by taking a ‘whole lifecycle’ approach

If you are facing a daunting backlog of mobile app requests and can’t figure out how to get them all done within budget, this webinar is for you.

Register to learn the new reality of enterprise employee apps and increase your ROI today.

One of the most useful ways to present complex information and multiple choices to a mobile app user has been the touch-enabled scrolling table. We all use these tables every day on our smartphones when reviewing our email inbox, Twitter feed, and similar lists.

When building custom mobile apps, the scrolling table is often essential for showing results of data queries and responses from REST APIs. The earliest mobile apps kept the presentation to the user very simple – each row would typically show one or two lines of text and maybe a picture.

Now that mobile apps are working with ever more complex data sources, users need to see more information packed into the scrolling table, but it has to be presented in a visually appealing way so that the user can make sense of all the information. This is exactly what you can achieve with the new Custom Tables feature from ViziApps.

Scroll Tables

Designing a Custom Table

The design process for Custom Tables follows the ViziApps no-coding approach with free-form graphical design of the mobile app page layout.

The ViziApps developer first creates a design pattern that will be used by the table. This is a fast and familiar process which is just like building a new page. One customization that easily adds impact is to include a background image such as a color gradient. Something as simple as changing the color palette can inform the user at a glance that they are looking at a different data set.

You can mix any number of images, and size them and place them wherever you like within the design pattern. The image contents can be preset (as when using a background image), or determined dynamically and individually for every row based on the results of a data query. Text labels can also be placed anywhere within the design pattern, and set to any font, color, and size that you like. Text labels can also have fixed content, or dynamic content for every row based on a data query.

By adding fields to the design pattern, it’s possible to build up practically any size, complexity, and style of table rows that you can imagine. When the design pattern is ready, you can define a new table by specifying your design pattern instead of defining table row fields, and the design pattern can be re-used to define multiple tables.

The excitement happens when you hook up your new table design pattern to a data source such as a Google Spreadsheet, Intuit QuickBase, Salesforce.com, or SQL database. With ViziApps’ no-coding approach to data management, you will quickly assign your data source columns to fields in the custom table, and start enjoying table design without limits!

If you’re not the most artistic designer or you’re trying to meet a tight deadline, or you want to share your mobile page design with your team or our community – you will love ViziApps new Smart PagesTM. As with any design activity, starting with a blank page can be intimidating and there are often aspects of building apps for Apple and Android devices that need to be repeated or reused in a new context. Why reinvent the wheel when you can leverage existing best practices for mobile app design?

Solving these issues is exactly what ViziApps is delivering with our new Smart Pages catalog of professionally designed Smart Pages. Use them for the fastest way yet to build full-featured mobile apps. Or create your own Smart Pages so that you can organize your designs and share components for team development or share with the ViziApps community.

A Catalog of Smart Pages

The ViziApps catalog offers a range of Smart Pages to perform functions like displaying data to a scrolling table or showing a place on a map. And the catalog will grow with more Smart Pages over time. Just find a Smart Page that meets your specific need, plug it into your app design, connect it to a live data source, when needed, and that page is done!

ViziApps offers a range of data connections so you can get business data into your users’ hands in real time, without coding. Our data sources include Intuit QuickBase, Salesforce.com, Google Spreadsheets, SQL databases and REST interfaces. As with the rest of ViziApps, hooking up your data to a Smart Page is a simple drag-and-drop process.

The process of building mobile apps with ViziApps is an easy visual experience without coding, and allows you to build complex apps from individual pages. Smart Pages makes this experience even faster because you can organize your app by selecting a series of Smart Pages, connect to live data sources, and put in the finishing touches.

Of course the best-designed components can’t anticipate all individual needs, so ViziApps lets you add our standard fields to the Smart Pages in your app, so you can customize them to achieve the perfect user experience. You can even mix Smart Pages with your own fully custom pages in the same app in any way you want.

Subcategories