UX
Improvement
After going through the reviews and my own experience of using the app, I found some problems and their solutions to improve user experience.
Problems
Quality Degradation During Uploads:
One of the challenges could be maintaining the quality of uploaded media, especially when users upload high-resolution photos or videos.
Compression or loss of quality during the upload process might occur, impacting the visual appeal and detail of the shared memories within albums.
Disorganized Content Management
Users may face difficulties in managing and organizing their content within the app, especially when they have numerous albums or a large volume of media. Without effective categorization or sorting options, finding specific memories or arranging content into separate albums might become cumbersome.
Complex or Inefficient Collaboration Process
The process of inviting others to collaborate on albums could be complex or inefficient. If the sharing and invitation process is not streamlined, users might encounter challenges in inviting friends or family to participate in collaborative album creation, impacting the app's collaborative nature and user engagement.
Redesigned screens
Follow / Following Buttons
Follow
Follow
Following
Following
Request to contribute
Join as contributor
Request sent
🎉
Hooray! You’re a contributor
Accept / Decline
Decline all requests
Accept all requests
Accept all requests
Decline all requests
Accept / Decline
Accept
Accept
Decline
Decline
Shared media
Activities
Activities
Shared media
Ag
Playlog Media Inc.
Playlog is an app and web-based platform that facilitates collaborative album creation.
Project
Overview
Macros is a food tracking app that counts macronutrients, calories, and water intake throughout the day.
Process
Research
As the lead designer for Playlog, researching to craft an intuitive and engaging app involved a multifaceted approach, deeply rooted in understanding user behaviours, market dynamics, and technological trends. The process encapsulated several key steps:
User Insights: Behaviour analysis to understand needs and preferences.
Journey Mapping: Detailed mapping of user experiences to identify improvement areas.
Market Analysis: Studying competitors and trends to carve a unique market niche.
Usability Testing: Continuous testing and iteration for optimal interface and features.
Collaborative Approach: Working across teams for aligned design and functionality.
UX
UX Improvement
After understanding the user experiences, Now it's time to make it better.
Pixel-Perfect Uploads for High-Quality Media.
Organizing Content into Separate Albums.
QR Code Invitations for Collaborative Sharing.
UI
UI design
An eye catchy quick-to-use interface to keep users engaged.
Media Upload Interface.
Album Management Dashboard.
Collaboration and Invitation Panel.
Solutions
High-Quality Upload Preservation:
Solution: Implement a 'Lossless Upload' feature.
Develop an option that allows users to opt for 'Lossless Upload,' ensuring that high-resolution images and videos maintain their original quality during the upload process. This feature could utilize efficient compression techniques that retain image fidelity while reducing file size, ensuring crisp and clear visuals within albums.
Efficient Content Organization
Solution: Introduce Advanced Album Sorting and Filtering.
Provide users with advanced sorting and filtering options within their albums. Enable categorization by date, location, event type, or customizable tags, allowing users to organize and locate content effortlessly. Incorporate a 'Smart Album' feature that automatically groups similar content based on AI-driven algorithms, reducing manual organization efforts.
Streamlined Collaboration Invitation
Simplify QR Code Invitations and In-App Invites.
Enhance the invitation process by simplifying QR code generation and in-app invitations. Create a user-friendly interface that generates unique QR codes for each album, making it easy for users to invite others by scanning the code. Additionally, enable seamless in-app invitations through contact lists or social media connections, simplifying the process of involving others in collaborative album creation.
UI
Design
After understanding the user's problems and behavior, it's time to design the interface.
Typography
Ag
SF Pro Display
Medium
Semi Bold
Color palette
Some components
Sub action / button colours
Share sheet action items
Main colour
#
4C57FF
%
100
#
F0F1FF
%
100
#
6F75CA
%
100
#
F5C443
%
100
#
212121
%
100
#
C84646
%
100
