BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only...

14
Social Circles BY ANNEKA MITCHELL ‘Social Circles’ is an platform app designed for the youth of Port Macquarie. The app gives youth a place to connect + find new friends, share ideas + thoughts, messages + pictures, and also lets them dicover more about the youth services in our community. This app has a unique quality - youth have the opportunity to find friends who are in the same age group, have the same interests/hobbies and other personality traits - in a safe environment. Anneka Mitchell Design 2020

Transcript of BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only...

Page 1: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles BY ANNEKA MITCHELL

‘Social Circles’ is an platform app designed for the youth of Port Macquarie. The app gives youth a place to connect + find new friends, share ideas + thoughts, messages + pictures, and also lets them dicover more about the youth services in our community.

This app has a unique quality - youth have the opportunity to find friends who are in the same age group, have the same interests/hobbies and other personality traits - in a safe environment.

Anneka Mitchell Design 2020

Page 2: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Contents:

- Rationale + Logo

- Features

- WireframesStage 1Stage 2

- User Flow

- Colour Palette + Fonts

- Mock- ups

Anneka Mitchell Design 2020

Page 3: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: Rationale + Logo

The ‘Social Circles’ strives for youth to gather empowerment through participation, purposeful engagement, and inclusiveness. The app provides the opportunity to get together + make friends, and wants youth to feel safe + welcome through the ‘Social Circle’ and personality quiz feature.

The app will be great for youth wanting to find services and events that are accessible and youth focused. The home page links to the Port Macquarie Hastings Council Facebook page and the PMQ-HC Website.

Logo Concept

The ‘Social Circles’ logo has 4 rings which symbolize the rings of socialisation. Ones social circle relates to a group of people who are socially connected. In this logo, the inner ring is ‘Self’, 1st ring is ‘Family’, 2nd ring ‘Friendship’, 3rd ring ‘Aquaintanc-es.’ (Ability Centre, 2020)

The 2nd ring of ‘Friendship’ is coloured blue to highlight the ‘Friendship’ process of the app. Friendship is also what the app is focusing on.

By downloading and using this app, I will believe youth will speak up, be involved, get connected and have fun!

BLUE RING =

FRIENDSHIP

Anneka Mitchell Design 2020

Page 4: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: Features

Social Circles Home Screen:The home screen will ask you to either ‘JOIN’ or ‘SIGN IN’ to the app.

Social Circles JOIN:When signing up for Social Circles, it will ask for your personal information, including what age group you are in. The age groups are 12-14, 15-17, 18+. This is to ensure the safety and privacy of youth under 18. If you are under 16, the app will ask you for parents permission before downloading and also signing up for the app.

The next stage to join, is filling out the personality profile quiz. This quiz allows youth to find other friends the same age, with the same hobbies/interests in the port macquarie community.

Social Circle SIGN IN:Once youth have joined up, youth can put in their username + password and sign in.

Home ScreenSocial Circles JOINSocial Circles SIGN INHome PageMenuChat

EventsSocial Circle PMQProfileAudience/AccessibilityUniqueness

Anneka Mitchell Design 2020

Page 5: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Home PageThis page is the home base for the ‘Social Circles’ App. It has a news feed which is connected to the ‘Port Macquarie Hast-ings Council’ page on Facebook. Under this, there will be a feed of other youths photos of experiences from past events, their thoughts, questions, pictures etc. This is like the instagram feed of the app.

Youth will only recieve the posts from their friends in their age groups, and can only like the photo. If they want to make a comment, they can privately chat to them.

On all pages, the app has the header (Menu + Chat) and the bottom bar (Events + Social Circles + Profile) to make it more accessible to the user.

MenuThe menu bar has quick links to the PMQ - HC Facebook page + Website, Notifications, and Settings.

ChatThis page allows youth to connect and message. When someone accepts you as a friend (or you accept their friendship), your ‘friend-ship’ conversation will appear in ‘Chat’. The Chat page is located in the top bar on the right.

