Easy Mobile Web Forms

89% of employees connect to your network using mobile devices. Yet 60% abandon corporate mobile apps due to a bad user experience. Most companies, especially mid-size ones, simply don’t have internal developers with the skills needed to build well-designed apps with a natural and enjoyable user experience.

With frevvo’s mobile forms technology, employees can do things like approve and sign contracts, file expense reports, and complete patient referral forms from any device, at any time and from anywhere. Don’t worry about the quirks of individual devices. Instead, focus on how people use your apps and let frevvo take care of the rest. It’s easy and nowadays it’s mission critical. Watch the 4 minute video below. If you’d like to learn more, visit our web site or contact us today.

Best SQL Joke Ever?

Working on some database stuff today reminded me of this XKCD. Gotta be the funniest SQL joke of all time :-)
Best SQL Joke Ever

People First Design

Nowadays, most business software will sport the any device tag meaning you can use it on your phone, tablet or desktop. But all too often, this means adding some media queries to the existing desktop web application and throwing it on a mobile device. Usually, the result is a terrible user experience (UX).

Similarly, for web designers, mobile first has become the ‘buzzword du jour’. Mobile first prioritizes mobile devices over PCs and other devices. Might make sense for games, social networks etc. but blindly following this paradigm for enterprise apps also leads to a terrible user experience – see Windows 8 on the desktop.

At frevvo, we think People First

There’s no point in prioritizing the quirks of individual devices. Instead, we prioritize how people use apps on different devices and try to provide a natural user experience everywhere. It’s practically impossible for enterprise developers to do – they’ll almost always prioritize data integration and offline use over sexy screens and fast UX. Customers use frevvo to create enterprise apps like Employee On-Boarding. The designer is often not a professional developer but a business engineer. For our product, people first then translates into:

Let the business engineers design forms and flows to meet business requirements. We’ll take care of providing the natural user experience everywhere.

We’ve invested tons of effort in this area. I’ll highlight a few items below. All this works without the form/flow designer having to do anything.

  • Bigger everything: controls, buttons and icons are automatically a little bit bigger on mobile devices so they’re much easier to select or click with your finger.
  • Responsive: frevvo forms will automatically adjust to different screen sizes and orientations. Where it’s not possible to adjust the layout such as a Table, frevvo will add a scrollbar. It’s not easy – even Amazon and GMail can’t get it right.
  • Navigation: Break up a long form into multiple pages using a PageBreak control. frevvo will automatically add Back and Next buttons and enable/disable as necessary.
  • Look & Feel: Decorators & Styles provide that extra quality that makes for a beautiful and enjoyable UX. And, you can customize the appearance to suit your tastes without compromising the people first approach.

Portrait Landscape Desktop

  • Mobile aware controls: On mobile, date controls use the native picker as do drop down controls. Users can sign with their finger on the touch screen. Upload controls can use the camera to attach photos. Geo location uses the device’s built-in GPS.

Date Picker

  • Spaces: these handy mini-portals that come with frevvo look totally different depending on your device. On a mobile device, the user experience is natural – touch large icons with your finger vs navigating a drop down menu.
  • Task List: it looks and works differently depending on your device. As before, the priority is people first natural usability everywhere.

iPad Space

We’ll continue to invest more and more so customers don’t have to worry about CSS3 and HTML5 and can simply focus on their business requirements and be sure of a great enterprise UX.

If you got all the way here, thanks for reading! We’d love to hear from you. Watch one or more short videos to quickly learn more or contact us for more information.

Empower your “business engineers”

Came across this really interesting article by Johan den Haan that categorizes the cloud landscape in great detail. As he says,

“The popular wisdom that the cloud comes in three flavors (IaaS, PaaS and SaaS) does not provide a realistic picture of the current landscape.”

It’s always bothered me too. What is frevvo? Well, in the conventional wisdom, we must be a PaaS company. But what the heck does that mean? We’re certainly not targeting professional developers but business users [who are curious about technology]. Johan proposes a framework that breaks things down into multiple layers that describe a range of approaches.

Cloud platform framework by Johan den Haan

Cloud platform framework by Johan den Haan

I’m not sure that I’d go about calling frevvo a “Model-Driven PaaS” but our customers are often business people who don’t write software for a living but still need to create applications (forms and workflows in our case) that collect and manage data and documents. Obviously, they’re interested in technology so I like the “business engineer” terminology used in the article. They’re comfortable with dragging and dropping to design web forms and approval processes, configuring email addresses and high-level business rules, and viewing submission data in an Excel spreadsheet or a PDF. frevvo’s value is in empowering these “business engineers” with:

  • Ease of use: frevvo hides the technical details of designing business web forms.
  • Mobile: frevvo forms automatically work on everything from a smart phone to a tablet to a desktop screen, they’re responsive, make use of the touch screen etc.
  • Cloud: frevvo works in a standard web browser with zero installation.

and a whole lot more. Want to learn more? Check out one of our short videos and contact us if you have questions. Here’s another link to the original article – worth reading IMHO.

Design Patterns for Document Approval Processes – Part 2

