Henry mader project4_week4
-
Upload
henry-mader -
Category
Documents
-
view
59 -
download
0
description
Transcript of Henry mader project4_week4
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/>.