Guidebook Surveys

Role Principal Designer
Platforms Builder CMS, iOS & Android

Images of the Prelude interface

Introduction

The Guidebook platform enables event organizers to create their own unique surveys and embed them across several parts of their guide for tailored information gathering. From the product standpoint, surveys add essential value and extend a guide's life cycle.

The survey feature is the second most utilized feature on the Guidebook platform. As such, continual development and refinement is a priority. The Product team and I identified the problems affecting our users (event organizers and end-users) and we got to work solving them.

As the principle designer on this project my role was to design all the UIs and associated flows for the Guidebook app (iOS and Android) and the Builder, Guidebooks in house CMS. I worked closely with our Project Managers and Developers to solve these problems and ensure a great survey experience.
Problems to solve
  1. Surveys were frustrating for end users to complete, and unavailable offline.
  2. Event organizers could easily misuse the survey builder and generate confusing reports.
  3. Event organizers had few options to build the surveys they wanted.

1.  Making surveys better for end users

The biggest hurdle preventing end users from filling out a survey was connectivity. The Guidebook app doesn't require an internet connection to function - this comes in handy inside a crowded conference venue. However, surveys were initially built as a web view. An internet connection was required to access, fill out, and then submit a survey.

Rebuilding surveys as a native component solved all of these connectively issues. It also opened the door for new functionality and gave me the opportunity to design the UI on both iOS and Android.
Native survey deliverables
How a typical survey appears on an Android device.

2. Making surveys manageable for event organizers

Surveys are incredibly powerful in that they can be linked to almost any piece of content contained in a guide. But this level of flexibility comes with a downside.By linking a single survey to multiple places context becomes hard to define, resulting in a report that is difficult to understand.
The problem
How can we generate reports that are easy to grok without compromising the flexibility that makes a survey so useful?
The solution
I created a UI that centered around the concept of giving a survey a clear purpose. This purpose UI became a required part the survey creation flow and focused on two things:
  1. The UI communicates the many places a survey can be linked. By educating our users while using the interface they can quickly make an informed decision about the best place to link their survey.
  2. The UI establishes a relationship between what a survey is for and where it will be accessed within the guide. This relationship is carried through to the reports where it establishes crystal clear context.
By introducing guard rails that funnel survey creators into making deliberate, well considered choices, we maintained the flexibility that makes a survey so useful, while ensuring the generation of reports that are easy to understand.
Selecting a guides purpose also determines where it lives in your guide. The UI gives the user a description for each purpose and previews where the survey will be accessed from.

3. Giving event organizers more options

The original question editor was rigid and lacked flexibility. Event organizers couldn't re-use existing questions, would have to start over if they decided to change a questions format, and didn't have many options in the way of question types.I designed a new question editor that addressed and solved these issues. But I would like to focus on two of the new question types:
1. Branching path questions
Each selectable answer in branching path question can lead to a new question set. When set up correctly an event organizer can create a responsive and dynamic survey.
Users can configure each answer to render follow up questions, or do nothing - the default behavior for a survey question.
Showing branching path questions on Android.
2. Grid Questions
Grid questions enable event organizers to re-use the same set of answers for multiple questions.

When designing the UI I took the limited horizontal space inherit in smart phones into consideration and formatted the questions to work well within this constraint. The questions are formatted into a horizontal carousel that auto advances after each answer. However end users aren't siloed into answering in order. By swiping horizontally they advance through the questions and answer at whatever order they please.
Setting up a grid question works by filling in your question rows, and then your answer columns.
Showing a grid question in action. Notice how the user can freely swipe between answers.

The results

The product and support teams have relayed positive remarks about the feature update. Event organizers have reached out and requested more features be added to surveys. In less than a year since launch there have been more than 50 thousand surveys submissions and 1837 survey data exports by our event organizers. I'm proud of the work I've done with my colleagues and excited by all the surveys being generated by event organizers.