22
Scott Buendia 10/19/12 Fundamentals of Web Design

Project 4 fundamentals of web designs - buendia

Embed Size (px)

DESCRIPTION

Why you need HTML 5 now.

Citation preview

Page 1: Project 4   fundamentals of web designs - buendia

Scott Buendia

10/19/12

Fundamentals of Web Design

Page 2: Project 4   fundamentals of web designs - buendia
Page 3: Project 4   fundamentals of web designs - buendia
Page 4: Project 4   fundamentals of web designs - buendia
Page 5: Project 4   fundamentals of web designs - buendia

1. Ignoring the size of mobile browsers

Page 6: Project 4   fundamentals of web designs - buendia

1. Ignoring the size of mobile browsers

2. Using web fonts that are too small for mobile screens.

Page 7: Project 4   fundamentals of web designs - buendia

1. Ignoring the size of mobile browsers2. Using web fonts that are too small for mobile

screens.3. Using too much screen real estate for things

that do no help sell the service or product.

Page 8: Project 4   fundamentals of web designs - buendia

1. Ignoring the size of mobile browsers2. Using Web fonts that are too small for mobile screens.3. Using too much screen real estate for things that do no

help sell the service or product.4. Producing a mobile site that has too many links or is not

clear on what a visitor to do when visiting the site.

Page 9: Project 4   fundamentals of web designs - buendia
Page 10: Project 4   fundamentals of web designs - buendia
Page 11: Project 4   fundamentals of web designs - buendia
Page 12: Project 4   fundamentals of web designs - buendia
Page 13: Project 4   fundamentals of web designs - buendia
Page 14: Project 4   fundamentals of web designs - buendia
Page 15: Project 4   fundamentals of web designs - buendia
Page 16: Project 4   fundamentals of web designs - buendia

1. Layout is formatted so that it attractive on mobile browsers.

2. The slider image can easily be converted to a HTML 5 video that can be viewed on mobile devices without

Flash.3. It is clear that the user should view the content on the

“slider image”.

Page 17: Project 4   fundamentals of web designs - buendia
Page 18: Project 4   fundamentals of web designs - buendia

1. Layout is specifically designed for mobile browsers.2. The two actions that the company want the user to take

are clearly the only two choices on the page (which are viewing the video or making a card.)

3. Properly uses the real estate and the fonts are large to read.

Page 19: Project 4   fundamentals of web designs - buendia
Page 20: Project 4   fundamentals of web designs - buendia
Page 21: Project 4   fundamentals of web designs - buendia
Page 22: Project 4   fundamentals of web designs - buendia

Home-ESPN. ESPN, 21 Oct. 2012. Web. 21 Oct. 2012. <proxy.espn.go.com/ESPN/mobile>.

Bizbuilt.com. Bizbuilt.com, 17 Oct. 2012. Web. 21 Oct. 2012. <http://www.bizbuilt.com>.

"Menu." Dentist, Portland. N.p., 2011. Web. 21 Oct. 2012. <http://www.blodgettdentalcare.com/>.

"Downtown Dental Care | Dentist in Portland Oregon." Downtown Dental Care | Dentist in Portland Oregon. N.p., 2012. Web. 21 Oct. 2012.

<http://www.downtowndentalcare.net/>.

Digital image. Http://images.thevine.com.au/resources/IMGDETAIL/ipad-detail_190210104421.jpg. N.p., n.d. Web.

<http://images.thevine.com.au/resources/IMGDETAIL/ipad-detail_190210104421.jpg>

Digital image. N.p., n.d. Web. <http://i.techrepublic.com.com/blogs/sony-s1-tablet-held-small.jpg>.

Digital image. N.p., n.d. Web. <http://www.anticareer.com/wp-content/uploads/2012/07/no_money.jpg>.