MOBILE AND TABLET DESIGN

BY: HENRY ALAN MADER

MARCH 28, 2014

HISTORY OF TABLETS

1. 1915 the first patent was granted

2. First concept tablet was made by Knight Ridder

3. Apple computer started it’s tablet in 1987

4. Microsoft’s tablet was introduced in 2000

5. The ipad from apple was introduced in 2010

6. In 1985, Pencept Inc. introduced the Penpad computer

7. Apple’s first “tablet” was the MessagePad in 1993

8. 1997 PalmPilots were in style

HOW HAS TABLETS GROWN?

SizeW

eight

Function

Apps

Gam

es

Price

Mobile S

ites

Environm

entally Friendly

Technology

ESTIMATE FUTURE USAGE….

-Pric

e

-How th

ey will

effect

schools and learn

ing

-How th

ey will

effect h

ow

business is done

-What n

ew technology

comes out

-Style

MOBILE AND TABLET USAGE EFFECT ON WEB DESIGN….

SHOPPING

MOBILE SITES

ADVERTISING

MAKING WEBSITES ACCESSIBLE ON ALL MOBILE DEVICES…

When you’re planning a new website design or updating your existing website, it can be very tempting to use lots of fancy graphics and animation. Used properly, graphics or animation can make a website more eye-catching and encourage users to stay on your site for longer. However, if you’re serious about search engine optimisation (SEO), it’s important to remember that people use a lot of different devices to access websites, and to ensure your website is suitable for all of them.

For example, many people now use their mobile phones to surf the web. The web browsers on mobile phones often can’t cope with some of the more complicated website features, such as animations. This means anyone trying to access such a website with a mobile phone may find it frustrating not to be able to see all the content, and give up. This means you lose a potential customer and the short amount of time they’ve spent on your website will count against you in Google’s rankings. The same issues can arise when people use other devices to surf the web, such as tablets and smaller laptops. Many websites aren’t optimised to display on mobile devices, and users will become frustrated with things like text scrolling off the side of the page or pages that take a long time to load.

So when you’re planning a website design project, it’s important to make sure your website will display in an attractive way for all the different kinds of devices that people may use to access it. You could achieve this by ensuring your website is very simple, so that it is quick to load and view on a mobile device. Alternatively, you could choose to have a separate mobile website, which contains all the same content but optimised to display attractively on smaller screens like mobile phones and tablets.

Whichever you choose, paying attention to how people will access you website will pay you dividends in the long run, encouraging people to stay on your website and buy your goods or services. It will also help improve your Google rankings, as more people will stay on your website for longer.

http://www.greavesdesign.co.uk/seo/making-your-website-accessible-for-all-devices/

 WHAT YOU RECOMMEND THE BUSINESS YOU'RE EXAMINING SHOULD SPECIFICALLY DO TO MAKE SURE THEIR WEBSITE CAN BE ACCESSED AND USED ON MOBILE AND TABLET DEVICES

1. I would like to see the company create a mobile page, so when you access the webpage on a mobile device, the right page comes up and gives the user a great experience.

2. It would be nice to see the company create a mobile app so their customers can have a more customized experience.

THIS IS A FULL MOBILE SITE THAT IS SPECIALLY DESIGNED FOR MOBILE USE

GOOD EXAMPLE OF MOBILE SITE <1>

This site is hosted only for devices on the go (mobile devices)

GOOD EXAMPLE OF MOBILE SITE <2>

The menu is fit to the screen, and is easy to click.

As you scroll down the page you will notice everything is fit to the screen

BAD EXAMPLE OF MOBILE SITES <1>

THE HOME SCREEN DOES NOT FIT THE SCREEN OF YOUR DEVICE

A positive for this site is you are able to call from it the negative is it delays and shuts down the browser

BAD EXAMPLE OF MOBILE SITES <2>

The site is not to size and the slideshow does not work

The blog is supposed to link to their blog, but you are not able to access this

WORKS CITED

"Clarity Mando Focus." Mobile & Tablet Design, Digital Consultancy. N.p., n.d. Web. 29 Mar. 2014. <http://www.mandogroup.com/services/consultancy/mobile-tablet/>.

"Mobile Web Design, iPhone Website Design, Mobile Site Design | Mobile and Tablet Solutions." Mobile Web Design, iPhone Website Design, Mobile Site Design | Mobile and Tablet Solutions. N.p., n.d. Web. 29 Mar. 2014. <http://mobileandtabletsolutions.com/index.html>.

"Nielsen Norman Group." Visual Design for Mobile & Tablet: Day 1. N.p., n.d. Web. 29 Mar. 2014. <http://www.nngroup.com/courses/vis-mob-1/>.

"Nielsen Norman Group." Mobile and Tablet Design: Articles, Training & Reports. N.p., n.d. Web. 29 Mar. 2014. <http://www.nngroup.com/topic/mobile-and-tablet-design/>.