Posternak gabriel presentation_mobile_tablet_deisgn

10
Presentation on Mobile/Tablet Design Project 4 Instructor: Theresa Weber by: Gabriel Posternak

description

Short presentation about how Mobile/Tablet Impacted the World.

Transcript of Posternak gabriel presentation_mobile_tablet_deisgn

Page 1: Posternak gabriel presentation_mobile_tablet_deisgn

Presentation on Mobile/Tablet Design

Project 4

Instructor: Theresa Weber

by: Gabriel Posternak

Page 2: Posternak gabriel presentation_mobile_tablet_deisgn

How much mobile and tablet usage has grown and estimated future

usage.

• More and more people are gaining access to “smart phones.” These phones can check e-mail, check facebook, use applications.

• Although there are huge numbers of people using the internet, there are even more people using mobile phones and smart phones.

Page 3: Posternak gabriel presentation_mobile_tablet_deisgn

The Numbers• In 2011 there are an estimated of

2,095,000,000+ people who have access to the internet

• In 2009 there were an estimated of 4,1000,000,000+ people who had access to a mobile phone.

• 1.08 Billion of these people own Smart Phones and 3.05 billion are SMS enabled.

Page 4: Posternak gabriel presentation_mobile_tablet_deisgn

• Mobile and tablet usage has impacted web design big time;

• Developers have to learn more languages and frameworks to work on building site’s, applications and everything more user friendly.

• Prioritized Content

• Vertical Navigation / Faster Load Time

Page 5: Posternak gabriel presentation_mobile_tablet_deisgn

• HTML 5

• HTML

• Jquery

• JavaScrip

• CSS/CSS3

• Integrated audio, video and photo input.

What current technologies can be used to make websites accessible on all

devices?

Page 6: Posternak gabriel presentation_mobile_tablet_deisgn

BAD EXAMPLE:http://www.worldfitnesspr.com/

Page 7: Posternak gabriel presentation_mobile_tablet_deisgn

Good Example:http://www.yelp.com/yelpmobile

Page 8: Posternak gabriel presentation_mobile_tablet_deisgn

Another Good Example:http://www.newegg.com/mobile?name=Mobile-Apps

Page 9: Posternak gabriel presentation_mobile_tablet_deisgn

• Redesign the Website!

• Prioritize Content

• Work on a better framework.

• Work on setting up mobile re-direct landing page with mobile development.

• Logo and search bar on top

• Vertical Navigation

• Give the user what they need and nothing more.

How Can We Do this?

Page 10: Posternak gabriel presentation_mobile_tablet_deisgn

REFERENCES:

• www.yelp.com

• http://www.worldfitnesspr.com/

• http://www.seositecheckup.com/articles/147