Animal Liberation Conference
A mobile app allowing animal rights activists to coordinate events and civil disobedience actions
Direct Action Everywhere, an international animal rights activism group, hosts the Animal Liberation Conference in Berkeley, California. Conference organizers use a mobile app to coordinate events and civil disobedience actions, but the existing app wasn’t meeting the needs of conference organizers or participants. Working with two other UX designers over a three-week design sprint, we redesigned the app with features to complete their most important tasks — creating an account, exploring events, viewing the events they signed up for, and checking for alerts.
Role: UX/UI designer
Tools: Miro, Figma
A mobile app that’s optimized to reduce friction in completing key tasks
An onboarding experience that protects users privacy while also giving them the flexibility to share their RSVP status
An in-app notification system that takes a high-stress event (civil disobedience) into account
Based on our initial interview with the client, we identified three main goals for the redesign:
- Increase the use and functionality of the Animal Liberation Conference app
- Consider users’ needs for privacy and anonymity to prevent stalking/trolling behavior
- Make the app easily adaptable by other conferences in the Direct Action Everywhere network
With a quick feature prioritization exercise we determined our minimum viable product (MVP), which focused on the following features:
- Onboarding process and privacy
- App navigation
- “Schedule” and “my schedule”
- RSVP/view attending process
We developed a prototype to test the functionality of our MVP, and we conducted a usability test with twenty-four participants. We had each user complete four different tasks, including creating an account, exploring an event, finding events that they’ve already signed up for, and checking for any alerts.
The onboarding process
A homepage that provides an overview
On the existing app, the homepage was the schedule. We observed many users were challenged early on by not having an overview of the conference. So we developed a homepage that highlighted important information, and we used photography to start setting expectations about the conference experience.
On the existing app, we observed that users were confused by the “mark as attending/mark as not attending” buttons because there was no onboarding process and the button didn’t show them their current attendance status. So, after iterating and testing this language a number of times, we redesigned the buttons to say “mark as attending” and “attending.” And we added a confirmation popup to further confirm the action.
One dynamic schedule page
On the existing app, “schedule” and the personalized “my schedule” were displayed on separate pages and both were listed in the nav bar. We observed that this was causing some users to “double-check” that the event was saved to their personalized schedule by going back to the previous page. So in our design, we removed the separation between schedule and my schedule completely, instead listing the RSVP status as an icon in the event card.
Notifications that stand out
On the existing app, there wasn’t much visual differentiation between the various announcements. So we created icons to represent the different types of announcements, and we added a color distinction to set “safety alerts” apart from the other notifications. We also observed that many users stumbled with the word “announcements” itself. They weren’t thinking that announcements were the same as in-app notifications. So we changed the language from “announcements” to “notifications” to be more accessible to users. And many users remarked that they wouldn’t think to check notifications without being able to see that they have new notifications from any screen on the app. So we added a graphic indicator of the number of new notifications.
The Animal Liberation Conference software engineering team is planning to release the new mobile app for their 2020 conference.