The document discusses the history of tablets and how their usage has grown. It notes that tablets were first patented in 1915 and various companies like Apple, Microsoft, and Palm introduced early tablet concepts between 1987 and 2000. The document emphasizes that websites need to be accessible on all mobile devices like phones and tablets. It advises making sites simple and quick-loading for mobile or having a separate mobile version to ensure usability and encourage people to stay on the site.

1. MOBILE AND
TABLET
DESIGN
BY: HENRY ALAN MADER
MARCH 28, 2014

2. 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

3. HOW HAS TABLETS
GROWN?

4. ESTIMATE FUTURE
USAGE….

5. MOBILE AND TABLET
USAGE EFFECT ON WEB
DESIGN….

6. 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/

7. 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

8. GOOD EXAMPLE OF
MOBILE SITE <1>

9. GOOD EXAMPLE OF
MOBILE SITE <2>

10. BAD EXAMPLE OF
MOBILE SITES <1>

11. BAD EXAMPLE OF
MOBILE SITES <2>

12. 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/>.