In Part 1 of this series, we discussed an approval process that collects comments/a signature from an external, anonymous person. This second pattern is another common approval process where an employee forwards a request to his/her manager. The manager can approve/reject the request or ask the employee for more information. A common variation is where a supervisor or VP has to further approve in some situations e.g. the amount is greater than $1,000.

Internal Document Approval Process

Some examples might be:

  • Employee submits a Purchase Requisition (purchase request).
  • Vacation/Leave approval.
  • Student course/schedule changes approved by advisor.
  • Contract approval by supervisor.
  • Expense report.

With frevvo 5.3, automating this process is straightforward.

  1. Drag and drop the internal employee form(s) into the workflow and use the Form Designer to layout/arrange controls. Typically, you’d add the manager and VP sections to this same form and hide them in the first step. Currently, this requires a simple business rule but we’ll soon be removing the need to write a rule.
  2. Use a linked step for the manager and configure it to route [dynamically] to the employee’s manager using a built-in template.
  3. If required, use a linked activity for the VP and configure it to route to the VP. Set a pre-condition on this activity so it only runs if the condition is true.
  4. The final step could be to route to an HR or Purchasing role, to integrate with a database or with a back end system.

Purchase Requisition Approval Workflow

That’s it. How does it work? The employee accesses the workflow (preferably via a frevvo space) and fills in the form, signs it and clicks Continue.

Employee Purchase Requisition Form

frevvo will send that employee’s manager a notification, which the designer can customize. The manager clicks on the notification [on any device], can view the purchase request and approve it or send it back for corrections. If approved, the workflow will be routed to the VP for further approval if the set condition is true otherwise it will continue to the next step for fulfillment.

Purchase Request Manager Approval

Want to learn more quickly:? Check out one of our short videos and contact us if you have questions.

Design Patterns for Document Approval Processes – Part 1

Document workflows involving an approval process (a signature, comment, review or some combination) are a very common use case for our customers. In this series of articles, I’ll illustrate several design patterns and show you how to automate the workflow.

This first approval process starts with an internal employee requesting something from someone outside your organization. The external person fills in and signs one or more online forms without needing to login/authenticate. The completed documents then come back to the same or another internal employee for further processing.

Anonymous Document Approval Process

Some examples might be:

  • Collect one or more signatures on documents (purchase order, lease …).
  • Request a quote from a supplier or vendor.
  • Obtain a reference for a job application.

With frevvo 5.3, automating this process is trivial.

  1. Drag and drop the internal employee form(s) into the workflow and use the Form Designer to layout/arrange controls.
  2. Drop in a separate form (or use a linked activity) for the anonymous external person and add desired controls e.g. a signature. Make sure this step has no role or user assigned to it.
  3. Drop an Email activity in between. Configure the email address. Typically, you’d use a template so the email address of the recipient is entered by the internal employee. You probably want to customize the default email message as well.
  4. Drop in forms (or another linked activity) for the subsequent processing step by an internal employee. Make sure you either assign a role or a user to this step. For example, if you want the workflow to return to the originating person, you can use a template that’s automatically populated with that person’s user id.

Anonymous Document Approval Process Designer

That’s it. How does it work? Say, you’re requesting a quote from a vendor. The employee starts the process, enters the vendor’s email address and other information and clicks the Send button.

Internal Employee Quote Request

frevvo will send your customized email to the vendor with a unique URL. The vendor can click the URL and fill in the quote and sign it. Upon completion, he/she clicks the Continue button and the workflow returns to the originating employee. Vendor’s on the road using a smart phone or tablet? No worries – just click the link in your email and it’ll automatically render a mobile version.

Vendor Quote Smart Phone

Learn more quickly: check out one of our short videos and contact us if you have questions.

How do I use my frevvo forms and workflows on mobile devices?

frevvo forms and workflows work well and look great on mobile devices, of course. But how do you deploy them so people can easily access them on their smart phones and tablets? That’s where Spaces come in handy. A single frevvo Space can handle all mobile platforms as well as desktop systems.

Click on Spaces in the left menu and add a new space. frevvo will automatically generate a portal with your deployed forms and, of course, you can modify the menus, display text, add a custom logo, change the color scheme, watermark etc. so the Space has your desired look & feel.

Here’s what it looks like on the tablet and you can bookmark it and add it to your home screen. The forms and workflows appear as icons (you can add your own thumbnails) – something users are familiar with on mobile. Click on an icon to access the form or workflow. The Space takes care of rendering it nicely, adding navigation (Next/Back/Cancel/Login/Logout) and making the experience intuitive for mobile users. You can also easily access your Task List, view and perform your pending tasks, audit trails etc. The Space will automatically render only public forms and flows if the user is not authenticated so users can only see what they have access to. Nice and easy.

Space on tablet

The Space will automatically render differently on the phone with smaller icons. The space itself and its embedded forms, flows and task list are responsive and automatically adjust to the smaller screen size on the phone.

Space on phone

Of course, we didn’t forget about the desktops. The space looks natural with drop down menus for your forms – a paradigm people are used to on the desktop.

Space on desktop

Follow

Get every new post delivered to your Inbox.

Join 45 other followers