The document shows statistics on the installed base market share of various mobile operating systems from 2010 to 2012. It shows that Android grew from 9% in 2010 to 41% in 2012, overtaking Symbian which declined from 49% to 25% over the same period. iOS grew steadily from 11% to 19% and BlackBerry declined from 14% to 10%.

1. Installed base Q2
2012 2011 2010
Android 41% 27% 9%
Symbian 25% 35% 49%
iOS 19% 16% 11%
BlackBerry 10% 12% 14%
bada 2% 1% -
Windows Phone 1% 1% -
Other 3% 8% 17%
Source: Tomi Ahonen

2. Viewports

3. Viewports

4. Viewports

5. Viewports

6. Meta viewport
<meta name=”viewport”
content=”width=device-width”>

7. Media queries
@media all and (max-width: 600px) {
.sidebar {
float: none;
}
}

8. Meta viewport
+ media queries
= repsonsive web design

9. Responsive Web Design
<meta name=”viewport”
content=”width=device-width”>
@media all and (max-width: 600px) {
.sidebar {
float: none;
}
}

13. Interaction modes

14. No hover

15. No hover
• There is no hover on touchscreen devices

16. No hover
• There is no hover on touchscreen devices
• No way of saying “I might be interested in
this element, but I’m not sure yet.”

17. No hover
• There is no hover on touchscreen devices
• No way of saying “I might be interested in
this element, but I’m not sure yet.”
• It’s technically very hard: finger above the
screen has to be detected

18. No hover
• There is no hover on touchscreen devices
• No way of saying “I might be interested in
this element, but I’m not sure yet.”
• It’s technically very hard: finger above the
screen has to be detected
• Sony recently announced the Xperia Sola,
which seems to do this trick

19. No hover
• There is no hover on touchscreen devices
• No way of saying “I might be interested in
this element, but I’m not sure yet.”
• It’s technically very hard: finger above the
screen has to be detected
• Sony recently announced the Xperia Sola,
which seems to do this trick
• But even then your finger obscures the
screen