The entities project was part of a larger effort to redesign Linkedin's flagship experience on mobile and desktop. In this case study, my team and I were focused on the entities portion of Linkedin. Entities was defined in the project to include, companies, universities, profile, jobs, and groups.
Goals: The end goal of our process was to create an experience for entities across Linkedin horizontally, that enables our member to pivot organically ie: from feed, to companies, to profile, and universities. This flow comes from the users curiosity to explore and discover based on their own interest at any entity page that Linkedin offers.
Process: Product strategy was the first step we tackled with our PM's to make sure that our product goals align with the design principles of how we imagined the entities experience to look like. As the product goals became clearer, my team started looking into architecture flows to document where and how someone can pivot from different points of Linkedin's ecosystem. During this
- Early architecture and product flows
- low fidelity wireframes for rapid iterations
- high fidelity mocks to present for design reviews and to get engineering buy-in
- prototypes on quartz origami for interaction and transitional states
The project was to turn Pulse from a news aggregator to a more relevant and personalized stream of content. Instead of displaying a long condensed list of articles to sort and parse through, the idea is to focus on larger more visual content pieces that show reasons for why someone is seeing what they are seeing. The reader page has also been redesigned with serifed type faces, and larger cover photo experiences to help bring each article to life. Some of the bonus features in the redesign, includes an easy to tap reader (scraped) view that takes 3rd party articles and scrapes the text into our own template design.
The lead designer and I split up the work between the product, where I focused primarily on the reader page design. Along with owning the reader page, I assisted with feed / header transitions and design alignment. One of our major goals during the redesign was to also align our animation and design elements with the rest of Linkedin's content products.
-Reader page interaction patterns
-high fidelity reader page mocks and specs
-interaction prototypes for feed and reader page
-design sync of mobile reader page with desktop
Helping users complete their profiles to get better engagement with recruiters on the platform.
As part of the new patterns library, this document helps inform the future interactions of all Linkedin products horizontally. In order to make sure we have consistent swipe interactions, which is currently a problem today, the document defines what scrolling vs. swiping is. Along with definitions, the document also audits each products interaction, and re-imagines the swipe interactions for the teams, so that they are offered suggestions instead of problems.
To make sure all teams feel like they are able to use the document, I've worked with the horizontal and talked with individual product teams to audit some of their interactions. Helping them to understand why they're interactions are off pattern, and brainstorm options for them to use, helped buy-in for the company as a whole. Along with the document, I also partnered up with one of motion designers to prototype and animate all the different swipe interactions and edge cases. This was then finalized and placed into our patterns library for different teams to reference.
MyAlere is a health and fitness tracking mobile and web application that is based in Australia. Some of the key features of the application includes biometric graph data, manual input of nutrition and exercise, fitness challenges with friends, and monthly views of goals. In a team of three people, we headed the project from conceptual development, to visual design, and front end development. Personally I was involved in the interaction design part of development, and the visual explorations.
Project features include:
Visual Explorations of Dashboard
Final Renderings/Web Shots
The Tide Prediction Infographic charts the Red Wood City Wharf 5 tide shifts for the entire month of June 2013. WIthin the infographics, these data points are represented:
-AM High and Low Tide Shifts
-PM High and Low Tide Shifts
-Full Month Days and Weeks
-Mean High and Low Tides
-Diagram explaining Tides
-Moon Phases for June