Octi Profile
Profile Design
UX/ UI Design
Interaction DesignThe profile hosts a user’s digital collection and videos- a place for others to get to know content creators and discover items of interest. The existing profile was limited in information and display with clunky navigation. Although it was simple and easy to view, there were clear opportunities to make improvements around metrics, navigation and the overall visual display.
ROLE
My goal was to update the current version of the profile to give more context and value to users. Making improvements to the profile naturally pushed us to consider how we could improve overall user engagement.
TESTINGS & LEARNINGS
Before designing, I wanted to clarify a few questions:
What do users expect to see in their profile? How can we make the profile experience more social? Which metrics could help drive the trading economy? How can we encourage users to create more content?
To discover how the profile could be improved, user testing data was gathered through in-person interviews and surveys from current users active on the platform. Key findings suggested there was a desire for more education and transparency around coin earnings along with better navigation between the profile and item page.
SOLUTIONS
Highlighting metrics.
To give an overview of earnings, expandable graphs braking down the total value of a collection and earnings from videos was added. The graphs also helped to further reinforce the two types of user personas- collectors and creators.
The added list view option provides a more robust overview of earnings, providing more context to the metrics displayed in grid view. This utilitarian view allows the profile to act as a wallet and encourage further content creation and trading to increase earnings.
More context to offers.The vague ‘view offers’ button was updated to display the highest offer amount, return from the offer, including the user’s avatar to add a social component. The aim was to encourage users to engage in trading their items and stimulate the trading economy.
Improved navigation. Navigation was updated to display an items tray so the user could stay within the profile, avoiding the need to navigate out of the profile into the detailed item page
Visual refresh. More display customization with options to change background gradients and select items from user’s collection.
Left screen shows an overview of the total value of a user’s collection. The collection list view (right) includes the market value and amount paid for the item to give more context to aid decision-making on whether to trade or hold items
Video grid view to the left. The list view (right) includes social metrics, earnings and items used in each content.
