Xuan
Zhang.
POST
"I just got my very special birthday gift from my father. It is a handbag from Kate Spate! You can't image how excited I am right now“.
REPLY
"Cool！My dad only gave me a bag of chips as a birthday gift."
WALL APP
WALL APP is a website people can post their thoughts, views, and replies for everyone to see. There are three main features for every user: post, like, and reply. On the profile page, users can view and delete anything that's been posted.
DESIGN TOOLS
Sketch 3
Sketch Plugins:
Launchpad by Anima, Content Generator, Icon Font, Send to Flinto, Toggle Craft Justinmind
Adobe Experience Design CC
USER REQUIREMENTS
The interface will provide the following functionalities:
The ability to create an account (sign up)
The ability to log in
The ability to search messages by keywords and tags
The ability to post messages on the site-wide wall
The ability to change font color, style, and size
The ability to insert image or file
The ability to add tag or link
The ability to sort message by:
Data
Most likes
Most replies
The ability to reply to a message
The ability to like a message
The ability to access profile
The ability to see recent posted messages
The ability to see all likes
The ability to see all replies
PERSONAS
Persona 1 - Gleen Anderson
Persona 2 - Bettie Lyons
For people with vision disabilities
Add screen reader, enable them to press the Enter key instead of “clicking” the mouse button, and add voice input for them to post message
SKETCHES
Features:
• Login
-
Sign up
-
Redirect to homepage for authorized users (after sign up)
-
Redirect to homepage for guest
Landing screen
Features:
-
See all messages posted
-
Manage all messages
-
Redirect to homepage
Profile for guest - 1
Homepage for guest
Features:
-
Redirect to Login screen
-
Redirect to Sign up screen
-
See all of the message on the wall
-
Search message by keywords
Features:
-
See all replies
-
Manage all replies
-
Redirect to homepage
Profile for guest - 2
Features:
-
See all messages on the wall
-
Write new messages (add emoji, image, or link and change font)
-
Redirect to user’s profile page
-
Search message by keywords
Homepage for authorized user
Profile for guest - 3
WIREFRAMES
USERFLOW
PROTOTYPES
