User Interface Changes

Martijn van de Rijdt, 03 Oct 2013

Enketo’s user interface undergoes continuous improvements*. Normally these are small and incremental. However, this week two major changes that are worth highlighting were deployed courtesy of the Sustainable Engineering Lab (formerly know as Modi Labs).


Enketo is able to show different views of the same form. For example the formhub interface can show previews, embedded forms and forms to edit data in addition to the regular webform views. Not all of these views are offline-capable (i.e. able to launch without an Internet Connection and able to save data persistently inside the browser). In the old interface, the user was greeted with an ‘Offline Capable!’ alert the first time she/he loaded a form. The new interface has a much more elegant way of showing at all times whether a form view is offline-capable. It simply shows an icon at the top left of the form. The icon signifies that the form is succesfully ‘installed’ in the browser and ready for offline use.

new record upload interface

Clicking the icon will answer a much-asked question about what offline-capable actually means.

Uploading Records

The old interface was designed for the user to efficiently enter data, record after record, and not worry about uploading those records to the server. Uploads were handled in the background, automatically whenever a connection was available. The amount of records queued for submission were displayed as a number in a bubble right above the form. Enketo Smart Paper works offline and it was assumed that in the “normal situation”, uploads would probably not succeed - due to the lack of an Internet connection - but that this would not be a problem.

This worked well enough except when an issue prevented uploads from reaching the server, such as a bug or server downtime. In that situation, users would have no feedback on what was going wrong. They were also not able to verify easily whether Enketo was actually trying to upload. The queue number would simply refuse to reduce. Since queued records are stored inside the user’s browser, there was also no way for developers to troubleshoot reported user issues.

new record upload interface

The new interface changes all this by showing a side bar with a list of records and their upload status. The sidebar can be revealed by clicking the queue icon. When an upload is ongoing the border will turn orange. When it succeeds, it will turn green and then disappear from the queue. If an error occurs the record will turn red and an error message will be briefly shown underneath. The error message can be revealed and hidden at any time by clicking the record.

Uploads still happen automatically (every 5 minutes). However, if a user wants to force an upload in between these automatic attempts, she/he can now do so by clicking the upload button in the side bar.

We think the new interface will go a long way in identifying any future upload issues that may occur.


As always, we’d love to get your feedback! Comment on this blog, tweet @enketo, or post a message in the Enketo forum. If you discover a bug, please let us know what browser you are using.

* sometimes temporary regressions too…