2. 73% of the World’s population
now has a mobile phone
85% of kids own a phone or some
kind of electronic reading device
while 73% of them have books
3. • Annual sales of tablets will rise to 82 million by 2015
• Will account for 23% of all PC sales
4. Today, many tablet owners are using other media less.
• 20% are using print magazines less
• 25% are using print books less
• 27% are using print newspapers less.
5. On average, website visitors are 51% more likely to do
business with an online retailer if it has a mobile site
10. Designing for tablets is like designing grid paper for little kids who use jumbo
sized pencils to draw pictures –you want to keep thing simple and BIG.
11. Pleasing Typography
• On a tablet, although, you can zoom in when the text is
too small, if the line-length is too long the text is still
hard to read unless you scroll each line of text.
• Likewise, big text can be a turn-off on tablets too. Text
that is too big forces users to scroll more often than
they otherwise might need to.
• It is important to find the perfect combination of font-
face, size, line-height, and line length.
12. Usable Buttons
• Icons that are too small can
present a problem.
• The average finger can easily
click on a space of about 20px.
• Good buttons should be easy to
press with a finger.
13. Better Layouts
• Complicated layouts require a user to constantly zoom in.
• Less complicated layouts means getting rid of the
unnecessary meta data. Instead of listing the date, tags,
categories, social media icons, author, etc, just make more
space for what’s actually important: your core content.
14. Southwest Airlines’ desktop site: lots of pixels available means lots
of pixels used. The mobile experience: very few pixels available
means they’re used for what matters.
16. Craigslist’s layout is the same for mobile and desktop access. This is
how it looks on a pc. When you access it using your phone, you get
a lot of hyperlinks and blocks full of text.
17. http://www.mauiwedding.net/index.php
This is the website of the company we used for our wedding video and pictures.
Since most of the design was made in Flash, it can’t be accessed using Apple
products.
The usage of mobile devices has grown exponentially over the past 10 years. Mobile technology offers the public with countless options of being more productive. These days it’s really hard to find someone that has never been exposed to any kind of mobile technology such as mobile phones or tablet computers.Research shows that over 70% of the world’s population now has a mobile phone. That’s over 5 billion mobile subscribers, and in places like the US, it’s 9 in 10 people. With children now more likely to own a mobile phone than a book, with 85% of kids owning a phone or some kind of electronic reading device as to 73% having books.
According to a study by Harris Interactive, one in five U.S. consumers will own a tablet computer by 2014. And consultancy Forrester Research Inc. indicates that US consumers purchased 10.3 million tablets during 2010 and forecasts annual sales of tablets will rise to 82 million by 2015—to reach a cumulative sales total of 195 million between 2010 and 2015, which will account for 23% of all PC sales.Forrester’s predicted sales rundown looks as follows: During 2011 – 24.1 million tablet PC sales During 2012 – 35.1 million tablet PC sales During 2013 – 39.8 million tablet PC sales During 2014 – 42.3 million tablet PC sales During 2015 – 44.0 million tablet PC sales.
Today, many tablet owners are using other media less. For instance, 20% are using print magazines less, 25% are using print books less and 27% are using print newspapers less. Tablets have also spurred owners to use other computers less, as 23% are using laptop/notebook computers less and 27% are using desktop computers less.The use of search and apps are both popular on the tablet. According to the study, 39% of tablet owners spend more time using the web browser than they spend on apps. Oppositely, 16% of owners are using apps more than search. The other 45% say they spend about the same time on apps as they do with search. On average, each owner spends $34 on apps for tablets.
Other researches indicate that, on average, website visitors are 51% more likely to do business with an online retailer if it has a mobile site. This is easily understandable due to the convenience and availability issues. Online shopping is accessible 24 hours and can be done without the hassle of driving to a store, find a parking spot, finding the item you need and compare prices with other stores. Also mobile sites can provide you with alerts when a product is back in stock or a status check in the case of services. It’s less time consuming and allows for a better use of resources.
There are several factors that need to be taken into consideration when designing a website these days, especially if we want it to be available and fully functional for mobile devices.
Although apps are being purchased, the quality of what qualifies as an app needs to be raised. Since at least 25% of mobile users are expected to access the web from the device at least once a day, it is even more important to optimize websites for mobile devices. Research has shown that a mobile-optimized site is able to generate almost twice the average traffic per user than sites without mobile optimization.Fluidity and width - Most PC users have one of a handful of common resolutions on monitors from around 15” – 24”. Some have much larger screens, but very few have smaller. The iPad, in sharp contrast, has a 9.7” screen at a resolution of 1024×768 and most Android tablets come in at 7”. Adaptive design methods are the primary solution as developers employ adaptive CSS to only show if a device is of a certain brand, browser or resolution.
Fold - The fold is basically the cut-off point between what the user can see and what he can’t prior to scrolling. Users pass judgment on what they can see and how fast they percept it. As you can see, there are more browsers there than possible to consider in a normal workflow, and mobile devices have contributed to the number.
Declining web technologies – A good example of this is how none of Apple’s iOS-powered devices have Adobe’s Flash built in, nor possible to install. This means that parts of the web are just plain incompatible with an iPad. However, more popular video sites such as YouTube are slowly integrating HTML5. This is Apple’s preferred solution to Adobe Flash. The fifth revision of HTML brings a selection of new elements which can be offered as alternatives to core uses of Flash such as video and audio distribution.
Designing for tablets is like designing grid paper for little kids who use jumbo sized pencils to draw pictures –you want to keep thing simple and BIG.
Small type just isn’t readable on a tablet and, although, you can zoom in, if the line-length is too long the text is still hard to read unless you scroll each line of text. Likewise, big text can be a turn-off on tablets too. Text that is too big forces users to scroll more often than they otherwise might need to. It is important to find the perfect combination of font-face, size, line-height, and line length.
Icons that are too small (like 16px) can present a problem since the average finger can easily click on a space of about 20px. However, this doesn’t mean that buttons need to be that big to be usable. Good buttons should be easy to press with a finger.
Complicated layouts require a user to constantly zoom in on particular pieces of information to be able to read it. Better layouts mean a more thoughtful approach to your site design. If your site doesn’t have a thumbnail for each blog post, try to force an image driven layout and conversely, if your site uses a lot of images, use a layout that compliments that side of your content rather than trying to always fit 40-word excerpt next to each image. Less complicated layouts means getting rid of the unnecessary meta data that has come to clutter up our sites nowadays… instead of listing the date, tags, categories, social media icons, author, etc, you can think of, just make more space for what’s actually important: your core content!
Southwest Airlines’ desktop site: lots of pixels available means lots of pixels used. The mobile experience: very few pixels available means they’re used for what matters.
Facebook’s mobile application also provides easy access to content.
Craigslist’s layout is the same for mobile and desktop access. As you can see, it is a very basic design consisting in a too many links. This is how it looks on a pc. When you access it using your phone, you get a lot of hyperlinks and blocks full of text.
This is the website of the company we used for our wedding video and pictures. Since most of the design was made in Flash, it can’t be accessed using Apple products, making it harder for us to share the online albums with some of out loved ones.