User Test
The first test was done by an Animation Motion Graphics Student. He said he uses the internet at least 24 hours a week and is a frequent buyer of online products. His main criteria for buying products online was that the website looked "secure".
He was able to find the requested product by going through the main navigation link titled "Our Menu". He correctly identified our site as a cupcake and pastry site. However, technically the site only sells cupcakes, cookies, and beverages (not really pastries).
One thing to note was that on the cupcake page he tried to select the product by clicking the title but saw that it was not clickable. He reached goal by clicking the yellow link below that says "Buy". We plan to make the title clickable onthe stage 2 version.
MM2201 Interface Design
Showing posts with label Group Project. Show all posts
Showing posts with label Group Project. Show all posts
Monday, August 23, 2010
Friday, August 20, 2010
Monday, August 16, 2010
images / copy
Red VelvetCity Sweets signature cupcake – traditional red velvet cupcake with a hint of cocoa. Topped with a vanilla cream cheese frosting and colorful red and pink sprinkles.
Also available Vegan.
Spiced Choco-Pumpkin Dutch chocolate pumpkin cupcake topped with a dollop of spiced cream cheese frosting and a chocolate candy corn.
Names: Key Lime Divine, Key Lime, Divine Key LimeFresh key lime cupcake centered with key lime curd and a sprinkle of graham cracker crumbles. Topped with whipped cream and garnished with a candied lime.
Also available Gluten-Free.
Possible Names : Minty Magic, Chocolate Minty, Mint Condition
Peppermint-infused chocolate cupcake frosted with light green peppermint buttercream and garnished with a mint chocolate malt ball.
CosmopolitanClassic Madagascar bourbon vanilla infused chocolate cupcake. Topped white chocolate butter cream, garnished with two chocolate duo sticks and pink sprinkles.
Possible names: Mochalicious, Chocolate Arabica, Chocolate Con Pana, Mocha con Pana
Bold espresso and dark chocolate cupcake filled with whipped cream. Frosted with espresso infused buttercream and pure mocha sprinkles.
Blueberry Swirl
Vanilla buttercake baked with fresh organic blueberries, topped with blueberry cream cheese frosting. Available Vegan.
Chocolate Truffle, Chocolate ButtonOur signature dark chocolate cupcake layered with bittersweet chocolate ganache. Frosted with milk chocolate buttercream and capped with a dark chocolate button.
Available Gluten-Free.
Blackberry Champagne Cream
Vanilla bean buttercake, frosted with a champagne buttercream whipped with fresh organic blackberries. Seasonal variations are also available.
Sizes:
Our cupcakes come in 2 sizes: Mini and Classic.
They are each sold separately or in packs.
Classic - 4"
Mini - 2.25"
Other Copy:
City Sweets, your favorite treats handcrafted with fresh local ingredients. Our desserts are baked everyday from scratch and we are dedicated to using only the finest organic and sustainable ingredients. We offer a selection of amazing cupcakes and cookies. You may order our yummy desserts in advance or stop by our store and enjoy the one on the spot.
We welcome you to stop our store or order in advance online.
At City Sweets bakery and café you will find our staff ready to treat and serve you our unique desserts. Our store features a unique ambiance were you can enjoy your favorite beverage while watching our bakers at work. We offer free WiFi and out door seating. City Sweets is located in New York City's ( East Village, Upper Westside, Greenwich Village) and we our proud to be a part of your neighborhood.
Our store hours:
Monday - Thurs 7:00 am - 9:00 pm
Friday, Saturday, Sunday 7:00 am - 10:00 pm
cupcakes
Delicious, fluffy, and unique our gourmet cupcakes are baked every day from scratch. We select only the highest quality and fresh ingredients to create our distinct treats. There are 9 signature delights to choose from, several of which are also available Gluten-Free or Vegan.
You may purchase them a la carte or by the dozen. Make your next occasion a sweet-success.
I have more to say here, still need to work somethings out.
Cookies
Our handmade cookies are works of yummy art. These delicious treats are all-natural with no added perservatives, baked from scratch everyday at our store. You can order several to go or stop by and try one with our handcrafted espresso drinks.
Beverages / Cafe
Working alongside our pastry chefs is our team of barristas who are ready to serve you from our full service espresso bar.
Monday, August 9, 2010
Week 5 Responsibilities
Hey guys,
Images of Cupacakes: http://www.dozenbakeshop.com/html/cupcakes.html
here's a list of everybody's responsibilities for the week:
Ritchie: wireframe remaining pages, webpage comps
Scott: webpage comps, logo comps
Renee: copy, product names and descriptions
Ernie: copy, product names and descriptions, logo comps
If there's anything that hasn't been addressed please mention it and we'll get it assigned to someone.
Ernie
Images of Cupacakes: http://www.dozenbakeshop.com/html/cupcakes.html
Sunday, August 8, 2010
Saturday, August 7, 2010
Survey for Online Store
RESEARCH
---------
Guys,
For the Research Requirement I am also going to post a paper with infographics. It mostly concerns the way in which certain age groups use the internet.
Thanks!
Renee
------------
---------
Guys,
For the Research Requirement I am also going to post a paper with infographics. It mostly concerns the way in which certain age groups use the internet.
Thanks!
Renee
------------
Friday, August 6, 2010
Cupcake Store Names
Some random suggestions:
Cupcakery
Frost Bite
Cake Me
Cupquakes!
Caked
Baked
Chomp
Flava'
Cake Dujour
Sugar High
City Sweets
Pop Cakes
Sprinkles (PS you know Sprinkles this is the name of the most famous cupcake store in the world.)
Red Velvet
Butter
Cream
Cuppy Cakes
Sugar Bites
Cupcake Royale
This store is one of the few I found that does online ordering similar to what we are building.
Cupcakery
Frost Bite
Cake Me
Cupquakes!
Caked
Baked
Chomp
Flava'
Cake Dujour
Sugar High
City Sweets
Pop Cakes
Sprinkles (PS you know Sprinkles this is the name of the most famous cupcake store in the world.)
Red Velvet
Butter
Cream
Cuppy Cakes
Sugar Bites
Cupcake Royale
This store is one of the few I found that does online ordering similar to what we are building.
Personas
Personas
Caryn is a 23 year old and works as a coffee barista at a privately owned café. She has worked for coffee shops such as Starbucks™, It’s a Grind™, and many others. She enjoys her current work place because the beverages are made with organic ingredients, and offers a very fun and eclectic menu.
For recreation Caryn enjoys walking her dog, painting, and indie films. She has attended college in the past but is currently just working. During her time in college she was enrolled in many of the art classes. Caryn enjoys foods like Sushi, Mexican, Greek, and even good old fashioned BBQ’s with Burgers and Hot Dogs.
Caryn uses an Apple Imac computer and also owns the Apple Iphone. She is very internet savvy. She views her Facebook daily and has her phone linked up with her email account. Caryn often uses programs like Adobe Photoshop and Illustrator, but has never worked in any design or art firm.
Ryan is a 17 year old high school student that hasn’t had a job yet. Most of his leisure time is spent skateboarding and playing guitar. He enjoys classic punk and his favorite musician is David Bowie. He is in his Senior year of highschool and has maintained a C average.
Ryan enjoys very basic foods like pepperoni pizza, macaroni and cheese, cereal, and cheese burgers plain. He also eats sweets and candy on a daily basis.
Ryan uses the internet on a weekly basis, primarily to watch youtube videos and find more information about his favorite bands. He owns a cell phone but it is not able to go onto the internet, he primarily uses the text feature. Ryan doesn’t have his drivers license yet.
Julie is 47 year old that manages a dental office. Julie has worked in the dental field since she left college. She enjoys Country music and Tv shows like “Dancing with the Stars” and "No Ordinary Family". Julie generally works 45-55 hours a week and tends to spend her time off work with her 10 year old son and 14 year old daughter.
Julie generally eats healthy but will occasionally go out for ice cream or other deserts. Some of her favorite treats are ice cream, light popcorn, Starbucks Frappuccinos.
Julie has a PC at home but uses it infrequently, primarily to look up directions, business hours and phone numbers. She does plan family vacations from her computer, using the internet to search for travel packages and book airline flights.
She uses a BlackBerry mobile phone that was issued to her from work. She mainly uses it to stay on top of work email. She hasn’t downloaded any apps or personalized her phone interface, and the phone is currently using the default ringtone. Although she is on many mailing lists to receive things like coupons and info on special sales at places like: grocery stores, her hair salon, and her favorite retail store DSW.
She does have some experience with social media but seldom checks it. Two of her friends have blogs. Julie wishes she knew more about uploading and sharing photos.
----------
Scott
The changes I made are in red.
-Renee
--------
Caryn is a 23 year old and works as a coffee barista at a privately owned café. She has worked for coffee shops such as Starbucks™, It’s a Grind™, and many others. She enjoys her current work place because the beverages are made with organic ingredients, and offers a very fun and eclectic menu.
For recreation Caryn enjoys walking her dog, painting, and indie films. She has attended college in the past but is currently just working. During her time in college she was enrolled in many of the art classes. Caryn enjoys foods like Sushi, Mexican, Greek, and even good old fashioned BBQ’s with Burgers and Hot Dogs.
Caryn uses an Apple Imac computer and also owns the Apple Iphone. She is very internet savvy. She views her Facebook daily and has her phone linked up with her email account. Caryn often uses programs like Adobe Photoshop and Illustrator, but has never worked in any design or art firm.
Ryan is a 17 year old high school student that hasn’t had a job yet. Most of his leisure time is spent skateboarding and playing guitar. He enjoys classic punk and his favorite musician is David Bowie. He is in his Senior year of highschool and has maintained a C average.
Ryan enjoys very basic foods like pepperoni pizza, macaroni and cheese, cereal, and cheese burgers plain. He also eats sweets and candy on a daily basis.
Ryan uses the internet on a weekly basis, primarily to watch youtube videos and find more information about his favorite bands. He owns a cell phone but it is not able to go onto the internet, he primarily uses the text feature. Ryan doesn’t have his drivers license yet.
Julie is 47 year old that manages a dental office. Julie has worked in the dental field since she left college. She enjoys Country music and Tv shows like “Dancing with the Stars” and "No Ordinary Family". Julie generally works 45-55 hours a week and tends to spend her time off work with her 10 year old son and 14 year old daughter.
Julie generally eats healthy but will occasionally go out for ice cream or other deserts. Some of her favorite treats are ice cream, light popcorn, Starbucks Frappuccinos.
Julie has a PC at home but uses it infrequently, primarily to look up directions, business hours and phone numbers. She does plan family vacations from her computer, using the internet to search for travel packages and book airline flights.
She uses a BlackBerry mobile phone that was issued to her from work. She mainly uses it to stay on top of work email. She hasn’t downloaded any apps or personalized her phone interface, and the phone is currently using the default ringtone. Although she is on many mailing lists to receive things like coupons and info on special sales at places like: grocery stores, her hair salon, and her favorite retail store DSW.
She does have some experience with social media but seldom checks it. Two of her friends have blogs. Julie wishes she knew more about uploading and sharing photos.
----------
Scott
The changes I made are in red.
-Renee
--------
Monday, August 2, 2010
Cake & Cupcake Websites
HOMEWORK:
1. Thumbnails of the logo (ALL)
2 . Home Page Design Thumbnails (ALL)
3. Three Personas (Scott)
4. Research: User Needs (Renee)
5. Site Scope - flow chart (Ernie)
6. Wire Frame (optional) (Richie)
---------------------------------
Target Audience:
Yogurt Land
Pink Berry
Scene-ster
Urban Outfitters
12-30 years old
Income Level :
$20,000 -$30,000
Students, teens, mom and dads w/children
1. Thumbnails of the logo (ALL)
2 . Home Page Design Thumbnails (ALL)
3. Three Personas (Scott)
4. Research: User Needs (Renee)
5. Site Scope - flow chart (Ernie)
6. Wire Frame (optional) (Richie)
---------------------------------
Target Audience:
Yogurt Land
Pink Berry
Scene-ster
Urban Outfitters
12-30 years old
Income Level :
$20,000 -$30,000
Students, teens, mom and dads w/children
Group Project
Group of 3-4 People
MM2201 Assignment for week 5: Project 2
Introduction
This will be a group project. You can select your own group partners, but make sure no one is left out. The class will split into groups of three or four students each and design a Web interface for a commerce site that is selling a certain product. In class this week, your group should brainstorm and decide on an industry and a product. It is not a branding class, but you will also need to come up with a logo, since that doubles as Site ID and a part of the navigation.
The site will need at least five major Sections, and the user will have to browse at least four levels deep to get to the product page in question (Home, Section, Subsection, Product). Keep these parameters in mind as you begin to work on these – the size of the site (including all the products you're not actually building pages for) will determine the structure of the site, and the navigation. In week 7 we will be setting up a usability lab and testing their designs on unsuspecting non-majors grabbed from the hallways.
Please brainstorm ideas for industry, product and logo. Include everyone in the group in this process; for homework you will all be working on concepting thumbnails for logos and the Home page design.
Teams
Get together with your group and divide your labor among these tasks:
Research
Determine your research methods, paying particular attention to analysis of similar/competing existing sites. Define your target audience and user needs. Write three user profiles of members within your target audience. Include this and your research methods and sources into a Word or PDF document. Be as thorough as possible. Strategy. 1-2 team members.
Site scope
Define the scope of your site (number of pages, number of categories/products at each level) and build a flow chart showing the user’s pathway through this structure. You may use Illustrator or Visio, and make it clear how many Sections and Subsections there will be at those levels. Make this a visually professional document. Scope and structure. 1 team member.
Wireframe
Design a wireframe comp for each page of the clickthrough. Consider for inclusion the elements discussed in class: the Site ID, tag line, global nav, Welcome blurb, search field, etc. Also any other elements you deem necessary, such as links to networking sites and so on. Structure and skeleton. 1-2 team members.
Design
Bring in some thumbnail sketches of your company’s logo. Design. All team members
-------------
X -- Home
X -- Section
X -- Subsection
X -- Product
(You have to get the user 4 pages deep)
---------
Division of Labor
When, Who, Why, What, How
(We are building a prototype)
Project Leader (You can put this on your resume or portfolio, person who delivers)
Strategy
1. Communicates with everyone, stakeholders, and client
2. Establishes Site Objectives
3. Trouble shoot
4. Due Dates
5. Compiles and delivers the results
Researcher primary data
1. Determine User needs, target audience
2. User profiles/persona SEE User's Profile PDF
(for interface design you pick multiple people, to make sure more people can actually navigate your site)
(as opposed to in marketing you pick one person you are trying to get to use your site.)
3. Writes Documentation
4. Research similar sites (upside is that they already did the research, downside their target audience might be different, wrong, or out of date)
Ask usability questions, how does the target audience feel about and use the web?
Info Architect
Working with project leader to decide scope & structure.
Designer
Deciding the look of the Skeleton and Surface
Coder
the How
Skeleton and Surface
Final Stage: (for later)
Testing the Usability
MM2201 Assignment for week 5: Project 2
Introduction
This will be a group project. You can select your own group partners, but make sure no one is left out. The class will split into groups of three or four students each and design a Web interface for a commerce site that is selling a certain product. In class this week, your group should brainstorm and decide on an industry and a product. It is not a branding class, but you will also need to come up with a logo, since that doubles as Site ID and a part of the navigation.
The site will need at least five major Sections, and the user will have to browse at least four levels deep to get to the product page in question (Home, Section, Subsection, Product). Keep these parameters in mind as you begin to work on these – the size of the site (including all the products you're not actually building pages for) will determine the structure of the site, and the navigation. In week 7 we will be setting up a usability lab and testing their designs on unsuspecting non-majors grabbed from the hallways.
Please brainstorm ideas for industry, product and logo. Include everyone in the group in this process; for homework you will all be working on concepting thumbnails for logos and the Home page design.
Teams
Get together with your group and divide your labor among these tasks:
Research
Determine your research methods, paying particular attention to analysis of similar/competing existing sites. Define your target audience and user needs. Write three user profiles of members within your target audience. Include this and your research methods and sources into a Word or PDF document. Be as thorough as possible. Strategy. 1-2 team members.
Site scope
Define the scope of your site (number of pages, number of categories/products at each level) and build a flow chart showing the user’s pathway through this structure. You may use Illustrator or Visio, and make it clear how many Sections and Subsections there will be at those levels. Make this a visually professional document. Scope and structure. 1 team member.
Wireframe
Design a wireframe comp for each page of the clickthrough. Consider for inclusion the elements discussed in class: the Site ID, tag line, global nav, Welcome blurb, search field, etc. Also any other elements you deem necessary, such as links to networking sites and so on. Structure and skeleton. 1-2 team members.
Design
Bring in some thumbnail sketches of your company’s logo. Design. All team members
-------------
X -- Home
X -- Section
X -- Subsection
X -- Product
(You have to get the user 4 pages deep)
---------
Division of Labor
When, Who, Why, What, How
(We are building a prototype)
Project Leader (You can put this on your resume or portfolio, person who delivers)
Strategy
1. Communicates with everyone, stakeholders, and client
2. Establishes Site Objectives
3. Trouble shoot
4. Due Dates
5. Compiles and delivers the results
Researcher primary data
1. Determine User needs, target audience
2. User profiles/persona SEE User's Profile PDF
(for interface design you pick multiple people, to make sure more people can actually navigate your site)
(as opposed to in marketing you pick one person you are trying to get to use your site.)
3. Writes Documentation
4. Research similar sites (upside is that they already did the research, downside their target audience might be different, wrong, or out of date)
Ask usability questions, how does the target audience feel about and use the web?
Info Architect
Working with project leader to decide scope & structure.
Designer
Deciding the look of the Skeleton and Surface
Coder
the How
Skeleton and Surface
Final Stage: (for later)
Testing the Usability
Subscribe to:
Comments (Atom)