wireframe

wirefram_index

wirefram_prducts

another version

index

product

shop

dream ice cream

company

event

finial web

redesign

another one

3 personas

Name: chi chiang chung

Description:  use Internet for entertainment, or finding research for the homework. Easy to find his wanted information is what he wants.

Age:22

Occupation: Insurance sales.

Education : high school

Technical Profile:

Operation system: PC

Preferred browser: Internet explorer

Internet skill level: average

Internet use (hr/week): 35-45 hrs

Favorite Sites:

1. 1. www.facebook.com
2. 2. http://www.gamer.com.tw/
3. 3. www.yahoo.com.tw

What does the user want/need?

1. Easy to use not contain a lot of flash

2. Like to have a lot of the content but not confusing

3. Look good

What does your client want/need?

1. Want to make ice cream is the form they like

2. Can order online, and free shipping

3. Able to leave the massage or can be discuss with other costumers the company for suggestion.

Name: wei ting

Age:
25

Occupation:
graphic designer

Education :
college

technical profile ? good at adobe series

Operation system: mac/ pc

Preferred browser” firefox or safari

internet skill level: high

internet use: 80 hrs/wk

favorite site: google, yahoo, facebook

What does the user want/need?

1. searching information

2. contact with friends, coworkers

3. easy to organize information system/ user friendly

What does your client want/need?

1. 1. make the website very clean.
2. 2. Adding a page interviewing people, ask how they feel and the favor they like
3. 3. Having special deal for holidays.

Name: Julie chen

Age:21

Occupation: student

Education :  collage

Technical Profile:

Operation system: Mac

Preferred browser: Safari

Internet skill level: Average

Internet use (hr/week):35 hr/ week

Favorite Sites :

1. 1. gmail
2. 2. Yahoo
3. 3. facebook

What does the user want/need?

1. Like clean format, and easily to use

2. Easy to find the information

3.  Minimize to three color

What does your client want/need?

1. A lot of the ice cream picture.

2.  Put illustration into the website.

3.  Small  flash games.

Communication Brief

1.)  Haagen- daze is start at early 1920’s.  The starter name Reuben Mattus in New York’s.  Then it had spread throughout the United States in 1973.  Haagen –daze stared with only three flavors: vanilla, chocolate and coffee, and Mr. Mattus; took him the globe by this unique recipes that included dark chocolate from Belgium and hand picked vanilla beans from Madagascar.  Haagen- daze is the first starter of the ice cream bar in 1986.

2.)   The first purpose is make the website more interactive with the customers.

3.)  The secondary goals is of the new site is crate a site that the viewer can immediately notice they are the ice cream’s website after they came to the website and enjoy the website, so they will want to buy ours product.

4.)  To make Haagen-daze stand out from other’s ice cream website.

Target audience

1.)  My target audience will be the people who love ice cream and who want to get more information about the ice cream.

2.)   The task will be they will be able to register, log on, search their ice cream, and can interactive with each other’s.

3.)  The people will care about the coupons, the new favors, or new activities. In the new website there will be a section that they can make their own flavors. Customers will came back if they received email, that said the new events or sale that the website are promoting.

Goals

1.)  Try to make audience feel that Haagen- daze has a high quality and unique then others.

2.)  I will make a special promotion that is customer’s flavor on every pages of the website.

3.)  Make the website not complicate so every one on every gender can easily to use.

4.)  To measure the success of the redesigned site, I will show my website to my friend who love ice cream for having their opinions.

Competitive positioning.

1.)  Ours website is cleaner and simpler to make the viewer easier to look at, and make the customers can interactive to each other’s.

2.)  The first specifically sets is make customers’ own flavors, second is let customers rate ours ice cream.

3.)  The area the current site  are successful is there is not much of the flash or complicate bottom that can confuse the viewers.

Haagen Daze redesign thought and process.

The successful part of the original website is that they have very simple and clean website that has no containing any complicate bottoms or flash. So I want keep their simple and clean concepts because ours audience are for all of the gender who love ice cream. But I want to make the website more interactive, that way can make the customers can interact with each other. The first thing I change is take out the video they have on their first page, and make two ads on their, and make the a columns on the bottom that shows all of their website, and also has the rate on each product. And for the navigation, I keep it sample, I only doing the roll over, so the customers can know they are selecting that part of the navigation.

