SAP Lineup
We were asked to come up with an idea for a modern social media app in the enterprise use-case.
Idea
The idea we came up with was - lineup. So whats lineup? Its reddit meets TedX. Lineup was envisioned as a way to stay connected with your company.
It was a team of three people - a User Experience Designer, Researcher and myself. We were all heavily involved in the end-to-end design process which included user research, synthesis, designing the screens, prototyping it and lastly working with the dev team to implement the prototype.
The first step in the project was to learn more about the enterprise social media space so we did a competitive analysis of enterpise social network apps. After understanding our space, we turned our attention to the target users of the app. We wanted to understand how employees use social media platforms for both work and personal matters. We also wanted to learn through which medium employees learn about company related news and events. For user research, we conducted in person interviews with participatory design exercises. The participants were internal employees from various Line Of Businesses including Marketing, HR, Design and Development.
Through the research, we found that user needs consisted of:
We also learned some common user behavior:
Problem and the Solution
During a 3 day long workshop, we identified the key user problems we wanted to solve - employees wanted to break barriers between work and personal consumption of social media but they couldn’t due to confidential projects at work so we wanted to provide them with a modern platform where employees can talk about internal events and news using similar features that they use in their personal lives.
Some of the high level features we wanted to include in the app were: staying informed of interests and specific internal projects, spread information, follow influencers and general exploration of topics and interests.
Information Architecture
Before diving deep into specific designs, we created an information architecture to help us visualize the main screens and features. We decided to go with flat navigation for this app since it would contain multiple content categories such as feed, explore, bookmarks, notifications, and Profile.
Once we knew what the main screens would be, we divided them among ourselves so each of us could focus on a few screens.
Eventually, when the screens were in a more stable state, we worked more collaboratively. I was responsible for Explore, Creating a new Post, Followers, and Notifications screen.
Here are some of the the initial explorations for the Explore screen:
Here are the high-fidelity mockups:
After many discussions, this was the final solution for the Explore screen that we went with. I removed the card borders for a cleaner look. Replaced the "Following" state of the buttons with "Unfollow" action. Instead of showing the "Popular Channels" section, we decided to show "My Channels" for quicker access.
Design Handoff
Once our designs had matured enough, I used Invision’s Inspect to handoff the designs to the dev team. I also used Flinto and Invision to create interactive prototypes for the screens so the dev teams could understand the interactions in the app better.
Usability Testing
Due to the project timeline, we ran usability testing in parallel to the implementation of the app. We wanted to do concept validation and discover issues. We ran 45 minutes sessions on employees from various line of businesses using interactive prototypes and then updated designs based on the feedback we received during usability testing and design reviews.
Demo and Outcome
The app was demoed at SAP TechEd Conference in Las Vegas and Barcelona in September of 2017 and received positive feedback. Since I left SAP soon after the demo, I am not aware of any further progress on this project.
Learnings
As with any project, there were some things that worked well and others that didn't.