EventsWhen youth are interested in an event, they can click ‘going’ or ‘interested’ in the event. The app will not show your exact location, however youth will be able to ‘check-in’ to an event if they are at the event. They can also invite their friends in messages, and post about their experience in the feed.

(The app will not show your location without your consent.)

Social Circle PmqThe social circle logo at the bottom of the screen, allows youth to find friends in the local area. After logging in and doing the personality quiz, the app will recommend friends to you based off both of your personali-ties and interests.

When someone wants to reach out to youth in their area, they can click the social circle and it will start finding friends for you. You can message your new friend directly, but only send pictures after they accept your friendship back.

You can also find your family/friends by typing in their username at the top of the screen in social circles. Social Circles will only be applied to the Port Macquarie Region. When you accept someone as a friend, your conversation will move into the ‘messages’ page.

ProfileIn your profile, you can add an identity picture, a biography, and upload images or post about your experiences, thoughts etc.Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship.

Audience/AccessibiltityFor privacy concerns, the app only allows you to share messages + pictures to the people in your age range. The age ranges/restrictions are 12-14, 15-17, and 18+ (to 25). This allows the port macquarie youth to hang out with kids + make new friends their own age. Youth under 16 yrs old, need to have parents consent before uploading any images to the app and before uploading the app to any device. We want this app to feel as safe as we can for our youth.

UniquenessWhen logging into the ‘Social Circles’ app, it will ask you to fill out a personality quiz. This quiz asks about your hobbies and interests and will then find other youth in your age range to socialise with on the app.

The app will then filter out all other youth profiles in the Port Macquarie area, to get a 80+% match of other youth with the same age, hobbies etc.

Social Circles: Features

Anneka Mitchell Design 2020

Page 6: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: WireFrames Design Planning and Iteration

Stage 1.

HOME SIGN IN SIGN UP QUIZ FEED MENU

FB PAGE WEBSITE EVENTS PROFILE SETTINGS FIND FRIENDS CHAT

Anneka Mitchell Design 2020

Page 7: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: Wire Frames Design Delevopment + Finalisation

Stage 2. p1/4.

HOME SIGN IN SIGN UP QUIZ

Anneka Mitchell Design 2020

Page 8: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

EVENTS SETTINGSMENU

Social Circles: Wire Frames Design Delevopment + Finalisation

Stage 2. p2/4.

Anneka Mitchell Design 2020

Page 9: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

FEED FB PAGE WEBSITE

Social Circles: Wire Frames Design Delevopment + Finalisation

Stage 2. p3/4.

Anneka Mitchell Design 2020

Page 10: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

SOCIAL CIRCLES CHATPROFILE

Social Circles: Wire Frames Desgin Delevopment + Finalisation

Stage 2. p4/4.

Anneka Mitchell Design 2020

Page 11: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: User Flow KEY:

MENUCHATEVENTSSOCIAL CIRCLESPROFILEGENERAL

Anneka Mitchell Design 2020

Page 12: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: Colour Palette + FontsColour Palette

#00c1f0sky blue

#00c1f0light haze

#00c448forest

#ffbc38sunset

Fonts + Typography

Logo:

MONSERRAT - pt 20Headings:

ROBOTO - pt 42Sub-heading:

ROBOTO - pt 30Text:

roboto medium - pt 18roboto light - pt 20

App Icons

SC LOGO CHATMENU

SOCIAL CIRCLE PROFILEEVENTS

Anneka Mitchell Design 2020

Page 13: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Social Circles: Mock-ups

Social Circle Home Screen

News Feed, Chat Page, PMQ-HC Facebook Page

Anneka Mitchell Design 2020

Page 14: BY ANNEKA MITCHELL · Youth can find friends using Social Circle and view others profiles, but only if you have both accepted each others friendship. Audience/Accessibiltity For privacy

Personality Quiz

Social Circle - Find Your Friends

Social Circles: Mock-ups

Anneka Mitchell Design 2020