tall tales: a storytelling mindgame
DESCRIPTION
This capstone project is about a website that allows for multiple users to write a single story. Imagine whisper down the lane only in a literary sense. Simply put, this project is primarily about my abilities as a web designer and coder for hiring purposes..TRANSCRIPT
-
Tall Tales: A Storytelling Mind Game 2014 Tall Tales Donte Polimeni, Philadelphia University
A Storytelling Mind GameCreated By Donte Polimeni
Tall Tales
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 2
Contents
Concept pg. 3
Wordle pg. 4
Objectives pg. 5 Goals pg. 6
Usability Research pg. 7
Sketches pg. 8
Information Architecture pg. 10
Brand Identity pg. 11
Style Sheet pg. 12
Personas pg. 13
Competitive Analysis pg. 14
SWOT Analysis pg. 16
Wireframes pg. 17
User Interface Design pg. 22
Production Infomation pg. 27
Gantt Chart pg. 28
Stake Holders pg. 29
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 3
Concept
Tall Tales is a responsive website and mobile app for tablets, smartphones, and computers that gives a new meaning to
creative development and freedom through creating fun and
ingenious stories with either yourself or with your friends. With
the primary focus being the writing of short stories, users will
sign up online to create an account on either a computer or
mobile devices to have access to developing stories and
uploading those stories onto their profiles. From there, users will
have a chance to publish their work, claim copywrite over their
work, and pay to have their work produced in a quality printed
format. This would be for people who love to write stories, or
would like to get into writing stories, or even enjoy reading user
created stories in their free time. To achieve this project, Tall
Tales will be developed through HTML5, CSS, and JQuery to create
a responsive webpage and app with parallax scrolling. Tall Tales
aims to be the place where creative writing can flourish and
writing can be a fun and creative activity.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 4
Wordle
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 5
Objectives
Personal: Creating Tall Tales is my way of giving people a chance to be creative writers, no matter how unknown those writers may be. Writing is one of those long forgotten arts, it should be respected and remembered today as the most brilliant artform in the world.
Mission Statement: To create an environment where users add onto a continually developing story. This social experiment will result in wide spread influence and community between different users.
Success Metric: Young adult audiences looking for something interesting to write.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 6
Goals
Short Term: To develop a party game for users looking to write funny and creative short stories with friends using mobile platforms
Long Term: Developing a social interactive medium through writing, by offering an online platform for stangers to write funny and interesting stories for everyone to read.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 7
Usability Research
-User testing on a physical plane, with a yellow writing tablet, a group of five.
-Tests will study group interactions, creative development, and fun factor.
-Afterwords, users will be given a sheet that asks them a serious of questions relating to their experience and what users would be interested in the development of this product.
-Then tests via a physical mockup of the website, asking questions about the layout, etc.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 8
Sketches: User Interface
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 9
Sketches: User Interface (Cont.)
User Login Genre Selection
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 10
Information Architecture
Sign In Home
Writing
Read
About
Setup PopupWindow
User Page
ContinueWriting
Thank YouPage
Story InformationTransfer Data
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 11
Brand Identity
Sketches Final Design
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 12
Style Sheet
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 13
Personas
Theodore: An Animator in the industry that is looking to create a short story to develop his latest animation. Using himself and a few other members of his animation team, they write a short story following a single genre. They worked together and communicated to write a clever short story on Tall Tales.
Robert: A student at his local univerity, he enjoys writing in his spare time. He prefers to write from a tablet, but also wants to collaborate with serious writers. He even wishes to publish work of his own. Tall Tales marketing method will allow users like Robert to collaborate with other users to publish their work for a minimal fee and even be a part of a colaborative series of books published under Tall Tales.
Jessica: A young adult that wants something different from her mobile experience. She finds Tall Tales on the internet, signs up via her smartphone, and enjoys spending time adding onto ongoing stories with other people online. For her, it became close to a social experience, different from that of Facebook or Twitter.
-
Competitive Analysis Part 1: Evil Apples
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 14
Strengths:-Based on Cards Against Humanity, taking from it the games mechanics into a mobile platform-Play with up to five people locally or randomly with people who have this app.-Strong multiplayer elements-Customizable answers for certain cards.-Adult Target audience
Weaknesses:-Dumbs down to being a mobile version of Cards Against Humanity with it being exactly the same game-Matchmaking is confusing, and works better when you are in a group in-per-son-IOS Devices only-The inclusion of pay to play causes issues when one person can not play for longer, in order to continue playing or last longer or even play people ran-domly you have to buy certain items to continue playing
Opportunities:-Better options to allow people to play freely after they paid for the initial game, instead of inputting coins and continue elements-Android version
Threats:Cards Against Humanity: http://cardsagainsthumanity.com/
1. There is already an online version for your computer set up for people to play, which includes new cards and constant updates for more fun
2. They have a free version available for people to print out and play
3. No mobile implementation but being that it is a board game that does not stop them from making the game happen.
4. Evil Apples might have based their game on Cards Against Humanity but at least the original still has good value.
-
Competitive Analysis Part 2: Story Wars
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 15
Strengths: -Developed as a party game to battle your friends-Creates stories with given characters to see who would win in a fight-Competitive fan-fiction-Consists of famous fairy-tale/mythological characters and locations, but is not completely limited to a fairy-tale setting.-Lasts about 30 minutes total to play a single game-Lots of creative freedom for players to make the story up as they go, even enough to reference pop culture.-The age to play is 8 to up, this is targeted for younger audiences
Weaknesses:-No web based platform/mobile usage. This is a complete board game.-Limited in more fantasy and other fiction narratives than in non-fiction -Competitive nature may cause overwhelming debates that could lead to in-consistent facts (anything goes type of thinking)-No means of actually writing or publishing involved, due to its card game nature.
Opportunities:-A mobile platform/program could offer popular alternative as well as a way to help influence the game itself?-Can offer a story-writing element to spark creative writers
Threats:Once Upon a Time (Board Game Developed by Atlas Games): http://www.atlas-games.com/ouat3/
-For having a game where there is a controlled plot, conflict, and resolution though cards that show typical elements. Much like Story War, it too is set in a fantasy setting, but takes much of the artwork and themes from fantasy sto-ries and games like Dungeons and Dragons. In addition it has come out with numerous books, revised rulebooks, and cards for people who wish to get into
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 16
SWOT: Tall Tales
Strengths
Weaknesses
Opportunities
Threats
- Offers a Creative Writing Medium on free online platform.- Additional Cooperative Storytelling in a Game-Like format.- Providing user produced creative work.
- Requires online access in order to properly use, especially for mobile users.- Threat of inappropriate content that could tarnish the brand name.
- Captializing on publishing stories into a large collection of books.- Random groups for mobile users.- Use of publishing websites such as Blurb of Shutterfly.
- Story Wars: A Storytelling Board game that is a mix of Dungeons and Dragons with a storytelling game basis. With the idea of having random events and characters to fight eachother inorder to tell who would win in a certain fight.
- Evil Apples: A mobile game developed to be similar to Cards Against Humanity. This game focuses on people playing with random groups to play for amusement and fun, while implimenting online freemium methods of gameplay
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 17
Wireframes: Login
Design is made responsive to accommodate all devices.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 18
Wireframes: Home
Design is made responsive to accommodate all devices.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 19
Wireframes: Pre-Write Setup plus Navigation
Organizing and Writing Section
-
Tall Tales: A Storytelling Mind Game 2014 Donte Polimeni Philadelphia University Capstone Prep2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 20
Wireframes: Writing
The story writing page, with inspiration to texting as a basis.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 20
Wireframes: Reading
Reading page along with additional navigation to provide different reading choices.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 21
Wireframes: Thank You
This page will offer users a time frame to return and write on their time.
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 22
UI Design: Login
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 23
UI Design: Home
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 24
UI Design: Reading
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 25
UI Design: Writing
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 26
UI Designs: Web Thank You
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 27
Production and Technology Usage
Design Developement: Photoshop for designing elements, Illustrator for developing wireframes, and InDesign for presentation layout.
Codeing Process: Html, Css, PhP, and Javascript.
Server-side Programing: MySQL and MAMP
Inteactive Testing: InVision for UI mockups and Testing
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 28
Gantt Chart
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 29
Stake Holders
-Donte Polimeni-Philadelphia University-Linda Daniels-Educational Organizations-Neil Harner
-
2014 Tall Tales Donte Polimeni, Philadelphia UniversityTall Tales: A Storytelling Mind Game pg 30
Thank you!And enjoy the
start of this creativeexperiment!