VIMEO
2015
Enhance and design the iOS Vimeo app. This involved developing new features, layouts, and optimizing icons/assets. Transitioning the app from IOS7 to IOS8 and for multi-sized devices.
My role: Sole designer for mobile and tablet app
Industry
Consumer
The Team
1 Mobile designer, 3 Engineers, 1 Program manager
Goal
Update and add new features to the Android and iOS app
60+

Alerts

3

Brand new features

4

Devices

300+

Screens

4

Onboarding tips

1

iOS update

3

Different feature flows

Upload & Share
When Apple announced their iOS 8 release, we got the opportunity to design a whole new Upload and Share feature. We are a partner with Apple and are natively built into the share sheet, so in iOS 7 when users wanted to upload a video we were included in the native experience. The rational was that this will increase mobile engagement with the Vimeo app, pull in new users, and allow for more indie creators to contribute to the platform.
Pain point
Vimeo is a video platform community for novice and indie creators. Currently you can upload videos on the web and mobile apps but there is no way to upload plus share your videos on mobile.
Challenges
1. Design 2 features in one flow

2. Design for a brand new iOS without insight into that iOS

3. Android and Apple styling

4. Prompt for access to camera roll, and contacts
User stories
I am new to Vimeo and want to upload from my phone
I am a mom who wants to share videos with my kids
I am familiar with Vimeo and want to upload from my phone and connect with my friends on Vimeo
I am new to Vimeo and don't have any Vimeo friends to share with
High fidelity
Share permission request
Video detail screen
Upload and share screen
Successful background prompt
Initial sketches
From the camera roll, the user can select Vimeo from the native share sheet. Previously, users would have seen the Apple standard upload sheet, but now, with the iOS 8 extension, it was possible to create our own experience. Users have the same abilities to add privacy, choose file upload quality, and add meta info, but now users can share to people on their device or people they follow on Vimeo. The extension and app take advantage of background actions. So people can continue watching videos or be in another app entirely and the upload will take place in the background, with a notification upon completion.
In-app shared prompt
Background processing prompt
Edit and trim when uploading video
Privacy settings when uploading video
25%

Use the share feature

200%

Signup increase in the first month

50%

More mobile uploads

Learnings
We learned that the feature was mostly successful, there were issues that arose over video privacy levels. People didn’t know they could set the privacy while uploading the video so were occasionally publishing public videos they didn’t intend to, or they were too nervous their videos would be public that they avoided the feature all together. We fixed this by calling out privacy controls more prominently in the design and at one point had set all videos to private by default.

We also learned that people don’t have that many friends on Vimeo so there was a push to try to get users to invite new people to the platform. Getting users to send a text or email to their friends is always hit or miss but it was one strategy we used to add more people to the platform and make it more engaging to use this feature. It’s a bit of a buzzkill if its upload and share but you have no one to share with.
Retro
The design of this new feature was a challenge because Apple wouldn’t show us how the new iOS looked before it came out. It was a unique design challenge to create something for an OS you don’t know what it’ll look like or function like. Because of this we couldn’t run a traditional design process of interviewing users, doing lo-fi / hi-fi tests with them or gathering feedback. We had to almost shoot in the dark and then see how users responded. We were under NDAs with Apple so this limited the amount of user feedback we could get before released the feature.
Logged out browsing
Previously to use Vimeo you had to have an account and be logged in and to view any videos. For business metrics we wanted to increase the amount of videos consumed along with actions like “share”, “like”, “watch later”, and “download” but the registration barrier was decreasing these numbers considerably. We decided to knock down the registration wall and allow users to watch, download and share videos without having to log in.
Pain point
I cannot watch videos without having an account and logging in
Challenges
1. Logged out views for each touchpoint in the app

2. Prompt for login after trying to comment, download or watch later

3. Logged out feed showcasing Staff picks
User stories
I am not a member but I want to view videos people shared with me
I am a member but I don't want to have to log in
I am not a member and I want to check out what this app is
I am a member and I want to share videos with people without worrying if they have an account
High fidelity
Logged out home splash screen
Logged out general feed
Login prompt when commenting on a video
Logged out menu
This involved creating a new onboarding flow, new join/login flows independent of onboarding, logged out states for the menu and feeds, plus a whole new series of alerts for actions that would require login (such as liking or commenting on a video).
Logged out video
Watch additional videos
150%

Increase in amount of videos viewed

200%

Increase in mobile users

Learnings
After launching this feature, it worked exactly as planned, it increased engagement by double and increased mobile usage. We learned that having log in prompts when the user tried to do specific actions helped give context and increase likelihood that the user will log in or create an account. If they’re already invested in the experience and want to take certain actions, they’re more likely to join or log in. This is also a way we increased mobile usage. The main touchpoint of the app is the desktop platform, but we wanted to keep expanding our reach to potential users, so we targeted them on mobile. By allowing people to browse on their phone we learned that there is interest in the broader community and not just professional video creators who use the website.
Retro
Designing this feature was quite involved. It touched every point in the app and involved a restructure of our foundational framework. The design went pretty smoothly, when in development there were a few issues but nothing that couldn’t be resolved. This feature is a huge step forward for the app and was very successful.
Onboarding
When I showed the Vimeo app to my family and parents their first comments were, “I don’t know where I am” “I don’t know what I’m supposed to do”. At this time when someone downloaded the app it opened and dumped them into a feed of videos. There were no onboarding screens, no tutorials, no tip callouts. It was fully reliant that people would just figure out what to do. This was a problem because as we removed the registration wall, we ushered in more people who weren’t that familiar with Vimeo or what it was. For these users it was very disorienting that they were plopped in the middle of an experience with no context on how to use the gestures or how to navigate inside the app. In response to this confusion, I decided that we needed a few onboarding tutorial screens to help ground and orient people.
Pain point
I don’t know where I am, or what I should be doing in this app
Challenges
1. Explain our swipe gestures

2. Showcase our top 3-4 features

3. Keep it short and simple but still inform as much as possible
User stories
I am new to the app and I want to know how to use it
I am a first time user and I want to understand what Vimeo is
I am a user and I want to share, download and watch later videos
I am a user and I'm downloading the app for the first time
High fidelity
Animating onboard screen prototype
Onboarding 1 - browse
Onboarding 2 - gestures
Onboarding 3 - download
On first time launch the users now would see 3 steps of how to use gestures, the upload and share feature and how to download videos (3 of our key focus actions in the app). I first started with static screens, and you swipe to progress, but the static screens couldn’t communicate some of the nuances of the experience. I created an animated onboarding set of screens to more accurately tell the user how to use our key features.
Onboarding 4 - channels
After onboarding login account splash screen
20%

Less confused iTunes comments

25%

Increase in time spent in app

Learnings
After launching the onboarding screens, people who were less familiar with Vimeo (like my family / friends for example) had more context on what to do in this app. There were less hateful iTunes comments and overall, it improved the experience. We did not have a way to test if the onboarding screens resulted in increased use of the main features, but we did see a slight increase in time spent in the app for first time users. I think this addition to the app was successful and much needed for the growth of our brand.
Retro
This feature was self-initiated and wasn’t on the larger product roadmap, which meant it wasn’t tracked as well and the process wasn’t as in depth. It still produced a decent output and was received well. The onboarding is animated which was a development challenge, but the developers nailed it. If I had to do it again, I’d track its usefulness more and do more testing with it. I’d also incorporate in app onboarding to give tips and tricks as you use the app.