Then I make another page that is the product page. I keep it still very simple, I got a different color of the background of the product on the navigation to point out the viewer is in the product page of this website, and I make the right site columns has a small ads that will shuffle by itself, that will show the viewer the new events or promotion that this website has.

I will work on more of the log in part of the website, so the customers can save their receipts of their own ice cream, or they can publish it and share with another customers, and they can rate their favorite ice cream.

3 artical about the prototype.

http://www.webbizdesigns.com/web-prototyping

Prototyping is easier for developers, designers, and staff to work together.  And it also saves to time to communicate with your clients. It also can help you to see, how the website is going to function, and structures. I learn that prototype can allow me to test my design before I create one in HTML, it save a lot of the time, if I need to do some fixes.

http://wapedia.mobi/en/Software_prototyping

In this arterials, it think of the prototype as a script, blueprint to explaining the prototype used as a development process. I learn that Designer can let the user to interact with the user by using the prototype to get their feed back that can improve the website, which can save your times and money.  Also i learn their is a lot of different type of the prototype.

http://www.w-edge.com/articles/prototype.htm

Prototype is allowing the designer to brainstorm their ideas together if they work as a team. I learn that prototype is so helpful, that can discusses with your team, and friend or your clients that help you reach your finial draft.  And also when I draw out on the paper, it will be easy to fix it, rather then fix it on the computers, and when i work it in my digital prototype, I can easily to get the proportion, the placement of the object that I wanted.

3 website with good type

http://www.tiltdesignstudio.com/

this website has a united style in his or her webstie, it gather the veiwer attention, beaucse it has a good job of combining their work and their type face.

http://www.petetalbot.org.uk/

this website has a intresting way to use the type as a design element to his website.

http://www.sapient.com/en-us/sapientnitro.html

this website is work good at their hierarchy, by using different fonts, size and color.

extra: a intresting website-

http://www.typetester.org/

can test your font, what it is look like in articles.

week 5: 3 articles about type

http://efuse.com/Design/web_fonts_basics.html#TypeMatters

This article is about why the type face matter for the website. It said the font can cause a different feel to the website. It said if you choose the font you like but if the viewer have not have a same type, then the viewer will unable to see it.  And also it tells what the window and mac has the font that the viewer might have in their computer.

http://www.smashingmagazine.com/2008/04/23/5-principles-and-ideas-of-setting-type-on-the-web/

This article is telling us about the 5 principles for setting the type.  First, is to think of the type which mach your logo, and content.  Second, the type size, color, weight, case or it’s normal or in italics.  Third is the hierarchy, which can help the viewer to see what is important then others. Fourth,  the type has to be group to your website design , such as the background, the textures.  Five, think the type are part of your interface for the website.

http://informationarchitects.jp/the-web-is-all-about-typography-period/

This article is telling so argument against typographical discipline, because there are only few fonts can be used, or the screen resolution is too low. And differences between a good typeface and a good typography have huge differences.



Week4-3 article about css

http://www.articlesbase.com/web-design-articles/designing-using-css-cascading-style-sheet-website-designs-382640.html

This article is about how css help the designers. Before css, html is very difficult for the company to change and manage their website. For css, they can formatting and content for more than a page. But the limitation for using css, is that when the browsers can not read if they has the older versions, and css only can use the perfect rectangle shapes.

http://www.webdesignfromscratch.com/html-css/css/

This website is a website that teach how to use css. In their intro it said css is more flexible by using class and ID. It said for css’s coding is much shorter and easier to type in then HTML.  And it helps to separate style for the different media.

http://www.design-lib.com/why-using-css-wd.php

This article is telling about why using css? It said css can reduce the page size, for example a table need to nesting inside to another table which is complex to make in Html and their size is also much larger then css. So it makes css faster to load.  And it is easier to manage the website, which is a lot easier to replace or uploading your new objects.   Also it is easier to make a print version for your website.  Css also help the browsers to search your website by using SEO.