Thursday, May 2, 2013

IA Doc - Sec 3 Personas


A user persona is someone web designers use to determine their target audience and get an understanding of their demographics, needs/goals,  behavior and a few personal details that make them realistic. Even though personas represent actual users that will come to the site, they do not represent all potential users. There are usually 3 personas, two secondary and and one main persons is the primary focus for the design.


Personae Overview:
·       Children
YMCA, camps
Kids
6-13

·       Teenagers
Gwinnett, DeKalb, and Fulton High School
High school students
14-17

·       College students
Art Institute of Atlanta
Students
18-25


3.1       Children: Kaylee Carter




Kaylee Carter  – Existing Client


“Mommy I want a snow cone!”




Scenario
Needs

Features
Behavior
Personal Profile

Kaylee Carter is a 6-year-old child who cheerleader at the YMCA weekly.  This is her first year cheering for the Y, however she’s been going up there a little over a year with her family to do other sporting activities. Kaylee is a regular at the Y, coming up there every weekend and at least twice a week. Since she usually is up there for hours a day she ends up wanting something to eat or drink. Kaylee would also want something to drink to cool her off after practice.
background
·       6 years old
·       First grader
·       Cheerleader at the YMCA
·       Regular at the Y

attributes
·       Female
·       Heat Cheerleader
·       Member of the YMCA


Customer   needs
·       To snack after practice or while she’s just up there


Kaylee has $20 and wants to get something to snack on.
Something to eat.
Fruitti’s.
Kaylee will go to get her a slice of pizza and chips.
Kaylee has extra money and wants something to drink.
Something to cool her down after practice.
Fruitti’s
Kaylee will buy an Italian ice.




3.2       Teenager: Jayla Mann



Jayla Mann  – Future Client


“I haven’t ate anything all day I’ve been busy getting ready for the game.”




Scenario
Needs

Features
Behavior
Personal Profile

Jayla is a junior at Gwinnett High School. She participates in a lot at school such as softball, yearbook, FCCLA etc. She likes to go to a lot of sporting events and of course if you go out you have to get something to eat or drink too. Jayla would like to be able to purchase something while she’s at the games because after taking a long time finding something to wear, getting ready, and watching a game, she’ll definitely be hungry. 
background
·       17 years old
·       High school junior
·       Softball player
·       Attends many sporting events
·       Very involved inschool

attributes
·       Female
·       Bulldog softball player


Customer   needs
·       To purchase food and/or drink at games


Jayla is hot at a basketball game because it’s so crowded and she’s been cheering for her school all night.
A cold drink
Fruitti’s.
Jayla will go to Fruitti’s to get her an island mango Italian ice.
Jayla hasn’t eaten all day because she’s been getting ready for the game.
Some food to eat.
Fruitti’s
Jayla will go to Fruitti’s to get her some wings from Fruitti’s.





3.3       College student:  Monica Nickson



Monica Nickson  – Fututre Client


“I would like to be able to see what’s going to be new on my site.”




Scenario
Needs

Features
Behavior
Personal Profile

Monica Nickson is recent high school graduate and currently takes college tours to find “the one”. She loves cooking and is looking to take up culinary at the Art Institute of Atlanta. She has the basic knowledge of cooking but wants to know every aspect of it. But when she tours colleges its usually an all day event which mean she’d have to eat at some point during the day.  
background
·       18 year old female
·       High School Education
·       Searching for a college
·       Passion for culinary
·       Has basic knowledge of cooking

attributes
·       Female
·       Recent high school grad
·       Future culinary student


Customer   needs
·       To get something to eat and drink while touring colleges


Monica wants to check out places to eat/drink while touring colleges.
A meal.
Fruitti’s
Monica will go to Fruitti’s to get nachos and a cherry Italian ice.
Monica just wants to stop for a something to drink while touring colleges on a hot summer day.
Something cold to drink.
Fruitti’s
Monica will get a sour apple snow kone.




Wednesday, May 1, 2013

Information Architecture - Section 5


Shannon Forrester
Imd 320 - Production Team
Site Map

           

   A site map is a tool used to visually organize the layout of the website before actual building it. It serves as a guideline for the developer to follow during the site creation process. Site maps help prevent content duplication, clarify site goals, maximize usability, ensures all developers involved are on the same page and gives the client a preview of what is to come to minimize any surprises.




Home
The first impression is a lasting one.  The home page entices the customer to continue to search through the site. By the first impression, the site has to provide the answer to these three questions.

1.     Does this company have what I need?
2.     Can I find what I need here?
3.     Do I trust what I see?

About Us
Every story is unique. This is your opportunity to tell your company's story to the visitor. Also, you can introduce the staff and people who helped get this company to where it is today.

Contact Us
This is a page for the customer to inquire more about the products and services that are being offered. It is a tool to generate potential business for the company.

Gallery
A place where customers can see how other customers feel about the products and services.

Menu
This gives the customer a list of delicious food Fruitties have to offer including the services that you provide.

Social Media Badges (Facebook, Instagram )
These tools make it easier for the customer to register and log in. You can also use it to send updates and messages to the customer.

Still working on the last parts of the wireframe...

Introduction portion of Info Architecture


1         Introduction


Design Hub is pleased to work with our most recent client Fruitti’s L.L.C Concession and the Fruitti’s company brand. We have drawn out plans and now are introducing our documentation for the project that we will be building upon to create an interactive, stylish site for Fruitti’s L.L.C.

             The main objective of this project is to create a well designed website for Fruitti’s and make it
             completely functional. In order to do this we will be going through a process flow of planning,
   designing, creating the website, testing the website, fixing any last minute bugs, and finally  
   launching the website for the final stage. We plan to do all this with the help of Fruitti’s owner  
Kimberly Folkman and implementing her final designs and ui patterns that would best represent  her needs as our client.

The main purpose for this information architecture document is to assist you in completing the objective by creating a visual roadmap to all the aspects that needs to be highlighted. The personas that will be represented in this document also helps in targeting the right demographic while at he same time providing adequate information to our team about who you are trying to target the most.

1.1         Key Features of the Document


The key features of this document broadcasts each portion that will be highlighted though out this document. It helps in giving the client a complete view of every detail that is needed kind of like a clear purpose.

·         Web Site Requirements – Our main website requirements will be usability/ user experience design, content writing, accessibility & compliance standards.

·         User Personas/Audience Definition – The personas are a representation of a cluster of users who have similar behaviors in purchasing decisions.

·         User Scenarios – User scenarios give detail to what users do on a website and specifically why they do it.

·         Site Map – A site map is basically a digital drawing which depicts the site of a proposed project.

·         Interactive Wireframes of the Site -  Wireframes are rough illustrations of an application’s user interface.