SOCIAL NETWORK
VISUALIZATION
​
Design exercise with Yewno
REQUIREMENTS
USER
College students
Platform
Mobile Web
Method
Social Network Visualization
FIlter
Network Visualization
User profile
feature
GOAL
Help users browse information of their social network in a visualized way.
Help users extent their social network.
CHALLENGE
The screen space of mobile is very limited for the display of data visualization, especially in this case, there are many filers and features needed.
THE SOLUTION
HOMEPAGE
PROFILE
This mobile-based set visually shows the users about their social network.
All profiles are open to the public, no matter you are in his/her direct network or not.
FILTER
Users can check their connections by clicking on different keywords to filter their existing connections.
MAKE NEW FRINDS
Users can click on "common friends" to find people who have common friends with him/her. Common friends will make users feel safe to add new friends and extend their social network.
PROFILE INFOMRATION
You can check your friend's profile image to see his/her basic information, without open their profile page. If you want to check his/ her posts or whatever they share, you can click "more" to go to his/her profile page.
PROTOTYPE
COLOR SCHEME
3B5C3D
F3B462
D549B9
654BD6
1565C0
6CD459
DESIGN PROCESS
Research and Analysis
By doing some online research, I found there are many data visualization tools in the market, such as Vizster, Gephi, and Keylines. Especially Keylines, it is a powerful social network visualization tool. However, most of these tools are focusing on helping companies such as Linkedin, Facebook, to understand users' social habits and preferences. There is no tool designed for personal usages.
Also, these tools are mostly based on the desktop platform. Now that the social network has become an important part of our daily life, we want to have an easy to use and clear tool to help us check the situation of our social network.
Define user needs
Know about their social network situations without using complicated tools
With a mobile tool, they can check their social network anytime and anywhere
Easy to use, and fit their needs in different situations
Brainstorm and Low-fi prototype
FUTURE SUGGESTIONS
Talk to real users and know about their real pain points and needs
Create clickable prototypes
Usability testing and collect feedback
thank you!
my works
USA Today mobile web redesign
Dating app
Tablet gaming app
AI dating app
Navigation mobile app
Online e-commerce mobile app
Sensoring device
iWatch app
Data visualization
mobile app
Cooking community desktop web